/* VARIABLES */

:root {
	--color-primary: #30d5c7;
	--color-primary-darkened: #1c9a90;
	--color-dark: #041514;
	--color-secondary: hsl(28, 88%, 62%);
	--color-text-light: hsl(0, 0%, 90%);
	--color-text-dark: hsl(0, 0%, 10%);
	--color-text-gray: hsl(0, 0%, 40%);
	--color-palette1: #8ECAE6;
	--color-palette2: #1B263B;
	--color-palette3: #334b48;
	--color-palette4: #778DA9;
	--color-palette5: #EBEBEB;


}

/*==FONTS==*/

@font-face {
	font-family: handwritten;
	src: url(assets/FlowExt-Bold.woff);
}


@font-face {
	font-family: InterTight;
	src: url(assets/InterTight-VariableFont.woff2) format('woff2'),
		url(assets/InterTight-VariableFont.ttf), format('truetype');
	font-display: swap;
}

/*  GENERAL STYLES */

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: InterTight;
	font-weight: 500;
	color: var(--color-text-dark);
	text-decoration: none;
}

.centered{
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.flex-column{
	display: flex;
	flex-direction: column;
}

.flex-row{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.list_dotless{
	list-style-type: none;
}

section {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 1.5rem;
}

h2 {
	font-size: 1.5rem;
	margin: 1.2em auto 0.4em auto;
}

img {
	width: 100%;
	display: block;
	pointer-events: none;
}

mark {
	margin: 0 -0.4em;
	padding: 0.1em 0.4em;
	border-radius: 0.8em 0.3em;
	background: transparent;
	background-image: linear-gradient(
		to right,
		rgba(48, 213, 199, 0.1),
									  rgba(48, 213, 199, 0.7) 4%,
									  rgba(48, 213, 199, 0.3)
	);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

.noise{
	background: url('assets/noise.svg');
}




/*==NEW NAVBAR==*/

header{
	position: sticky;
	top: 0;
	z-index: 99;
}

.logo img {
	width: 60px;
	margin-right: auto;
}

.menu-img {
	width: 56px;
	height: auto;
	margin-right: auto;
}


.nav-select {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}

.lang-select {
	font-size: large;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.nav-bar {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	background-color: var(--color-primary-darkened);
	padding: 2px 20px;
}

.menu {
	display: flex;
	flex: 1;
}
.menu li {padding-left: 30px;}
.menu li a {
	font-size: larger;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
	color: var(--color-text-light);
	text-align: center;
	transition: 0.15s ease-in-out;
	position: relative;
	height: 100%
}
.menu li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--color-text-light);
	transition: 0.15s ease-in-out;
}
.menu li a:hover:after {width: 100%;}
.open-menu , .close-menu {
	position: absolute;
	color: var(--color-text-light);
	cursor: pointer;
	font-size: 1.5rem;
	display: none;
}
.open-menu {
	right: 20px;
}
.close-menu {
	top: 20px;
	right: 20px;
}
#check {display: none;}
@media(max-width: 880px){
	.nav-select{
	display: flex;
	flex-direction: column;
	}
	.menu {
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		width: 60%;
		height: 100vh;
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 100;
		background-color: var(--color-dark);
		transition: all 0.2s ease-in-out;
	}
	.menu li {margin-top: clamp(5px, 5vh, 30px);}
	.menu li a {padding: clamp(1px, 2vh, 10px);}
	.open-menu , .close-menu {
		display: flex;
		align-items: center;
		gap: 20px;
		text-transform: uppercase;
	}
	#check:checked ~ .menu {right: 0;}
}


.contact_button {
	background-color: var(--color-primary);
	border: none;
	border-radius: 50px;
	padding: 9px 25px;
	color: var(--color-text-dark);
}

/* BODY */

.content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: white;
}

/* SECTION SPECIFIC */
/* TOP SECTION */
.splash {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.splash h3{
	color: var(--color-primary-darkened);
}

.splash-content-text{
	flex: 3 1 20rem;
	padding: 1rem;
}

.splash-content-image{
	flex: 1 1 20rem;
}

.splash-img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 40vw;
}

.card_container{
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;

}

.card {
	display: flex;
	flex-direction: column;
	min-height: 100px;
	line-height: 1em;
	flex: 1 1 30%;
	align-content: center;
	text-align: center;
}

.card > b {
	font-size: 30px;
	line-height: 1.5em;
}

#splash h1{
	font-weight: 800;
	color: var(--color-text-dark);
	text-align: left;
	font-size: clamp(2rem, 2vw, 3rem);
	max-width: 800px;

}

#splash h2{
	color: var(--color-text-gray);
	text-align: left;
	font-size: clamp(16px, 24px, 48px);
	padding-bottom: 2rem;
}

#splash h3{
	font-size: clamp(12px, 20px, 36px);
}

address {
	font-style: normal;
	display: flex;
	flex-direction: column;
	margin-left: auto;
	color: var(--color-text-light);

}

address h2 {
	text-decoration: none;
	display: block;
}

address a {
	text-decoration: none;
	display: block;
	margin-top: 1em;
	color: var(--color-primary);
	font-weight: 700;
	font-size: large;
}


@media(max-width: 730px){
	#splash h1{
		margin-top: 10px;
	}
}

.contact{
	background-color: var(--color-dark);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(276,1024,533)'%3E%3Cstop offset='0' stop-color='%23041514'/%3E%3Cstop offset='1' stop-color='%23041514'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/* COMPANY SECTION */
#about{
	background: linear-gradient(to top, #FFFFFF, #e8f3f1);
	padding-bottom: 5px;
}

.container_3col {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	max-width: 900px;
}

.top_icon{
	max-width: 60px;
	margin-left: auto;
	margin-right: auto;
}

/*
.company_container div:nth-child(3n+1) {
	background: #becadb;
}

.company_container div:nth-child(3n+2) {
	background: #aab4db;
}

.company_container div:nth-child(3n+3) {
	background: #b3b8e3;
}
*/
.box_3col {
	display: flex;
	flex-direction: column;
	flex: 1 0 30%;
	height: auto;
	margin: 5px;
	border-radius: 7px;
	padding: 2px;
}

.box_3col b{
	margin-left: auto;
	margin-right: auto;
}

.box_3col li {
	list-style-type: none;
	margin: 0.3em
}

@media screen and (max-width: 992px) {
	.box_3col { flex: 1 0 calc(50% - 10px); } /* width less margin */
	.container_3col {
		max-width:700px;
}
}

@media screen and (max-width: 576px) {
	.box_3col { flex: 1 0 calc(100% - 10px); }
}

/* SERVICES SECTION */

#documents{
	flex: 0 1 7rem;
	margin-right: 2em;
	max-width: 50vw;
}

.service-description{
	flex: 1 0 70%;
}

.caption_container{
	max-width: 1200px;
	margin: auto;
	margin-bottom: 3rem;
	display: flex;
	flex-wrap: wrap;
}

.caption{

	flex:1 0 15%;
	display: flex;
	flex-direction: column;
	justify-items: center;
	/*max-width: clamp(200px, 15vw, 400px);*/
	color: var(--color-text-dark);
	background: transparent;
	max-width: 40%;
	margin: auto;
}

.caption img{
	width: 35%;
	margin: 0 auto;
}

.caption figcaption {
	max-width: 100%;
	font-weight: bold;
	text-align: center;
	margin: auto;
}

@media screen and (max-width: 1100px) {
	.circle_caption{max-width: 31%}
	.circle_container{
		max-width: 600px;
		margin:auto;
	}
}

@media screen and (max-width: 600px) {
	.circle_caption{max-width: 48%;}
	.circle_container{
		max-width: 400px;
		margin:auto;
	}
}

@media screen and (max-width: 350px) {
	.circle_caption{max-width: 85%;}
	.circle_container{
		max-width: 250px;
		margin:auto;
	}
}

/* PRICING SECTION */

#price_container{
	margin-left: auto;
	margin-right: auto;
	display:flex;

	flex-direction: column;
	border-top: 6px groove var(--color-primary);
	border-bottom: 6px groove var(--color-primary);
	gap:0.4em;
}

.price_row:nth-child(odd){
	background-color: #e8f3f1;
}

.price_row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: last baseline;
		transition: background-color 0.7s ease;
}

.price_row:hover, .price_row:active, .price_row:focus-within{
		background-color: #CCC;
}

.price_label {
	max-width: 300px;
}

.price_separator {
	border-bottom: 1px dashed #656565;
	flex: 1 1 0px;
}

.price_cost {
	margin-left:auto;
}



/*==QUESTIONS SECTION==*/

.question_container{
	max-width: 1100px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1em;
	margin: 0 auto;
}

.question{
	flex: 1 0 100%;
	width: 100%;

}

details article {
	opacity: 0;
	padding: 1.5rem;
}

details[open] article {
	animation: fadeIn .75s linear forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

summary {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	font-weight: bold;
	cursor: pointer;
}

summary::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 10px solid #15171b;
	border-inline: 7px solid transparent;
	transition: 0.2s;
}

details[open] > summary {border-bottom: 2px solid #fff9f1;}

details[open] > summary::after {
	transform: rotate(-180deg);
}

summary::-webkit-details-marker {
	display: none;
}

summary {
	color: #30353b;
	border-radius: 5px;
}

details[open] summary {border-radius: 5px 5px 0 0;}

details {
	background: #e8f3f1;
	border-radius: 5px;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

summary{
	cursor: pointer;
}

.question summary{
	font-weight: 600;
	cursor:pointer;
}

.question summary:hover, .question summary:active, .question summary:focus-within{
	background-color: #CCC;
}

.question summary::marker{
	color: var(--color-primary);
	font-size: 1.2em;
}



/* LINKS SECTION */

#links {
	background: var(--color-palette3); /*alt: rgb(21, 21, 55)*/
	color: var(--color-primary);
	line-height: 1.8rem;
}

#links .container_2col {
	max-width: 1000px;
	margin: auto;
	display:flex;
	flex-direction: row;
	gap: 2em;
	flex-wrap: wrap;
}

#links a {
	color: #e2e4d1;
	/*text-decoration: none;*/
}

#links i {
	text-decoration: underline;
	color: #b8b9a8;
}

#links h3 {
	margin-top: 1em;
	margin-bottom: 0.4em;
}
/*
#links a:hover::after, #links a:focus-within::after {
	content: "\a" attr(href);
	white-space: pre;
	font-style: italic;
	font-weight: 400;
}*/

#links i {
	font-weight: 300;
	font-style: normal;
}
#links .col {
	display: flex;
	flex-direction: column;
	flex: 1;
}

/* ICONS */

.icon_house::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/house.svg);
	background-repeat: no-repeat;
}

.icon_bricks::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/bricks.svg);
	background-repeat: no-repeat;
}

.icon_code::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/code-laptop.svg);
	background-repeat: no-repeat;
}

.icon_tooth::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/tooth.svg);
	background-repeat: no-repeat;
}

.icon_marketing::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/marketing.svg);
	background-repeat: no-repeat;
}

.icon_parking::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/parking.svg);
	background-repeat: no-repeat;
}

.icon_carwash::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/carwash.svg);
	background-repeat: no-repeat;
}

.icon_hair::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/hair.svg);
	background-repeat: no-repeat;
}

.icon_scissors::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/scissors.svg);
	background-repeat: no-repeat;
}

.icon_rent::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/rent.svg);
	background-repeat: no-repeat;
}

.icon_lamp::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/lamp.svg);
	background-repeat: no-repeat;
}

.icon_utensils::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/utensils.svg);
	background-repeat: no-repeat;
}

.icon_conveyor::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/conveyor.svg);
	background-repeat: no-repeat;
}

.icon_money_transfer::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/money-transfer.svg);
	background-repeat: no-repeat;
}

.icon_check::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/check.svg);
	background-repeat: no-repeat;
}

.icon_newspaper::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/newspaper.svg);
	background-repeat: no-repeat;
}

.icon_at::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/at.svg);
	background-repeat: no-repeat;
}

.icon_phone::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/phone.svg);
	background-repeat: no-repeat;
}

.icon_whatsapp::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/whatsapp.svg);
	background-repeat: no-repeat;
}

.icon_viber::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/viber.svg);
	background-repeat: no-repeat;
}

.icon_signal::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2em;
	height: 1.2em;
	background-size: 100%;
	margin-inline-end: 0.5em;
	background-image: url(assets/icons/signal.svg);
	background-repeat: no-repeat;
}