/*!
Theme Name: touchlink
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: touchlink
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

touchlink is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@font-face {
	font-family: "Philosopher";
	src: url("fonts/Philosopher-Regular.ttf");
	src: url("fonts/Philosopher-Regular.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Myriad Pro";
	src: url("fonts/MYRIADPRO-REGULAR.woff");
	src: url("fonts/MYRIADPRO-REGULAR.woff") format("woff");
	font-style: normal;
	font-display: swap;
}

#page {
	overflow: hidden;
}

.site-main {
	z-index: 1;
}

body {
	margin: 0;
}

section {
	padding: 20px 0;
}

a {
	text-decoration: none;
	color: rgb(34, 192, 219);
	cursor: pointer;
}


h1 {
	font-size: 36px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(34, 192, 219);
	font-weight: bold;
	margin: 30px 0;
}

h2 {
	font-size: 30px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(34, 192, 219);
	font-weight: bold;
	margin: 30px 0;
}

h3 {
	font-size: 22px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(34, 192, 219);
	font-weight: bold;
	margin: 30px 0;
}

h4 {
	font-size: 18px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(34, 192, 219);
	font-weight: bold;
	margin: 30px 0;
}


p, ul {
	font-size: 18px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(0, 23, 48);
	margin: 30px 0;
}

td {
	font-size: 16px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(0, 23, 48);
	margin: 30px 0;
}

ul li {
	list-style: url(../../uploads/2022/05/puce.png);
}



.main-slider p {
	color: rgb(255, 255, 255);
}







.intervention-section h2 {
	color: rgb(0, 23, 48);
}

.temoignages-container, .dark-bg-container {
	max-width: 1140px;
	width: 100%;
	padding: 10% 5%;
	margin-right: auto;
	margin-left: auto;
}

.dark-bg-container {
	padding: 1%;
}

.intervention-container {
	max-width: 1300px;
	width: 100%;
	padding-right: 5%;
	padding-left: 5%;
	margin-right: auto;
	margin-left: auto;
}

.temoignages-section h2 {
	color: rgb(255, 255, 255);
}

.cards, .items {
	display: flex;
	justify-content: space-between;
}

.items .item {
	width: 19%;
	padding: 5px;
	margin-top: 5%;
}

.cards .card {
	background-color: rgb(229, 248, 251);
	box-shadow: 0px 0px 24px 0px rgba(34, 192, 219, 0.21);
	padding: 10px;
	width: 29%;
	margin-top: 10%;
}

.cards .card img {
	position: relative;
	margin-top: -30%;
	margin-left: 25%;
}

.cards .card th {
	font-size: 21px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(34, 192, 219);
	font-weight: bold;
}

.swiper-background {
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 46px 0px rgba(9, 67, 107, 0.32);
	padding: 20px;
	margin: 20% -20% 10% 20%;
}

.swiper-temoignages {
	overflow: hidden;
}

.swiper-pagination-fraction {

	font-size: 18px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(0, 23, 48);
	font-weight: bold;


}

.pagination-box {
	margin-left: 90%;
}

.temoigneur {
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.temoigneur img {
	margin-right: 8%;
}

/* footer */
.contact-section {
	background-color: rgb(198, 239, 246);
	background-image: url(../../uploads/2022/05/footer-bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;

}

.footer-container {
	max-width: 1140px;
	width: 100%;
	padding-right: 5%;
	padding-left: 5%;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: space-between;

}

.col-lg-3 {
	width: 30%;
}



#site-info {
	background-color: #22c0db;
	padding: 20px 0;
	text-align: center;
}

.site-footer a {
	font-size: 14px;
	font-family: "Myriad Pro";
	color: rgb(0, 23, 48);
}

p.copyright {
	color: rgb(255, 255, 255);
}


/* header */
#masthead {
	display: flex;
	position: fixed;
	z-index: 999;
	width: 100%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 24px 0px rgba(34, 192, 219, 0.35);
	height: 90px;
	align-items: center;
}



.site-branding img {
	margin: 10px 200px;
}

.main-navigation {
	display: block;
	width: 70%;
}

.site-branding {
	display: block;
    width: 30%;
}

.main-navigation .menu-principal-container {
	max-width: 1140px;
	width: 100%;
	padding-right: 5%;
	padding-left: 5%;
	margin-right: auto;
	margin-left: auto;
}

.main-navigation ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.site-header ul li {
	list-style: none;
	position: relative;
	display: inline;
	text-align: center;
}

.site-header ul li a {
	display: block;
	overflow: hidden;
	padding: 12px 11px;
	margin: 0;
	text-decoration: none;
	font-size: 18px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(0, 23, 48);
	font-weight: bold;

}

.site-header ul li a:hover {
	color: rgb(33, 187, 215);
}



.main-navigation ul ul {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: -9999em;
	width: 243px;
	z-index: 99999;
	padding: 0;
	margin: 0;
	margin-left: 1px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 24px 0px rgba(34, 192, 219, 0.35);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.main-navigation ul ul li a {
	width: 100%;
	font-size: 18px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(0, 23, 48);
	font-weight: bold;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	padding: 15px 0;
}

.main-navigation ul ul li a:hover {
	color: rgb(33, 187, 215);

}

.main-navigation ul ul li {
	width: 100%;
	float: left;
	border: none !important;
}

.main-navigation ul li:hover ul {
	left: 0;
	top: 100%;
}

.main-navigation ul ul li:hover>ul.sub-menu {
	display: block;
}

.main-navigation ul li:hover li ul {
	top: -9999em;
}

.main-navigation ul li li:hover ul {
	left: 230px;
	top: 0;
}

.nous-contacter {
	position: absolute;
	right: 15%;
	top: 0;
	background-color: rgb(34, 192, 219);
	box-shadow: 0px 0px 13px 0px rgba(10, 165, 191, 0.47);
	padding: 10px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
    display: none;
}



.nous-contacter p {
	font-size: 14px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(255, 255, 255);
	margin-top: 10px;
}

.phone-number a {
	display: flex;
	align-items: center;
	font-size: 17px;
	font-family: 'Philosopher', sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;


}

.phone-number a::before {
	content: url(../../uploads/2022/05/phone.png);
	margin-right: 15px;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 0 !important;
}

/* contact */
.fixed-contact {
	height: 277px;
	width: 88px;
	position: fixed;
	top: 20%;
	z-index: 999;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: rgb(34, 192, 219);
	box-shadow: 0px 0px 8px 0px rgba(10, 165, 191, 0.29);
	display: none;
}

.en-tet-fix img {
	top: 50%;
	position: absolute;
	right: 50%;
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
}

.en-tet-fix {
	position: relative;
	height: 100%;
	cursor: pointer;
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4 {
	color: rgb(255, 255, 255);
	text-align: center;
}

.dark-bg p, .dark-bg ul, .dark-bg td, .dark-bg th {
	color: rgb(255, 255, 255);
}

.chirurgien-card {
	background-color: rgb(229, 248, 251);
	box-shadow: 0px 0px 24px 0px rgba(34, 192, 219, 0.21);
	padding: 10px;
	width: 90%;
}

.chirurgien-card img {
	position: relative;
	margin-top: -40%;
	margin-left: 5%;
	margin-right: 5%;
}

.tarifs tr {
	text-align: center;
}

.tarifs td {
	padding: 10px 0;
}

.before-after-images {
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media screen and (max-width: 767px) {
	iframe.iframe__devis {
		height: 3700px !important;
	}
	li.devis__menu {
		z-index: 999;
		border-radius: 0px;
		background-color: transparent;
		box-shadow: 0px 0px 0px 0px transparent
	}
	img {
		max-width: 100%;
		height: auto;
	}

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 18px;
	}

	h4, p, ul, td {
		font-size: 14px;
	}

	ul {
		padding: 0 40px;
		margin: 5px 0;
	}

	h1,
	h2,
	h3,
	h4,
	p {
		padding: 0 10px;
		margin: 5px 0;
	}



	iframe {
		width: 100% !important;
		height: 600px !important;
	}

	section {
		margin: 20px 0 !important;
		padding: 0 !important;
	}

	.main-slider, .temoignages-section {
		margin: 0 !important;
	}

	.main-slider {
		top: 20px;
	}

	.swiper-background {
		margin: 5% 0;
	}

	.cards, .items {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}



	.items .item {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.cards .card {
		width: 90%;
		margin-top: 30%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.items .item img {
		margin: 0 15%;
	}

	.chirurgien-card {
		width: 90%;
		margin-top: 10%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.chirurgien-card img {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.intervention-container, .temoignages-container {
		padding: 5%;
	}

	.temoignages-section {
		background: #22C0DB !important;
	}

	.footer-container {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		display: flex;
		flex-direction: column;
	}

	.col-lg-3 {
		width: 100%;
		padding: 5% 0;
	}

	.fixed-contact {
		height: 200px;
		width: 60px;
	}




	/* mobile-menu */
	.nous-contacter {
		width: 203px;
		height: 88px;
		padding: 2px;
		position: relative;
		right: auto;
		top: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		margin: 0 5px;
		display: none;
	}

	#burgerButton {
		border: none;
		background: none;
		cursor: pointer;
		float: right;
	}

	.menu {
		text-align: left;
	}

	.menu-item a {
		font-size: 16px;
		line-height: 3;
		display: inline-block;
		padding-right: 220px;
		white-space: nowrap;
	}



	.main-navigation ul ul {
		position: relative;
		float: none;
		box-shadow: none;
	}



	ul.sub-menu li {
		padding-left: 12%;
	}





	.navbar_mobile {
		display: none;
	}

	.opened {
		display: block;
		position: absolute;
		z-index: 500;
		width: 100%;
		height: 100vh;
		background-color: rgb(255, 255, 255);
		transition: all 0.3s ease;
		left: 0;
		overflow-y: scroll;
	}

	li span.sub-toggle-1::after {
		content: "+";
		font-family: 'Philosopher', sans-serif;
		position: relative;
		color: rgb(79, 79, 79);
		font-size: 20px;
		font-weight: bold;
		float: right;
		margin-top: -13%;
	}

	li span.sub-toggle-2::after {
		content: "+";
		font-family: 'Philosopher', sans-serif;
		position: relative;
		color: rgb(79, 79, 79);
		font-size: 20px;
		font-weight: bold;
		float: right;
		margin-top: -16%;
	}

	li span.rotate-sp::after {
		content: "-";
	}



	.sub-menu {
		display: none;
		height: auto;
		z-index: 5000;
		overflow: hidden;
		transition: all 1s ease;
		padding-left: 0;
	}


	.navbar_mobile ul li a {
		font-size: 18px;
		font-family: 'Philosopher', sans-serif;
		color: rgb(0, 23, 48);
		text-align: left;
		text-decoration: none;
	}

	.fixed-header {
		min-height: 60px;
	}

	.fixed__top__header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 5px;
	}



	.fixed-header ul li {
		list-style: none;
	}
}

.devis__menu {
	z-index: 999;
	border-radius: 10px;
	background-color: rgb(34, 192, 219);
	box-shadow: 0px 0px 8px 0px rgba(10, 165, 191, 0.29);
}

@media screen and (min-width:768px) and (max-width:1024px) {

	.swiper-background {
		margin: 5% 0;
	}

	.main-slider, .temoignages-section {
		margin: 0 !important;
	}

	.main-slider {
		top: 20px;
	}

	section {
		margin: 20px 0 !important;
		padding: 0 !important;
	}

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 18px;
	}

	h4, p, ul, td {
		font-size: 14px;
	}

	ul {
		padding: 0 40px;
		margin: 5px 0;
	}

	h1,
	h2,
	h3,
	h4,
	p {
		padding: 0 10px;
		margin: 5px 0;
	}

	iframe {
		width: 100% !important;
		height: 600px !important;
	}

	.nous-contacter {
		width: 203px;
		height: 88px;
		padding: 2px;
		position: relative;
		right: auto;
		top: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		margin: 0 5px;
	}

	#burgerButton {
		border: none;
		background: none;
		cursor: pointer;
		float: right;
	}

	.menu {
		text-align: left;
	}

	.menu-item a {
		font-size: 16px;
		line-height: 3;
		display: inline-block;
		padding-right: 220px;
		white-space: nowrap;
	}



	.main-navigation ul ul {
		position: relative;
		float: none;
		box-shadow: none;
	}



	ul.sub-menu li {
		padding-left: 12%;
	}





	.navbar_mobile {
		display: none;
	}

	.opened {
		display: block;
		position: absolute;
		z-index: 500;
		width: 100%;
		height: auto;
		background-color: rgb(255, 255, 255);
		transition: all 0.3s ease;
		left: 0;
	}

	li span.sub-toggle-1::after {
		content: "+";
		font-family: 'Philosopher', sans-serif;
		position: relative;
		color: rgb(79, 79, 79);
		font-size: 20px;
		font-weight: bold;
		float: right;
		margin-top: 3%;
	}

	li span.sub-toggle-2::after {
		content: "+";
		font-family: 'Philosopher', sans-serif;
		position: relative;
		color: rgb(79, 79, 79);
		font-size: 20px;
		font-weight: bold;
		float: right;
		margin-top: -16%;
	}

	li span.rotate-sp::after {
		content: "-";
	}



	.sub-menu {
		display: none;
		height: auto;
		z-index: 5000;
		overflow: hidden;
		transition: all 1s ease;
		padding-left: 0;
	}


	.navbar_mobile ul li a {
		font-size: 18px;
		font-family: 'Philosopher', sans-serif;
		color: rgb(0, 23, 48);
		text-align: left;
		text-decoration: none;
	}

	.fixed-header {
		min-height: 60px;
	}

	.fixed__top__header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 5px;
	}



	.fixed-header ul li {
		list-style: none;
	}
}

body.blog .breadcrumbs_pages,
.breadcrumbs_single {
	background: url(../../uploads/2022/06/banner-i-chirurgie-esthetique-tunisie.jpg);
	background-size: cover;
	min-height: 379px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
}

.blog__tunisie_implant_dentaire,
.container {
	max-width: 1140px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.post__content {
	margin-bottom: 8%;
}

.col-md-4 {
	flex: 0 0 30%;
	max-width: 30%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.post {
	margin: 0 0 0 !important;
}

.content_archive_blog {
	margin-bottom: 30px;
}

.top_post {
	width: 100%;
	height: 250px;
	position: relative;
}

.content_archive_blog .content_post {
	height: 143px;
	padding: 44px 10px 25px;
	position: relative;
	background: #E5F8FB;
	box-shadow: 0px 7px 29px 0px rgb(19 75 125 / 34%);
}

.content_archive_blog .content_post {
	height: 143px;
	padding: 44px 10px 25px;
	position: relative;
	background: #E5F8FB;
	box-shadow: 0px 7px 29px 0px rgb(19 75 125 / 34%);
}

.top_post .date_posts {
	position: absolute;
	top: 254px;
	left: 0;
	padding: 7px 15px;
	color: #001730;
	z-index: 1;
}

.date_posts svg {
	overflow: hidden;
	vertical-align: middle;
}

.top_post .title_posts {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #001730;
	opacity: 0.5;
	padding: 0;
}

.title_posts h2.entry-title,
.title_posts h2.entry-title a {
	font-size: 20px !important;
	color: white !important;
	text-align: center;
	text-decoration: none;
}

a.read_more:hover {
	color: #E5F8FB !important;
	text-decoration: none;
}

a.read_more {
	padding: 8px 18px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: -moz-linear-gradient(90deg,
			#001730 50%,
			#001730 180%);
	background-image: -webkit-linear-gradient(90deg,
			#001730 -115%,
			#001730 180%);
	background-image: -ms-linear-gradient(90deg,
			#001730 -115%,
			#001730 180%);
}

.breadcrumbs_single * {
	color: #E5F8FB;
}

.date_single_posts {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 8px 20px;
	color: #E5F8FB;
	background-image: -moz-linear-gradient(90deg,
			#001730 50%,
			#001730 180%);
	background-image: -webkit-linear-gradient(90deg,
			#001730 -115%,
			#001730 180%);
	background-image: -ms-linear-gradient(90deg,
			#001730 -115%,
			#001730 180%);
}

.breadcrumbs_single * {
	z-index: 2;
}

.navigate_blog .nav-links {
	position: absolute;
	top: 50%;
	left: 0;
	background-image: -moz-linear-gradient(90deg,
			#001730 50%,
			#001730 180%);
	background-image: -webkit-linear-gradient(90deg,
			#001730 -115%,
			#001730 180%);
	background-image: -ms-linear-gradient(90deg,
			#001730 -115%,
			#001730 180%);
	padding: 8px 18px;
	color: #E5F8FB;
}

.post-navigation .nav-links {
	display: flex;
}

.navigate_blog .nav-links .nav-previous {
	width: 50%;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.nav-previous a {
	text-decoration: none;
}

.nav-previous a svg {
	overflow: hidden;
	vertical-align: middle;
}

.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.thumb_single img {
	display: table;
	margin: 0 auto;
	vertical-align: middle;
	border-style: none;
}

.blog__tunisie_implant_dentaire .nav-previous {
	padding: 8px 18px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: -moz-linear-gradient(90deg,
			#001730 50%,
			#001730 180%);
	background-image: -webkit-linear-gradient(90deg,
			#001730 -115%,
			#001730 180%);
	background-image: -ms-linear-gradient(90deg,
			#001730 -115%,
			#001730 180%);
}

.blog__tunisie_implant_dentaire .nav-previous a {
	text-decoration: none;
	color: #E5F8FB !important;
}

.blog__tunisie_implant_dentaire .nav-previous a:hover {
	color: #E5F8FB !important;
	text-decoration: none;
}

.content_archive_blog .content_post a {
	color: #E5F8FB;
	text-decoration: none;
}

.top_post img {
	width: 100%;
	height: auto;
}
.whatsapp-icon {
    display: flex;
    align-items: center;
    width: 55px;
    height: 55px;
    position: fixed;
    top: calc(55% + 50px);
    left: 0px;
    cursor: pointer;
    z-index: 9999;
    padding: 4px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #2ab737;
    background: linear-gradient(135deg, #0f912c 0, #25a325 37%, #2ab939 100%);
}
.trin-trin
{
    animation-name: trin;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 50%;
    margin: 0 auto;
}
@keyframes trin {

from {
    transform:rotate3d(0, 0, 1, 0deg);
}
20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
}
23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0,0,1,15deg);
}
26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0,0,1,0deg);
}
29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0,0,1,-15deg);
}
80% {
    transform:rotate3d(0, 0, 1, 0deg);
}

}

.whatsapp-icon:before {
    content: "";
    background: url(https://www.i-chirurgie-esthetique-tunisie.com/wp-content/uploads/2023/07/whatsapp.webp);
    position: absolute;
    width: 85%;
    height: 85%;
    background-repeat: no-repeat;
    background-size: contain;
}

.site-header ul li.devis__menu a ,.btn_devis_mobile a {

    color: white;
}
header.fixed-header {
    position: fixed;
    display: block;
    z-index: 99;
    background-color: white;
    width: 100%;
    padding: 10px 10px;
}
.btn_devis_mobile {
    z-index: 999;
    border-radius: 10px;
    background-color: rgb(34, 192, 219);
    box-shadow: 0 0 8px 0 rgba(10, 165, 191, .29);
    padding: 15px 17px;
}

.dark-bg a {
    color: rgb(0 25 46);
	font-weight: bold;
}
.main-slider h1,.main-slider h2{
	color: white;
}

.dark-bg ul li {
    filter: brightness(0) invert(1);
}