@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Regular.woff2') format('woff2'),
        url('../fonts/DMSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Medium.woff2') format('woff2'),
        url('../fonts/DMSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-Bold.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
}
body {
    font-family: "DM Sans";
    font-weight: 400;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.3em;
}

/* wsf-1-field-8 form css */
#wsf-1-field-8{
	height: 160px;
}
	
.text-center{
	text-align: center;
}
#wrapper {
    width: 100%;
    
}

.container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
}
h1{
	font-family: 'Cormorant Garamond';
	font-size: 2.5rem !important;
	margin-bottom: 20px !important;
	line-height: 1em !important;
}
h2 {
    font-family: 'Cormorant Garamond';
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3em;
}

p {
    font-family: "DM Sans";
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 400;
}
/*p:empty,
h3:empty{
  display: none;
}*/
/* Header Stylings */
#header .header-top-bar {
    background: #F8F3EC;
    padding: 10px 0px;
}

.header-top-bar .row {
    display: flex;
}

.header-top-bar .row .icon-list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
}

.icon-list .icon {
    display: flex;
    align-items: center;
}

.icon-list .br {
    border-right: 1px solid #08080a;
    padding-right: 15px;
    margin-right: 25px;
}

.icon-list .icon img {
    padding-right: 8px;
}

.icon-list .icon a {
    font-weight: 400;
    font-size: 15px;
    line-height: 1em;
    color: #08080a;
    text-decoration: none;
}

.icon-list .icon a:hover,
.row ul li a:hover {
    color: #08080a9a;
}

.row .links {
    width: 59%;
}

.row .links,
.row .links ul {
    display: flex;
    align-items: center;
    justify-content: end;
}

.row .links ul li {
    list-style: none;
    list-style: none;
    padding-right: 15px;
    margin-right: 20px;
    border-right: 1px solid #08080a;
}

.row ul li a {
    text-decoration: none;
    color: #08080a;
    display: block;
}

.row .social-icons {
    width: 11%;
    display: flex;
    justify-content: space-between;
}

.row .social-icons ul {
    display: flex;
}

.row .social-icons ul li {
    list-style: none;
    margin-right: 10px;
}

.row .social-icons ul li:last-child {
    margin-right: 0px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: #000;
    padding: 30px 0px !important;
    transition: all 0.4s;
}

.sticky+#clinic-choice {
    padding-top: 102px;
}

/* Button Stylings */
.btn {
    display: block;
    color: #fff;
    background-color: #08080A;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 12px 45px 12px 20px;
    text-transform: none;
    border-radius: 30px;
    position: relative;
    border: 2px solid #08080a;
}

.btn:after {
    content: "";
    background-image: url(../images/tilt-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    right: 17px;
    top: 11px;
}

.btn:hover {
    background-color: transparent;
    transition: all 0.4s;
    color: #08080a;
    border: 2px solid #08080a;
}

.btn:hover::after {
    background-image: url(../images/black-tilt-arrow.svg);
    opacity: 1;
    transition: all 0.4s;
}

.white-btn {
    display: block;
    color: #08080A;
    background-color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 12px 45px 12px 20px;
    text-transform: capitalize;
    border-radius: 30px;
    position: relative;
    border: 2px solid #fff;
}

.white-btn:after {
    content: "";
    background-image: url(../images/black-tilt-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    right: 17px;
    top: 11px;
}

.white-btn:hover {
    background-color: transparent;
    transition: all 0.4s;
    color: #fff;
    border: 2px solid #fff;
}

.white-btn:hover::after {
    background-image: url(../images/tilt-arrow.svg);
    opacity: 1;
    transition: all 0.4s;
}

.transparent-btn {
    display: block;
    color: #08080A;
    background-color: transparent;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    padding: 12px 45px 12px 0px;
    text-transform: capitalize;
    position: relative;
}

.transparent-btn:after {
    content: "";
    background-image: url(../images/tp-btn-tilt-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    right: 17px;
    top: 11px;
}

.transparent-btn:hover {
    color: #c8c4bf;
    transition: all 0.4s;
}

.transparent-btn:hover::after {
    opacity: 0.4;
    transition: all 0.4s;
}

/* Member Btn */
.member-btn {
    display: block;
    color: #fff;
    background-color: #08080A;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 12px 0px;
    text-transform: capitalize;
    border-radius: 30px;
    position: relative;
    border: 2px solid #08080a;
}

.member-btn:after {
    content: "";
    background-image: url(../images/tilt-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    right: 11px;
    top: 11px;
}

.member-btn:hover {
    background-color: transparent;
    transition: all 0.4s;
    color: #08080a;
    border: 2px solid #08080a;
}

.member-btn:hover::after {
    background-image: url(../images/black-tilt-arrow.svg);
    opacity: 1;
    transition: all 0.4s
}

/* Navbar Stylings */
#nav-holder {
    position: relative;
}

#nav {
    padding: 15px 0px;
    display: flex;
    justify-content: space-between;
}

#nav .logo {
    display: flex;
    /*width: 17%;*/
}

#nav .logo a {
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 200px;
    height: 65px;
    text-indent: -9999px;
}

#nav .cross-sign {
    display: none;
}

#nav .nav-links {
    /*padding: 0px 40px;*/
    display: flex;
    justify-content: space-between;
    /*width: 64%;*/
    align-items: center;
}

#nav .nav-links>li {
    list-style: none;
    padding-right: 20px;
}

#nav .nav-links > li:not(.has-children){
	padding-right: 0; 
}

#nav .nav-links li {
    list-style: none;
}

#nav .nav-links li.tarifs {
    padding: 0px;
}

#nav .nav-links li:last-child {
    padding-right: 0px;
}

#nav .nav-links .mbl-btn {
    display: none;
}

#nav .nav-links li a {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    color: #08080A;
    text-decoration: none;
    text-transform: capitalize;
    position: relative;
    display: block;
}

/*#nav .nav-links li.has-children>a::before,
#nav .nav-links li.has-submenu-children>a::before {
    content: "";
    background-image: url("../images/mega-menu-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 50%;
    top: 35px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}*/

#nav .nav-links li.has-children>a::after {
    content: "";
    background-image: url(../images/add-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -17px;
    top: 5px;
}

#nav .nav-links li.active>a {
    color: #08080a9a;
}

#nav .nav-links li a:hover {
    transition: all 0.4s;
    color: #08080a9a;
}

#nav a.bars i {
    color: #08080a;
}

#nav a.bars {
    display: none;
    padding-top: 3px;
}

#nav .appointment {
    display: flex;
    /*width: 20%;*/
    align-items: center;
    justify-content: end;
}
#nav ul.nav-links>li .dropdown {
    display: none;
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 9998;
    font-size: 14px;
    background: transparent;
    box-shadow: 0 250px 150px 0 rgba(0, 0, 0, .3);
}

#nav ul.nav-links>li .dropdown .col-holder .submenu {
    display: flex;
    /*justify-content: space-between;*/
	column-gap: 40px;
}
#nav ul.nav-links>li:nth-child(1) .dropdown .col-holder .submenu,
#nav ul.nav-links>li:nth-child(2) .dropdown .col-holder .submenu{
	justify-content: space-between;
}
#nav .nav-links .mobile-top-bar {
    display: none;
}

ul.submenu li.pagelist-1,
ul.submenu li.pagelist-2,
ul.submenu li.pagelist-3 {
    /*width: 20%;*/
}

ul.submenu li.pagelist-1{
	flex-grow: 1;
	max-width: 30%;
}

ul.submenu li.pagelist-2,
ul.submenu li.pagelist-3,
ul.submenu li.pagelist-4{
	flex-grow: 1;
}

#nav ul.nav-links>li:nth-child(1) ul.submenu li.pagelist-2,
#nav ul.nav-links>li:nth-child(1) ul.submenu li.pagelist-3,
#nav ul.nav-links>li:nth-child(2) ul.submenu li.pagelist-2,
#nav ul.nav-links>li:nth-child(2) ul.submenu li.pagelist-3{
	flex-grow: unset;
}

ul.submenu li ul.col-1{
	max-height: 190px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 40px;
	margin-top: 5px;
}

ul.submenu li ul.col-1 li{
	flex-grow: 1;
}


ul.submenu h3 {
    font-family: 'DM Sans';
    font-size: 22px;
    line-height: 1.3em;
    font-weight: 400;
    margin: 0px 0px 20px 0px;
}

ul.submenu li a p,
ul.mini-submenu li a p {
    padding: 10px 0px 0px 5px;
    font-size: 14px;
    text-transform: none;
    color: #000;
}

ul.submenu li a p:hover,
ul.mini-submenu li a p:hover {
    color: #08080a9a;
}

#nav>ul.nav-links li.has-submenu-children {
    position: relative;
}

#nav>ul.nav-links li.has-children.active .dropdown{
    display: block;
    transition: all 0.4s;
}

#nav .nav-links li.has-children.active>a::before,
#nav .nav-links li.has-submenu-children.active>a::before {
    display: block;
    transition: all 0.4s;
}

#nav .nav-links li.has-children.active>a::after,
#nav .nav-links li.has-submenu-children.active>a::after {
    content: "";
    background-image: url(../images/minus-menu-icon.svg);
    display: block;
    top: 9px;

}

#nav>ul.nav-links li.has-children.active .dropdown::before,
#nav>ul.nav-links li.has-submenu-children.active .mini-dropdown::before {
    display: block;
    transition: all 0.4s;
}


/* ------------------Updated mega menu styling ----------------*/
.col-holder h3 {
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 10px !important;
}

.col-holder h3 span {
    font-weight: 600;
}

ul.submenu li a p {
    padding: 5px 0px 0px 0px;
    font-size: 14px;
    text-transform: none;
    color: #000;
    font-weight: 550;
}

#nav ul.nav-links>li .dropdown .col-holder .submenu {
    margin-top: 5px;
}

#nav ul.nav-links li .dropdown .container {
    margin: 0 auto;
    background: #fff;
    border-radius: 0px 0px 20px 20px;
    border-bottom: 3px solid #000;
	padding: 0;
}

.two-columns {
    display: flex;
}

#nav ul.nav-links>li .dropdown .col-holder {
    padding: 20px 40px 40px 40px;
}

#nav ul.nav-links>li .dropdown .first-column {
    padding-right: 0;
    width: 25%;
}

#nav ul.nav-links>li .dropdown .second-column {
    width: 75%;
}

.first-column .submenu .pagelist-1 {
    width: 100%;
}

#nav ul.nav-links>li .dropdown .last {
    padding: 20px 40px 40px 40px;
}

#nav ul.nav-links>li .dropdown .img-column-1 {
    padding: 20px 0px 40px 40px;
    width: 50%;
}

#nav ul.nav-links>li .dropdown .img-column-2 {
    padding: 20px 40px 40px 0px;
    width: 50%;
}

.branch {
    display: flex;
    gap: 10px;
    /*margin-top: 20px;*/
    align-items: stretch;
    max-height: 250px;
}

.branch a {
    display: block;
    height: 100%;
}

.branch img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.branch .left-col {
    flex: 2;
    display: flex;
}

.branch .right-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.branch .right-col a {
    flex: 1;
}


.branch .left-col img {
    aspect-ratio: 4 / 5;
}

.branch .right-col img {
    aspect-ratio: 4 / 2.5;
}

.mega-img {
    gap: 40px;
}

.col-holder hr {
    height: 1px;
    background-color: #000;
    border: none;
}

#nav ul.nav-links li .dropdown .container{
	padding-left: 20px;
	padding-right: 20px;
}






/* Tab Stylings */
@media (min-width: 768px) and (max-width: 1024px) {
    h2 {
        font-size: 32px;
        line-height: 1.2em;
    }

    p {
        font-size: 15px;
        line-height: 1.3em;
    }

    /* Header Stylings on Tab version */
    .header-top-bar .row .icon-list {
        justify-content: start;
        width: 50%;
    }

    .header-top-bar .row .links {
        display: none;
    }

    .row .social-icons {
        width: 50%;
        justify-content: end;
    }

    #nav .logo {
        display: flex;
        width: 26%;
    }

    #nav .nav-links {
        display: none;
    }

    #nav .nav-links li a {
        display: block;
    }

    #nav .nav-links li.has-children>a::after,
    #nav .nav-links li.has-submenu-children>a::after {
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 6px;
    }

    #nav .nav-links li.has-submenu-children.active ul.mini-submenu li>a::after {
        content: "";
        background-image: none;
    }

    .appointment .btn {
        display: none;
    }

    #nav a.bars {
        display: block;
        padding-top: 3px;
    }

    /* Corps Mega Menu Stylings */
    #nav>ul.nav-links>li .dropdown .col-holder {
        padding: 20px 0px;
    }

    #nav .nav-links li.has-children>a::before,
    #nav .nav-links li.has-submenu-children>a::before {
        width: 10px;
        height: 10px;
        right: 0;
        top: 5px;
        left: auto;
        transform: none;
        display: none;
    }

    #nav ul.nav-links>li .mini-dropdown {
        display: none;
        width: 100%;
        position: relative;
        left: 0;
        top: 6px;
        transform: none;
        z-index: 9998;
        font-size: 14px;
        padding: 20px 10px;
        background: #fff;
        border-radius: 0px 0px 20px 20px;
        border-bottom: 3px solid #000;
        box-shadow: -1px 1px 0 2px #0000001c;
    }

    #nav>ul.nav-links>li .dropdown .col-holder {
        padding: 10px 0px;
    }

    #nav>ul.nav-links>li .dropdown .col-holder .submenu {
        display: flex;
        flex-direction: column;
    }

    ul.submenu li.pagelist-1,
    ul.submenu li.pagelist-2,
    ul.submenu li.pagelist-3 {
        width: 100%;
		max-width: 100%;
    }
	
	ul.submenu li ul.col-1{
		max-height: unset;
		width:100%;
	}
	
	ul.submenu li ul.col-1 li:nth-child(8n){
		margin-bottom: 20px
	}

    ul.submenu h3 {
        font-size: 18px;
        margin: 0px 0px 5px 0px;
    }

    ul.submenu li a p {
        padding: 4px 0px 0px 5px;
    }

    ul.submenu li a .icon {
        display: flex;
    }

    #nav>ul.nav-links>li .dropdown::before {
        width: 12px;
        height: 12px;
        right: -96%;
        top: -25px;
        display: none;
    }

    ul.submenu hr {
        margin: 0px;
    }

    #nav>ul.nav-links>li .dropdown.active #nav .nav-links li a::after {
        display: none;
    }

    /* Sliding Menu Stylings */
    #nav .nav-links {
        position: fixed;
        top: 0;
        left: -350px;
        width: 350px;
        height: 100%;
        background-color: #f0f0f0;
        transition: all 0.5s ease;
        display: block;
        padding: 50px 20px;
        z-index: 999;
    }

    #nav>.active {
        overflow-y: scroll;
        left: 0;
        transition: all 0.5s ease;
    }

    #nav .cross-sign {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        font-size: 24px;
        color: #08080A;
    }

    #nav .nav-links .mbl-btn {
        display: block;
        margin-top: 30px;
    }

    /* Mobile-top-bar stylings on Tab */
    #nav .nav-links .mobile-top-bar {
        display: block;
        padding: 20px 0px;
    }

    #nav .nav-links .mobile-top-bar .links ul li a::after,
    #nav .nav-links .mobile-top-bar .social-icons ul li a::after {
        background: none;
    }

    #nav .nav-links .mobile-top-bar .social-icons ul {
        display: flex;
    }

    #nav .nav-links .mobile-top-bar .social-icons ul li {
        margin: 0px 10px 0px 0px;
    }

    #nav .nav-links .mobile-top-bar hr {
        width: 100%;
        height: 2px;
        background: #000;
        border-radius: 20px;
        margin: 0px;
    }

 /*----------------------------------Updated tab styling---------------------*/


 #nav .nav-links li.has-children.active>a::after,
#nav .nav-links li.has-submenu-children.active>a::after {
    top: 30px;

}

.branch .left-col img,
 .branch  .right-col img {
    aspect-ratio: auto; /* Resets it so images resize naturally */
  }
  
.col-holder hr {
    height: 1px;
    background-color: #000;
}

 #nav .nav-links li.has-children>a::after {
        content: "";
        background-image: url(../images/add-icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 23px;
    }
   
    #nav .nav-links li > a {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.2em;
        color: #08080A;
        text-decoration: none;
        text-transform: capitalize;
        position: relative;
        display: block;
        padding: 20px 0px 0px 0px;
    }

    #nav .nav-links li.has-children>a::before,
    #nav .nav-links li.has-submenu-children>a::before {
        width: 10px;
        height: 10px;
        left: 20px;
        top: 40px;
        transform: none;
        display: none;
    }

    #nav>ul.nav-links>li .dropdown .col-holder .submenu li a {
        padding: 0px;
    }

    #nav>ul.nav-links>li .dropdown .col-holder .submenu {
        display: flex;
        flex-direction: column;
        gap: 20px;

    }

    .two-columns {
        display: flex;
        flex-direction: column;
        gap: 20px;

    }

    #nav ul.nav-links>li .dropdown .two-columns .col-holder {
        width: 100%;
        padding: 0px
    }

    #nav ul.nav-links li .dropdown .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .branch {
        margin-top: 10px;
        align-items: stretch;
     max-height: auto;
    }

    .mega-img {
        gap: 40px;
    }

 #nav>ul.nav-links>li .dropdown {
        display: none;
        position: relative;
        top: 10px;
        height: auto;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
}
    /*----------------------------------Mobile styling-------------------------------------*/

@media (min-width: 290px) and (max-width: 767px) {
    .sticky+#clinic-choice {
        padding-top: 0px;
    }

    .sticky {
        position: relative;
        background-color: #fff;
    }

    h2 {
        font-size: 24px;
        line-height: 1.2em;
    }

    p {
        font-size: 14px;
        line-height: 1.3em;
    }

    .header-top-bar .row .icon-list {
        justify-content: center;
        width: 100%;
    }

    .header-top-bar .row .links,
    .header-top-bar .row .social-icons {
        display: none;
    }

    .icon-list .icon a {
        font-size: 14px;
    }

    .row .social-icons {
        width: 50%;
        justify-content: end;
    }

    #nav {
        padding: 10px 0px;
    }

    #nav .logo {
        display: flex;
        width: 60%;
    }

    #nav .logo a {
        width: 160px;
        height: 54px;
    }

    #nav .nav-links {
        display: none;
    }

    #nav .nav-links .mbl-btn {
        display: block;
    }

    .appointment .btn {
        display: none;
    }

    #nav a.bars {
        display: block;
        padding-top: 3px;
    }

    #nav .nav-links li.has-children>a::after,
    #nav .nav-links li.has-submenu-children>a::after {
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0px;
        top: 5px;
    }

    /* Corps Mega Menu Stylings */
    #nav .nav-links li.has-children>a::after {
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0px;
        top: 5px;
    }


    #nav>ul.nav-links>li .dropdown .col-holder {
        padding: 20px 0px;
    }

    #nav>ul.nav-links>li .dropdown {
        display: none;
        position: relative;
        top: 10px;
        height: auto;
        border-radius: 0px 0px 20px 20px;
    }

    #nav ul.nav-links>li .mini-dropdown {
        display: none;
        width: 100%;
        position: relative;
        left: 0;
        top: 6px;
        transform: none;
        z-index: 9998;
        font-size: 14px;
        padding: 20px 10px;
        background: #fff;
        border-radius: 0px 0px 20px 20px;
        border-bottom: 3px solid #000;
        box-shadow: -1px 1px 0 2px #0000001c;
    }

    #nav .nav-links li.has-submenu-children.active ul.mini-submenu li>a::after {
        content: "";
        background-image: none;
    }

    #nav>ul.nav-links>li .dropdown .col-holder {
        padding: 10px 0px;
    }


    ul.submenu li.pagelist-1,
    ul.submenu li.pagelist-2,
    ul.submenu li.pagelist-3 {
        width: 100%;
		max-width: 100%;
    }
	
	ul.submenu li ul.col-1{
		max-height: unset;
		width:100%;
	}
	
	ul.submenu li ul.col-1 li:nth-child(8n){
		margin-bottom: 20px
	}

    ul.submenu h3 {
        font-size: 18px;
        margin: 0px 0px 5px 0px;
    }

    ul.submenu li a p {
        padding: 4px 0px 0px 5px;
    }

    ul.submenu li a .icon {
        display: flex;
    }

    #nav>ul.nav-links>li .dropdown::before {
        width: 12px;
        height: 12px;
        right: -96%;
        top: -25px;
        display: none;
    }

    ul.submenu hr {
        margin: 0px;
    }

    #nav>ul.nav-links>li .dropdown.active #nav .nav-links li a::after {
        display: none;
    }

    /* Sliding Menu Mobile Stylings */


    #nav .nav-links {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: #f0f0f0;
        transition: all 0.5s ease;
        display: block;
        padding: 50px 20px;
        z-index: 9999;
    }

    #nav>.active {
        overflow-y: scroll;
        left: 0;
        transition: all 0.5s ease;
    }

    #nav .cross-sign {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        font-size: 24px;
        color: #08080A;
    }



    #nav .nav-links .mbl-btn {
        display: block;
        margin-top: 30px;
    }

    /* Mobile-top-bar stylings on Mobile */
    #nav .nav-links .mobile-top-bar {
        display: block;
        padding: 20px 0px;
    }

    #nav .nav-links .mobile-top-bar .links ul li a::after,
    #nav .nav-links .mobile-top-bar .social-icons ul li a::after {
        background: none;
    }

    #nav .nav-links .mobile-top-bar .social-icons ul {
        display: flex;
    }

    #nav .nav-links .mobile-top-bar .social-icons ul li {
        margin: 0px 10px 0px 0px;
    }

    #nav .nav-links .mobile-top-bar hr {
        width: 100%;
        height: 2px;
        background: #000;
        border-radius: 20px;
        margin: 0px;
    }

    /*----------------------------------Updated mobile styling---------------------*/
 .branch  .left-col img,
 .branch .right-col img {
    aspect-ratio: auto; /* Resets it so images resize naturally */
  }

    #nav .nav-links li.has-children>a::after {
        content: "";
        background-image: url(../images/add-icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 15px;
    }
     #nav .nav-links li.has-children.active>a::after,
#nav .nav-links li.has-submenu-children.active>a::after {
    top: 25px;

}
.col-holder hr {
    height: 1px;
    background-color: #000;
}

    #nav .nav-links li > a {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.2em;
        color: #08080A;
        text-decoration: none;
        text-transform: capitalize;
        position: relative;
        display: block;
        padding: 15px 0px 0px 0px;
    }

    #nav .nav-links li.has-children>a::before,
    #nav .nav-links li.has-submenu-children>a::before {
        width: 10px;
        height: 10px;
        left: 20px;
        top: 33px;
        transform: none;
        display: none;
    }

    #nav>ul.nav-links>li .dropdown .col-holder .submenu li a {
        padding: 0px;
    }

    #nav>ul.nav-links>li .dropdown .col-holder .submenu {
        display: flex;
        flex-direction: column;
        gap: 20px;

    }

    .two-columns {
        display: flex;
        flex-direction: column;
        gap: 20px;

    }

    #nav ul.nav-links>li .dropdown .two-columns .col-holder {
        width: 100%;
        padding: 0px
    }

    #nav ul.nav-links li .dropdown .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .branch {
        margin-top: 10px;
    }

    .mega-img {
        gap: 40px;
    }

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

}

/* hero Section Stylings */

#hero .content-holder {
    padding: 5rem;
    border-radius: 20px;
    background-image: url("../images/hero-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

#hero .content-holder .content {
    display: flex;
}

#hero .content-holder .content h2 {
    font-family: 'Cormorant Garamond';
    font-size: 40px;
    line-height: 1.3em;
    /*padding-left: 10px;*/
}

/* Bredcrums Stylings */
#hero .breadcrumb-holder {
    max-width: 100%;
}

#hero ul.breadcrumb {
    padding: 10px 0px;
    list-style: none;
}

#hero ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

#hero ul.breadcrumb li+li:before {
    padding: 5px;
    color: rgb(255, 255, 255);
    content: ">";
}

#hero ul.breadcrumb li a {
    color: #fff;
    text-decoration: none;
    text-transform: none;
}

#hero ul.breadcrumb li a:hover {
    color: #c8c4bf;
    text-decoration: none;
}

/* SectionLink Section Stylings Starts Here */
#main #section-links-holder {
    padding: 30px 0px 30px 0px;
	position: -webkit-sticky; /* For Safari */
	position: sticky;
	top: 0;
	transition: all 0.3s;
}
#main #section-links-holder.sticky{
	top: 0px;
}
#main #section-links-holder.hidden{
	top: -150px;
}


#section-links-holder #section-links {
    background-color: #F8F3EC;
    display: flex;
    padding: 10px 30px;
    border-radius: 15px;
}

#section-links ul {
    display: flex;
    width: 80%;
    align-items: center;
}

#section-links ul li {
    list-style: none;
    padding-right: 20px;
}

#section-links ul li:last-child {
    padding-right: 0px;
}

#section-links ul li a {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 500;
    color: #08080A;
    text-decoration: none;
    text-transform: capitalize;
}

#section-links ul li a:hover {
    color: #a6a6a6;
}
#section-links .bars{
	color: #08080a;
	display: none;
}
#section-links .cross-sign{
	display: none;
}

/* Clinic Choice Section Stylings and Clinic Choice Section on Cartes-cadeaux Page  */
#clinic-choice {
    padding: 80px 0px 80px 0px !important;
}
.clinic-choice{
    padding: 80px 0px 80px 0px;
}

#clinic-choice .row,
.clinic-choice .row  {
    display: flex;
}

#clinic-choice .row .content-col,
.clinic-choice .row .content-col {
    width: 55%;
    padding: 0px 50px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#clinic-choice .row .content-col h2,
.clinic-choice .row .content-col h2{
    margin-bottom: 20px;
}

#clinic-choice .row .content-col p,
.clinic-choice .row .content-col p {
    margin-bottom: 15px;
}
#clinic-choice .row .content-col p:last-child,
.clinic-choice .row .content-col p:last-child{
	margin-bottom: 0px;
}
#clinic-choice .row .img-holder,
.clinic-choice .row .img-holder {
    width: 45%;
}

#clinic-choice .row .img-holder img,
.clinic-choice .row .img-holder img {
    width: 100%;
    border-radius: 20px;
    height: 700px;
    object-fit: cover;
}

/* Electrocoagulation Section Stylings */
#electrocoagulation {
    padding: 70px 0px;
}

#electrocoagulation .row {
    display: flex;
}

#electrocoagulation .row .img-holder {
    width: 45%;
    padding: 0px 50px 0px 0px;
}

#electrocoagulation .row .img-holder img {
    width: 100%;
}

#electrocoagulation .row .content-col {
    width: 55%;
    padding: 80px 50px 0px 0px;
}

/* Clinic Location Section Stylings  */
#clinic-location {
    background: #fafafa;
    padding: 80px 0px !important;
}

.location-hodler .lcoation .img-holder img {
    max-width: 100%;
}

#clinic-location h2 {
    text-align: center;
    margin-bottom: 60px;
}

#clinic-location .location-hodler {
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
	justify-content: center;
    align-items: center;
}

.location-hodler .lcoation {
    width: 50%;
}

.location-hodler>.lcoation:first-child {
    margin-right: 40px;
}

.location-hodler .lcoation .img-holder {
    display: flex;
}

.location-hodler .lcoation .content {
    background-color: #F8F3EC;
    padding: 30px;
    border-radius: 0px 0px 15px 15px;
}

.location-hodler .lcoation .content h4 {
    font-family: 'Cormorant Garamond';
    font-size: 34px;
    line-height: 1.3em;
    margin-bottom: 25px;
    text-align: center;
}

.location-hodler .lcoation .content .btn {
    max-width: 230px;
    margin: 0 auto;
}

/* Advantges Section Stylings Starts Here */
#advantages {
    padding: 80px 0 180px 0px;
    background-color: #08080A;
    color: #fff;
}

#advantages .container {
    position: relative;
}

#advantages h2,
#advantages p{
    text-align: center;
}

#advantages-slider {
    width: 100%;
    position: relative;
}

#advantages-slider .slide {
    width: 100%;
}

#advantages-slider .slide .row {
    display: flex;
    padding: 70px 0px 0px 0px;
}

#advantages-slider .slide .row .col-1,
#advantages-slider .slide .row .col-3 {
    width: 30%;
}

#advantages-slider .slide .row .col-2 {
    width: 40%;
}

#advantages-slider .slide .row .col-1,
#advantages-slider .slide .row .col-2 {
    margin-right: 80px;
}

#advantages-slider .slide .row .col-1 {
    display: flex;
    align-items: end;
}

#advantages-slider .slide .row .col-1 .content p,
#advantages-slider .slide .row .col-2 .content p,
#advantages-slider .slide .row .col-3 .content p {
    font-size: 20px;
    line-height: 1em;
    padding: 0px 20px 0px 20px;
    margin: 0px 0px 30px 0px;
    font-weight: 400;
}

#advantages-slider .slide .row .col-2 .content p {
    margin: 15px 0px 15px 0px;
}

#advantages-slider .slide .row .col-3 .content p {
    margin: 30px 0px 0px 0px;
}

#advantages-slider .slide .row .col-1 .content .img-hodler,
#advantages-slider .slide .row .col-2 .content .img-hodler,
#advantages-slider .slide .row .col-3 .content .img-hodler {
    display: flex;
}

#advantages-slider .slide .row .col-1 .content .img-hodler img,
#advantages-slider .slide .row .col-2 .content .img-hodler img,
#advantages-slider .slide .row .col-3 .content .img-hodler img {
    max-width: 100%;
	border-radius: 20px;
}

#advantages ul.navigation {
    display: flex;
    position: absolute;
    bottom: 0px;
    right: 50px;
}

#advantages ul.navigation li {
    list-style: none;
}

#advantages ul.navigation li:first-child {
    margin-right: 12px;
}

#advantages ul.navigation li a {
    display: block;
}

#advantages ul.navigation li a:hover svg {
    fill: #f8f3ec;
}

#advantages ul.navigation li a:hover path {
    stroke: #08080A;
}

/* Treatable Section Stylings */
#treatable-areas {
    padding: 0px 0px 50px 0px;
    background: linear-gradient(to right, transparent 50%, #f8f3ec 50%);
}

/* Video Section Stylings */
#video {
    position: relative;
    top: -100px;
}

#video iframe {
    border-radius: 20px;
}

/* Treatables Areas Section Stylings and Tabs Stylings*/
/* MaleTab, Female Stylings */
#male-info .row,
#female-info .row {
    display: flex;
    align-items: center;
}

#male-info .row .left-col,
#male-info .row .right-col,
#female-info .row .left-col,
#female-info .row .right-col {
    width: 50%;
	margin-top: 100px;
}

#male-info .row .right-col,
#female-info .row .right-col {
    padding: 63.5px 0px 0px 50px;
}

#male-info .row .right-col h2,
#female-info .row .right-col h2 {
    margin: 0px 0px 30px 0px;
}

#male-info .row .right-col p,
#female-info .row .right-col p {
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 500;
    text-transform: none;
    padding: 5px 0px;
}

/*  MaleTab, Female Stylings Tabs Stylings */
#treatable-areas-content .tab {
    display: flex;
    justify-content: start;
    margin-bottom: 20px;
    width: fit-content;
    background: #f0f0f0;
    border-radius: 50px;
    margin-left: 12%;
    margin-top: 45px;
}

#treatable-areas-content .tab button {
    font-size: 17px;
    line-height: 1.3em;
    padding: 20px 50px;
    background: #f0f0f0;
    font-weight: 400;
    border-radius: 50px;
    margin-right: -20px;
    border: none;
	color: #000;
}

#treatable-areas-content .tab button:hover {
    background-color: #f8f3ec;
    color: #08080A;
}

#treatable-areas-content .tab button.active {
    background-color: #08080A;
    color: #fff;
    position: relative;
}

#treatable-areas-content .tabcontent{
	display: none;
}

#treatable-areas-content .tabcontent:first-child{
	display: block;
}

#male-img-slider .pagination,
#female-img-slider .pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
	padding-right: 25px;
}

#male-img-slider .pagination li,
#female-img-slider .pagination li {
    list-style: none;
    padding: 0px 10px;
}

#male-img-slider .pagination li button,
#female-img-slider .pagination li button {
    position: relative;
    border: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #cecece;
    text-indent: -9999px;
}

#male-img-slider .pagination li button::before,
#female-img-slider .pagination li button::before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
}

#male-img-slider .pagination li.slick-active button,
#female-img-slider .pagination li.slick-active button {
    background-color: #08080A;
}

#male-img-slider .pagination li.slick-active button::before,
#female-img-slider .pagination li.slick-active button::before {
    background-color: transparent;
    border: 2px solid #08080A;
    padding: 15px;
    border-radius: 50%;
}
#male-img-slider .img-holder,
#female-img-slider .img-holder{
	padding-right: 25px;
}

.slick-slide img {
    max-width: 100%;
}

/* faq  section styling*/
#faqs {
    padding: 80px 0px;
}

#faqs .row {
    display: flex;
    justify-content: space-between;
	align-items: center;
}

#faqs .row .left-col {
    width: 50%;
    margin-right: 20px;
}

#faqs .row .left-col img{
	width: 100%;
	border-radius: 20px;
}

#faqs h2 {
    margin-bottom: 40px;
}

#faqs .row .left-col a {
    text-decoration: none;
    font-size: 20px;
    font-family: 500;
    line-height: 1em;
    font-family: 'Cormorant Garamond';

}

#faqs .row .left-col li {
    text-align: center;
}

#faqs .right-col {
    width: 50%;
    margin-left: 20px;
}

#faqs .right-col .accordian {
    width: 100%;
}

#faqs .right-col .accordian li {
    list-style: none;
    width: 100%;
    border-radius: 8px;
}

.bb {
    border-bottom: 1px solid black;
}

#faqs .right-col .accordian li label {
    display: flex;
    align-items: center;
    padding: 15px 0px;
    font-size: 22px;
    font-weight: 500;
    cursor: pointer;
    font-family: 'Cormorant Garamond';
}

#faqs .right-col li label::before {
    content: "";
    background-image: url(../images/plus-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

#faqs .right-col li input[type="radio"] {
    display: none;
}

#faqs .right-col .accordian .content {
    color: black;
    padding: 0 10px;
    line-height: 26px;
    max-height: 0;
    overflow: hidden;
    text-align: start;
}

#faqs .right-col .accordian input[type="radio"]:checked+label+.content {
    max-height: 400px;
    padding: 10px 40px 20px 12px;
}

#faqs .right-col .accordian input[type="radio"]:checked+label:before {
    content: "";
    background-image: url(../images/minus-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* Before And After Section Stylings */
#before-after {
    background-color: #fafafa;
    padding: 80px 0px;
    text-align: center;
}

#before-after h2 {
    margin-bottom: 30px;
}

#before-after p {
    padding-bottom: 30px;
}

#before-after p {
    width: 80%;
    margin: 0 auto;
}

#before-after .row {
    display: flex;
	flex-wrap: wrap;
    gap: 3.8rem;
}

#before-after .row .img-holder {
    width: 30%;
}

#before-after .row .img-holder:last-child {
    margin: 0px;
}

#before-after .row .img-holder img {
    max-width: 100%;
}

/*------------------------------Comparision-Slider-Stylings------------------------*/
div.comparison {
    width: 100%;
	aspect-ratio: 1;
    max-width: 600px;
    max-height: 600px;
    overflow: hidden;
    border-radius: 20px;
	position: relative;
}

div.comparison figure {

    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-after.jpg);
    background-size: cover;
    position: relative;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

div.comparison figure>img {
    position: relative;
    width: 100%;
}

div.comparison figure div {

    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-before.jpg);
    background-size: cover;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    bottom: 0;
    height: 100%;
}

input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    left: 0%;
	transform: translateY(-50%);
    background-color: transparent;
    width: 100%;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:active {
    outline: none;
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 1px;
    width: 98%;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    outline: none;
}

input[type=range]::active {
    border: none;
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
	appearance: none;
    width: 30px;
    height: 30px;
    border-radius: 0;
    background: url(../images/handle.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 999;
	box-shadow: none;
	margin: 0;
}

input[type=range]::-moz-range-thumb {
    width: 30px;
    height: 30px;
    border-radius: 0;
    background: url(../images/handle.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 999;
}

input[type=range]::-ms-thumb {
    width: 30px;
    height: 30px;
    border-radius: 0;
    background: url(../images/handle.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 999;
	margin: 0;
}

.before-after div.content {
    position: relative;
    width: 100%;
    padding: 0px 20px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    margin-top: -40px;
    z-index: 999;
}

/* Consultation Section on Taches Page and Consultatin section on Accueil Page Stylings*/
#consultation,
.consultation {
    padding: 80px 0px 0px 0px;
}

#consultation .content-holder,
.consultation .content-holder {
    padding: 5rem;
    border-radius: 20px;
    background-image: url(../images/consultation.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

#consultation .content-holder .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#consultation .content-holder .row h2 {
    max-width: 75%;
}

#consultation .content-holder .row a {
    max-width: 25%;
}

.consultation .content-holder .row {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.consultation .content-holder .row h2 {
    width: 80%;
}

.consultation .content-holder .row a {
    margin: 14px 0px 0px 0px;
}

/* Cost Section Stylings */
#cost {
    padding: 70px 0px;
    background-color: #fafafa;
    text-align: center;
}

#cost .main-heading {
    margin-bottom: 25px;
}

#cost p {
    width: 80%;
    margin: 0 auto;
}

#cost .row {
    display: flex;
    padding: 80px 0px 0px 0px;
}

#cost .row .col {
    width: 50%;
    text-align: start;
    background-color: #F8F3EC;
    border-radius: 20px;
    padding: 50px;
}

#cost .row .col:first-child {
    margin-right: 20px;
}

#cost .row .col ul {
    padding-left: 20px;
}

/* CSS of Post-Treatment Section for Desktop and Tab */
.post-treatment{
    background: #000;
    border-radius: 20px;
    padding: 40px;
    color: #fff;
    margin: 40px 0px 0px 0px;
}
.post-treatment h2{
    margin: 0px 0px 25px 0px;
}
.post-treatment .post-row{
    display: flex;
}
.post-treatment .post-row .list-col:first-child{
    margin: 0px 50px 0px 0px;
}
.post-treatment .post-row .list-col ul{
    padding: 0px 0px 0px 25px;
    text-align: left;
}

#cost .row .col ul li {
    padding: 0px;
    /* list-style-image: url('../images/circle.svg'); */
}

#cost .row .col span {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.3em;
}

/* Products Section Stylings and Favorite Products section Stylings */
.favorite-products {
    background-color: #fafafa;
}

#products,
.favorite-products {
    padding: 80px 0px 80px 0px;
    text-align: center;
}

#products h2,
.favorite-products h2 {
    margin-bottom: 60px;
}

#products-slider,
#favorite-products-slider {
    width: 100%;
    white-space: normal;
}

#products-slider .slide,
#favorite-products-slider .slide {
    width: 25%;
    margin-right: 30px;
    text-align: start;
}

#products-slider .slide .img-holder,
#favorite-products-slider .slide .img-holder {
    display: flex;
    margin-bottom: 30px;
}

#products-slider .slide .img-holder img,
#favorite-products-slider .slide .img-holder img {
    width: 100%;
	border-radius: 20px;
}

#products-slider .slide h4,
#favorite-products-slider .slide h4 {
    font-family: 'Cormorant Garamond';
    font-size: 26px;
    line-height: 1.2em;
    color: #08080A;
    font-weight: 700;
    text-align: center;
}

#products-slider .slide h5,
#favorite-products-slider .slide h5 {
    font-family: 'DM Sans';
    font-size: 22px;
    line-height: 1.2em;
    color: #08080A;
    font-weight: 400;
    margin: 0px 0px 12px 0px;
    text-align: center;
}

#products-slider .slide .btn,
#favorite-products-slider .slide .btn {
    max-width: 85%;
    margin: 0 auto;
}

#products-slider .slick-slide,
#favorite-products-slider .slick-slide,
#member-slider .slick-slide {
    margin-right: 30px;
}

#member-slider .slick-slide img{
	border-radius: 20px 20px 0 0;
}

#products .container,
#favorite-products-slider .container {
    position: relative;
}

#products ul.navigation,
.favorite-products ul.navigation,
.experts ul.navigation {
    display: flex;
    justify-content: center;
    padding: 80px 0px 0px 0px;
}

#products ul.navigation li,
.favorite-products ul.navigation li,
.experts ul.navigation li {
    list-style: none;
}

#products ul.navigation li:first-child,
.favorite-products ul.navigation li:first-child,
.experts ul.navigation li:first-child {
    margin-right: 12px;
}

#products ul.navigation li a,
.favorite-products ul.navigation li a,
.experts ul.navigation li a {
    display: block;
}

#products ul.navigation li a:hover svg,
.favorite-products ul.navigation li a:hover svg,
.experts ul.navigation li a:hover svg {
    fill: #08080A;
}

#products ul.navigation li a:hover path,
.favorite-products ul.navigation li a:hover path,
.experts ul.navigation li a:hover path {
    stroke: #fff;
}

/* Technologies Section Stylings */
#technologies {
    padding: 80px 0px;
    background-color: #F8F3EC;
}

#technologies .row {
    display: flex;
    padding: 0 0 0 8rem;
}

#technologies .row .heading-col {
    display: flex;
    margin: 0px 80px 80px 0px;
}

#technologies h2 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

#tech-slider {
    /*display: flex;*/
    width: calc( 100% - 190px);
}

#tech-slider .slide .img-holder {
    display: block;
    position: relative;
}

#tech-slider .slide .img-holder::after {
    transition: all 0.5s ease;
    content: "";
    display: block;
    background-image: linear-gradient(359deg, #000, #4848484d, #a8a8a800);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 22px;
}

#tech-slider .slide .img-holder::after {
    opacity: 0;
}

#tech-slider .slide .img-holder img {
    width: 100%;
    height: 450px;
	object-fit: cover;
	border-radius: 20px !important;
}

#tech-slider .slide .tech-desc h4 {
    font-family: 'Cormorant Garamond';
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    margin-bottom: 8px;
    color: #fff;
}

#tech-slider .slide .tech-desc p {
    color: #fff;
    text-align: center;
    padding: 0px 40px;
	margin-bottom: 20px;
}

#tech-slider .slide {
    width: 20%;
    margin-right: 20px;
	position: relative;
}

#tech-slider .slide:last-child {
    margin-right: 0px;
}

#tech-slider .slide .tech-desc {
    z-index: 2;
    transition: all 0.5s ease;
    opacity: 0;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 0;
}

#tech-slider .slide:hover .img-holder::after,
#tech-slider .slide:hover .tech-desc {
    transition: all 0.5s ease;
    opacity: 1;
}

#tech-slider .slick-slide {
    margin-right: 30px;
}

#technologies ul.navigation {
    display: flex;
    justify-content: center;
    padding: 60px 0px 0px 0px;
}

#technologies ul.navigation li {
    list-style: none;
}

#technologies ul.navigation li:first-child {
    margin-right: 12px;
}

#technologies ul.navigation li a {
    display: block;
}

#technologies ul.navigation li a:hover svg {
    fill: #08080A;
}

#technologies ul.navigation li a:hover path {
    stroke: #fff;
}

/* News letter section stylings and Monthly News Letter Section on Notre Page Stylings*/
.menu-overlay.active {
    background: #000;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9998;
    min-height: 100vh;
    opacity: .7;
    display: block;
    cursor: pointer;
}

#newsletter {
    padding: 80px 0px 80px 0px;
}

.monthly-newsletter {
    padding: 80px 0px 80px 0px;
}
.sapcing{
	padding: 80px 0px 0px 0px !important;
}
.sapcing .row{
	margin: 0px !important;
}
#newsletter .nl-content {
    background-color: #08080A;
    padding: 50px;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
}

.monthly-newsletter .nl-content {
    background-color: #08080A;
    padding: 75px;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 80px 0px;
    flex-direction: column;
}

#newsletter .nl-content h4 {
    color: #fff;
    font-family: 'Cormorant Garamond';
    font-size: 32px;
    line-height: 1.3em;
}

.monthly-newsletter .nl-content h4 {
    color: #fff;
    font-family: 'Cormorant Garamond';
    font-size: 32px;
    line-height: 1.3em;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding: 0px 0px 20px 0px;
}

.monthly-newsletter .nl-content p {
    color: #fff;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding: 0px 0px 30px 0px;
}

#newsletter .nl-content form,
.monthly-newsletter .nl-content form {
    display: flex;
    width: 60%;
    margin: 0 auto;
}

#newsletter .nl-content form #fname,
.monthly-newsletter .nl-content form #fname {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    width: 90%;
    color: #fff;
    padding: 0px 20px;
    margin-right: 20px;
}

#fname::placeholder {
    color: #fff;
}

/* Service Holder Stylings and Monthly Newsletter section on Notre page stylings*/
#newsletter .services-holder,
.monthly-newsletter .services-holder {
    display: flex;
    justify-content: space-between;
}

#newsletter .services-holder .service,
.monthly-newsletter .services-holder .service {
    width: 33%;
    display: flex;
}

#newsletter .services-holder .service .content,
.monthly-newsletter .services-holder .service .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#newsletter .services-holder .service .img-holder,
.monthly-newsletter .services-holder .service .img-holder {
    margin-right: 15px;
    display: block;
}

#newsletter .services-holder .service .content h6,
.monthly-newsletter .services-holder .service .content h6 {
    font-family: 'Cormorant Garamond';
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 4px;
}

#newsletter .services-holder .service .content p,
.monthly-newsletter .services-holder .service .content p {
    font-size: 15px;
}

/*Footer-Stylings */
#footer {
    background-color: #08080A;
    color: #fff;
}

#main-footer .row {
    display: flex;
    padding: 100px 0px;
}

#main-footer .row .logo-holder,
#main-footer .row .footer-about,
#main-footer .row .footer-sb,
#main-footer .row .footer-sh {
    width: 25%;
}

#main-footer .row .logo-holder,
#main-footer .row .footer-about,
#main-footer .row .footer-sb {
    padding-right: 50px;
}

.row .logo-holder a {
    display: block;
}

.row .logo-holder a img {
    width: 100%;
}

.row .footer-about p {
    font-size: 15px;
    line-height: 1.2em;
    margin-bottom: 24px;
}

#main-footer .footer-about .f-icons ul li {
    margin-right: 15px;
}

#main-footer .footer-sb h4,
#main-footer .footer-sh h4 {
    font-size: 30px;
    line-height: 1.2em;
    font-family: 'Cormorant Garamond';
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 18px;
}

#main-footer .footer-sb ul li,
#main-footer .footer-sh ul li {
    list-style: none;
}

#main-footer .footer-sb ul li a,
#main-footer .footer-sh ul li a {
    display: flex;
    align-items: start;
    color: #fff;
    margin-bottom: 12px;
}

#main-footer .footer-sb ul li a:hover,
#main-footer .footer-sh ul li a:hover {
    color: #a6a6a6;
    transition: all 0.4s;
}

#main-footer .footer-sb ul li a img,
#main-footer .footer-sh ul li a img {
    margin-right: 12px;
}

/* Footer Conditions */

#footer-conditions {
    padding: 50px 0px 90px 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#footer-conditions .col-holder {
    display: flex;
}

#footer-conditions .col-holder .left-col {
    width: 60%;
}

#footer-conditions .col-holder .right-col {
    width: 40%;
    margin-left: 30px;
}

.col-holder .left-col .row {
    padding-left: 7px;
}

.col-holder .right-col .row {
    margin-left: 8px;
}

.col-holder .left-col h3,
.col-holder .right-col h3 {
    font-family: 'Cormorant Garamond';
    font-size: 30px;
    line-height: 1.3em;
    text-transform: uppercase;
    margin-bottom: 33px;
}

.col-holder .left-col .row,
.col-holder .right-col .row {
    display: flex;
}

#footer-conditions .col-holder .left-col .row ul li {
    list-style: none;
    padding: 5px 15px;
    display: inline;
    width: 33%;
    float: left;
}

#footer-conditions .col-holder .right-col .row ul li {
    list-style: none;
    padding: 5px 15px;
    display: inline;
    width: 50%;
    float: left;
}

#footer-conditions .col-holder .row ul li a {
    font-size: 15px;
    line-height: 1.2em;
    position: relative;
    color: #fff;
}

#footer-conditions .col-holder .row ul li a:hover {
    color: #a6a6a6;
}

#footer-conditions .col-holder .row ul li a::before {
    content: "";
    background-image: url(../images/footer-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: -19px;
}

#footer-conditions .col-holder .row .col-1,
#footer-conditions .col-holder .row .col-2 {
    margin-right: 30px;
}

#copyright {
    padding: 20px 0px;
}

#copyright .content-holder {
    display: flex;
    justify-content: space-between;
}

#copyright .content-holder p {
    font-size: 15px;
    line-height: 1.2em;
}

/* Taches Page Stylings Starts Here */
/* hero Section Stylings */
/* SSale Section on Succursales Page Stylings */
#taches-main #taches-hero,
#ssales-main .ssales-hero {
    padding: 20px 0px;
}

#taches-main #taches-hero{
    padding: 0px 0px 20px 0;
}

#taches-hero .content-holder,
.ssales-hero .content-holder {
    padding: 5rem;
    border-radius: 20px;
    background-image: url("../images/taches-hero.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

#taches-hero .content-holder .content,
.ssales-hero .content-holder .content {
    display: flex;
}

#taches-hero .content-holder .content h2,
.ssales-hero .content-holder .content h2 {
    font-family: 'Cormorant Garamond';
    font-size: 40px;
    line-height: 1.3em;
}

/* Taches Hero Bredcrums Stylings and SSale Hero Bredcrums Stylings*/
#taches-hero .breadcrumb-holder,
.ssales-hero .breadcrumb-holder {
    max-width: 500px;
}

#taches-hero ul.breadcrumb,
.ssales-hero ul.breadcrumb {
    padding: 10px 0px;
    list-style: none;
}

#taches-hero ul.breadcrumb li,
.ssales-hero ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

#taches-hero ul.breadcrumb li+li:before,
.ssales-hero ul.breadcrumb li+li:before {
    padding: 5px;
    color: rgb(255, 255, 255);
    content: ">";
}

#taches-hero ul.breadcrumb li a,
.ssales-hero ul.breadcrumb li a {
    color: #fff;
    text-decoration: none;
    text-transform: none;
}

#taches-hero ul.breadcrumb li a:hover,
.ssales-hero ul.breadcrumb li a:hover {
    color: #c8c4bf;
    text-decoration: none;
}

/* Taches About Section Stylings */
#taches-about {
    padding: 80px 0px;
    text-align: center;
}

#taches-about h2 {
    margin: 0px 0px 30px 0px;
}

#taches-about p {
    margin: 0px 0px 15px 0px;
}

#taches-services {
    padding: 80px 0px;
    background-color: #F8F3EC;
}

#taches-services .table {
    border-collapse: separate;
    width: 100%;
    border: none;
    border-radius: 10px;
    border-spacing: 0;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#taches-services .table td,
#taches-services .table th {
    border-bottom: 1px solid black;
    padding: 15px;
    text-align: center;
}

#taches-services .table th {
    padding-top: 12px;
}

#taches-services .br-left {
    border-radius: 0px 0px 0px 8px;
}

#taches-services .br-bottom {
    border-radius: 0px 0px 8px 0px;
}

#taches-services .table .heading {
    text-align: left;
}

/* Pulse Section Stylings and Reverse Pulse Section Stylings */
.template,
.reverse-pulse {
    padding: 80px 0px 80px 0px;
}

.template .row,
.reverse-pulse .row {
    display: flex;
}

.template .row .content-col {
    width: 55%;
    padding: 0px 50px 0px 0px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.template .row .content-col h2,
.reverse-pulse .row .content-col h2 {
    margin-bottom: 20px;
}

.template .row .content-col p,
.reverse-pulse .row .content-col p {
    margin-bottom: 25px;
}

.template .row .img-holder {
    width: 45%;
}

.template .row .img-holder img,
.reverse-pulse .row .img-holder img {
    width: 100%;
	border-radius: 20px;
}

.template .button-holder,
.reverse-pulse .button-holder {
    display: flex;
}

.reverse-pulse .row .img-holder {
    width: 45%;
    padding: 0px 50px 50px 0px;
}

.reverse-pulse .row .content-col {
    width: 55%;
    padding: 50px 0px 0px 0px;
}

.template.background {
    background: #f8f3ec;
}

/* Invert Template Section Stylings  */
.invert-template.background {
    background-color: #f8f3ec;
}

.invert-template {
    padding: 80px 0px 80px 0px;
}

.invert-template .row {
    display: flex;
}

.invert-template .row .img-holder {
    width: 45%;
    padding: 0px 50px 0px 0px;
}

.invert-template .row .content-col {
    width: 55%;
	padding: 0px 50px 0px 0px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.invert-template .row .content-col h2 {
    margin-bottom: 20px;
}

.invert-template .row .content-col p {
    margin-bottom: 25px;
}

.invert-template .row .img-holder img {
    width: 100%;
	border-radius: 20px;
}

.invert-template .button-holder {
    display: flex;
}

.pt-80 {
    padding: 80px 0px 0px 0px !important;
}

#taches-services-mobile {
    display: none;
}

/* Accueil Stylings Starts Here */
/* accueil-hero Section Stylings */
#accueil-main .accueil-hero {
    padding: 0px;
}

.accueil-hero .content-holder {
    padding: 19rem;
    border-radius: 20px;
    background-image: url("../images/accueil-hero.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
}

.accueil-hero .content-holder .content {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    width: 260px;
}

.accueil-hero .content-holder .content h2 {
    font-family: 'Cormorant Garamond';
    font-size: 40px;
    line-height: 1.3em;
    font-weight: 700;
    margin: 0px 0px 20px 0px;
}

.white-br {
    border: 2px solid #fff;
    max-width: 200px;
}

.white-br:hover {
    background-color: #fff;
    color: #08080A;
}

/* Accueil-hero-slider stylings */
#accueil-hero-slider .pagination {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 30px;
    right: 50%;
	left: 50%;
}

#accueil-hero-slider .pagination li {
    list-style: none;
    padding: 0px 10px;
}

#accueil-hero-slider .pagination li button {
    position: relative;
    border: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #cecece;
    text-indent: -9999px;
}

#accueil-hero-slider .pagination li button::before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
}

#accueil-hero-slider .pagination li.slick-active button {
    background-color: #fff;
}

#accueil-hero-slider .pagination li.slick-active button::before {
    background-color: transparent;
    border: 2px solid #fff;
    padding: 15px;
    border-radius: 50%;
}

/* Asthetic Sectin Stylings */
.aesthetic {
    padding: 70px 0px;
    text-align: center;
}

.aesthetic h1 {
	text-align: center !important;
    margin: 0px 0px 30px 0px;
}

.aesthetic p {
    margin: 0px 0px 20px 0px;
}

/* Subscribe Section Stylings */
.subscribe {
    padding: 0px 0px 80px 0px;
    text-align: center;
    position: relative;
}

.subscribe .container {
    position: relative;
}

.subscribe .content-holder {
    padding: 70px 0px;
    background: #f8f3ec;
    border-radius: 15px;
    margin: 0px 0px 70px 0px;
}

.subscribe h2 {
    margin: 0px 0px 15px 0px;
}

.subscribe p {
    margin: 0px 0px 30px 0px;
}

.subscribe form {
    display: flex;
    width: 60%;
    margin: 0 auto;
}

.subscribe form #fname {
    background: transparent;
    border: 1px solid #08080A;
    border-radius: 30px;
    width: 90%;
    color: #08080A;
    padding: 0px 20px;
    margin-right: 20px;

}

.subscribe #fname::placeholder {
    color: #08080A;
}

.bg-black {
    background-color: #08080A;
    color: #fff;
    border: 2px solid #08080A;
}

.bg-black:hover {
    background-color: transparent;
    color: #08080A;
    border: 2px solid #08080a;
}

.bg-black:hover::after {
    background-image: url(../images/black-tilt-arrow.svg);
    opacity: 1;
}

.subscribe .img-holder .circle {
    position: relative;
    width: 200px;
    height: 200px;
    background-color: black;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subscribe .img-holder .circle .text {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: anim 10s linear infinite;
    line-height: 1.8rem;
    margin: 0px;
    word-spacing: 3em;
}

/* .subscribe .img-holder .circle .text p{
    font-size: 20px!important;
    letter-spacing: 2em !important;
} */
.subscribe .img-holder .circle-holder {
	display: none;
    position: absolute;
    top: 45%;
    left: -5%;
}

@keyframes anim {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.subscribe .img-holder .circle .text span {
    position: absolute;
    top: 7px;
    left: 50%;
    transform-origin: 0px 95px;
    font-size: 1em;
    letter-spacing: 3em;
}


.subscribe .img-holder .row {
    display: flex;
}

.subscribe .img-holder .row .col {
    display: flex;
    width: 50%;
}

.subscribe .img-holder .row .col img {
    width: 100%;
}

.subscribe .img-holder .row .col:first-child {
    margin: 0px 25px 0px 0px;
}

/* Treatments Section Stylings */
.treatments {
    position: relative;
    background: #f8f3ec;
    padding: 80px 0px;
    text-align: center;
}

.treatments h2 {
    margin: 0px 0px 80px 0px;
}

#treatments-slider {
    width: 100%;
    padding: 0px 0px 0px 10rem;
}

#treatments-slider .slide {
    width: 500px;
}

#treatments-slider .slide .content-holder {
    border-radius: 10px;
    background: #fff;
    padding: 25px 25px 35px 25px;
}

#treatments-slider .slide .img-holder {
    display: flex;
}

#treatments-slider .slide .img-holder img {
    width: 100%;
	border-radius: 10px;
}

#treatments-slider .slide .content-holder .content a {
    margin: 0 auto;
}

.slide .content-holder .content .icon {
    display: inline-block;
    background: #000;
    padding: 20px;
    border-radius: 50%;
    margin-top: -45px;
}

.slide .content-holder .content .icon img {
    width: 50px;
    height: 50px;
}

.slide .content-holder .content h5 {
    padding-top: 15px;
    font-family: 'Cormorant Garamond';
    font-size: 28px;
    line-height: 1.3em;
}

.slide .content-holder .content p {
    padding: 15px 0px;
}

.slide .content-holder .content a {
    max-width: 260px;
    margin: 0;
}

#treatments-slider .slick-slide {
    margin-right: 30px;
}

.treatments ul.navigation {
    display: flex;
    justify-content: center;
    padding: 60px 0px 0px 0px;
    position: absolute;
    top: 7px;
    right: 7rem;
}

.treatments ul.navigation li:first-child {
    margin-right: 12px;
}

.treatments ul.navigation li {
    list-style: none;
}


.treatments ul.navigation li a {
    display: block;
}

.treatments ul.navigation li a:hover svg {
    fill: #08080A;
}

.treatments ul.navigation li a:hover path {
    stroke: #fff;
}

/* Why Choose Us Section Stylings */
.why-us {
    padding: 80px 0px;
}

.why-us .row {
    display: flex;
    justify-content: space-between;
}

.why-us .row .img-holder {
    display: flex;
    width: 30%;
}

.why-us .row .img-holder img {
    width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.why-us .row .content-holder {
    width: 70%;
    padding: 0px 0px 60px 50px;
}

.why-us .row .content-holder h3 {
    font-family: 'Cormorant Garamond';
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.why-us .row .content-holder p {
    text-align: center;
    margin: 0px 0px 30px 0px;
}

.why-us .row,
.content-holder .tab-holder {
    display: flex;
    justify-content: space-between;
	align-items: flex-start;
}

.why-us .row .content-holder .tab-holder .tab {
    width: 40%;
    display: flex;
    flex-direction: column;
    padding-right: 80px;
}

.why-us .row .content-holder .tab-holder .tab button {
    text-align: start;
    font-size: 19px;
    line-height: 1.2em;
    background: transparent;
    border: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 0px;
    text-transform: none;
}

.why-us .row .content-holder .tab-holder .tab button.active {
    font-weight: 700;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
	color: #000;
}

.why-us .row .content-holder .tab-holder .tabcontent {
    width: 60%;
}

.why-us .row .content-holder .tab-holder #service,
.why-us .row .content-holder .tab-holder #technologie,
.why-us .row .content-holder .tab-holder #suivi {
    width: 60%;
}

.why-us .row .content-holder .tab-holder .tabcontent h2 {
    font-family: 'DM Sans';
    font-size: 32px;
    line-height: 1.3em;
    text-transform: uppercase;
    margin: 0px 0px 15px 0px;
}

.why-us .row .content-holder .tab-holder .tabcontent p {
    color: #787878;
    padding: 0px 100px 0px 0px;
    margin: 0px 0px 20px 0px;
    text-align: left;
}

.why-us .row .content-holder .tab-holder .tabcontent a {
    max-width: 250px;
	width: max-content;
}
.call-btn-container{
	background-color: #F8F3EC;
    display: flex;
    padding: 10px;
    border-radius: 15px;
	gap:15px;
	align-items: center;
	justify-content: center;
}
/* Logo Section Stylings  */
@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}
@keyframes scroll2 {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0%);
    }
}
.long-desc{
	margin-top: 30px;
	text-align: left;
}
.member-pop-up .content-holder{
	position: relative;
}
.popup_close{
	all: unset;
	cursor: pointer;
	position: absolute;
	left: 100%;
	bottom: 100%;
}
.logos {
    overflow: hidden;
    padding: 0px 0px 60px 0px;
    white-space: nowrap;
}

.logos-slide {
    display: inline-block;
    animation: 70s scroll infinite linear;
}

.logos-reverse .logos-reverse-slide{
    display: inline-block;
    animation: 70s scroll2 infinite linear;
}

.logos-slide img {
    height: 90px;
    margin: 0 40px;
}

.logos-reverse-slide img {
    height: 90px;
    margin: 0 40px;
}

/* Testimonials Section Stylings  */
.testimonials {
    width: 100%;
    background-color: #f8f3ec;
    /*background-image: url(../images/testimonials-bg.png);
    background-size: cover;
    background-repeat: no-repeat;*/
    padding: 80px 0px;
}

.testimonials h2 {
    text-align: center;
    margin: 0px 0px 30px 0px;
}
.testimonials p {
    margin-bottom: 30px;
}

#testimonials-slider .slide {
    width: 400px;
	position: relative;
}

#testimonials-slider .slide fieldset {
    border-style: solid;
    padding: 30px;
    border-color: #08080A;
	min-height: 350px;
}

#testimonials-slider .slide fieldset p {
    color: #939393;
    margin-bottom: 40px;
}

#testimonials-slider .slide fieldset hr {
	position: absolute;
    bottom: 30px;
    width: 85%;
    border-style: solid;
    border-color: #08080A;
    margin: 0px 0px 25px 0px;
}

#testimonials-slider .slide .description .content h5 {
    font-family: 'Cormorant Garamond';
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: uppercase;
}

#testimonials-slider .slide .description .content span {
    color: #ACACAC;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
}

#testimonials-slider .slide .description {
	position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#testimonials-slider .slide .description .sign{
	display: none;
}
#testimonials-slider .slide .description .sign span {
    display: block;
    position: relative;
    z-index: 2;
}

#testimonials-slider .slide .description .sign span::before {
    content: "";
    width: 40px;
    height: 40px;
    background-color: #08080A;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 9px;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

#testimonials-slider .slide .description .sign:hover span:before {
    transition: all 0.5s ease;
    opacity: 1;
    visibility: visible;
}

#testimonials-slider .slide .description .sign:hover span svg {
    transition: all 0.5s ease;
    position: relative;
    z-index: 999;
}

#testimonials-slider .slide .description .sign:hover span svg path {
    transition: all 0.5s ease;
    position: relative;
    z-index: 999;
    fill: #fff;
}

#testimonials-slider .slick-slide {
    margin-right: 30px;
}

#testimonials-slider .pagination {
    display: flex;
    justify-content: center;
    padding: 50px 0px 40px 0px;
}

#testimonials-slider .pagination li {
    list-style: none;
    padding: 0px 10px;
}

#testimonials-slider .pagination li button {
    position: relative;
    border: none;
    width: 30px;
    height: 5px;
    background-color: #D1D0D0;
    text-indent: -9999px;
}

#testimonials-slider .pagination li.slick-active button {
    background-color: #08080A;
}

.testimonials .container>a {
    max-width: 240px;
    margin: 0 auto;
}

/* Follow-us section Stylings */
.follow-us {
    background-color: #F8F3EC;
    padding: 80px 0px;
}

.follow-us .container>h2 {
    text-align: center;
    margin: 0px 0px 80px 0px;
}

.follow-us .row {
    display: flex;
}

.follow-us .row .instagram,
.follow-us .row .tiktok {
    width: 50%;
}

.follow-us .row .instagram {
    margin: 0px 50px 0px 0px;
}

.follow-us .row .instagram .head,
.follow-us .row .tiktok .head {
    display: flex;
    justify-content: center;
	align-items: center;
}

.follow-us .row .instagram .head img,
.follow-us .row .tiktok .head img {
    margin: 0px 10px 0px 0px;
	width: 30px;
    height: 60px;
}

.follow-us .row .instagram p,
.follow-us .row .tiktok p {
    font-size: 24px;
    line-height: 1.3em;
    text-align: center;
    margin: 0px 0px 20px 0px;
}

.follow-us .instagram .gallery-holder,
.follow-us .tiktok .gallery-holder {
    display: flex;
}

.follow-us .instagram .gallery-holder img,
.follow-us .tiktok .gallery-holder img {
    width: 100%;
}

.follow-us .instagram .btn-holder,
.follow-us .tiktok .btn-holder {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.special-btn {
    padding: 12px 45px 12px 45px;
}

.special-btn::before {
    content: "";
    background-image: url(../images/white-insta-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    left: 17px;
    top: 11px;
}
.special-tiktok-btn {
    padding: 12px 45px 12px 45px;
}

.special-tiktok-btn::before {
    content: "";
    background-image: url(https://stlaurentme.tgraphisme.com/wp-content/uploads/2024/06/white-tiktok-sign-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    left: 17px;
    top: 11px;
}
/* Notre Equipe Page Stylings and Tairfs Page Stylings Starts Here */
/*  Notre Hero section stylings */

#notre-main .tabcontent{
	width: 100%;
}

.notre-hero,
.tarif-hero {
    padding: 50px 0px;
}

.notre-hero h1,
.tarif-hero h1 {
    text-align: center !important;
    margin: 0px 0px 30px 0px;
}

.notre-hero p,
.tarif-hero p {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    text-transform: none;
    padding: 0px 0px 60px 0px;
}

.notre-hero .tab-holder,
.tarif-hero .tab-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notre-hero .tab-holder .tab,
.tarif-hero .tab-holder .tab {
    display: flex;
    justify-content: center;
    margin: 0px 0px 80px 0px;
    width: fit-content;
    background: #f8f3ec;
    border-radius: 15px;
}

.notre-hero .tab-holder .tab button,
.tarif-hero .tab-holder .tab button {
    font-size: 17px;
    line-height: 1.3em;
    padding: 20px 50px;
    background: #f8f3ec;
    font-weight: 400;
    border-radius: 15px;
    margin-right: 0px;
    border: none;
    position: relative;
}

.notre-hero .tab-holder .tab button::after,
.tarif-hero .tab-holder .tab button::after {
    content: "";
    width: 1px;
    height: 62px;
    background-color: #aeaaa5;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99;
}

.notre-hero .tab-holder .tab button:first-child,
.tarif-hero .tab-holder .tab button:first-child {
    border-radius: 15px 0px 0px 15px;
}

.notre-hero .tab-holder .tab button:last-child::after,
.tarif-hero .tab-holder .tab button:last-child::after {
    display: none;
}

.notre-hero .tab-holder .tab button:hover,
.tarif-hero .tab-holder .tab button:hover {
    background-color: #f8f3ec;
    color: #08080A;
}

.notre-hero .tab-holder .tab button.active,
.tarif-hero .tab-holder .tab button.active {
    background-color: #08080A;
    color: #fff;
    position: relative;
    z-index: 999;
    border-radius: 0px;
}

.notre-hero .tab-holder .tab button:first-child.active,
.tarif-hero .tab-holder .tab button:first-child.active {
    border-radius: 15px 0px 0px 15px;
}


.notre-hero .tab-holder .tab button:last-child.active,
.tarif-hero .tab-holder .tab button:last-child.active {
    border-radius: 0px 15px 15px 0px;
}

/*.notre-hero .tab-holder .tabcontent .row {
    display: flex;
    margin: 0px 0px 30px 0px;
}*/
.notre-hero .tab-holder .tabcontent .row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3%;
    margin: 0px 0px 30px 0px;
}
/*.notre-hero .tab-holder .tabcontent .row .member {
    width: 33%;
    margin-right: 3%;
	display: flex;
    flex-direction: column;
}*/
.notre-hero .tab-holder .tabcontent .row .member {
    width: 100%;
}

.notre-hero .tab-holder .tabcontent .row .member:last-child {
    margin: 0px;
}

.notre-hero .tab-holder .tabcontent .row .member .img-holder {
    display: flex;
}

.notre-hero .tab-holder .tabcontent .row .member .img-holder img {
    width: 100%;
	border-radius: 20px 20px 0 0;
}

.notre-hero .tab-holder .tabcontent .row .member .info {
	position: relative;
    text-align: center;
    padding: 30px 15px 50px 15px;
    background-color: #f8f3ec;
    border-radius: 0px 0px 15px 15px;
	display: flex;
    flex-direction: column;
    /*height: -webkit-fill-available;/**/
}

.notre-hero .tab-holder .tabcontent .row .member .info h4 {
    font-size: 28px;
    font-family: 'Cormorant Garamond';
    line-height: 1.2em;
}

.notre-hero .tab-holder .tabcontent .row .member .info p {
    color: #08080A;
    padding: 0px 0px 15px 0px;
}

.notre-hero .tab-holder .tabcontent .row .member .info a {
    margin: 0px 0px 12px 0px;
	position: absolute;
    width: 90%;
    bottom: 8px;

}

/* Remaining Stylings of tarif Page */
.tarif-hero .tab-holder .tabcontent {
    width: 100%;
}

.tarif-hero .tab-holder .tabcontent .head-row {
    display: flex;
    padding: 18px 80px;
    background: #000;
    color: #fff;
    border-radius: 10px;
    margin: 0px 0px 30px 0px;
}

.tarif-hero .tab-holder .tabcontent .head-row .col-1,
.tarif-hero .tab-holder .tabcontent .price-content .col-1 {
    width: 60%;
}

.tarif-hero .tab-holder .tabcontent .head-row .col-1 h3,
.tarif-hero .tab-holder .tabcontent .head-row .col-2 h3,
.tarif-hero .tab-holder .tabcontent .head-row .col-3 h3 {
    font-family: 'Cormorant Garamond';
    font-size: 26px;
    line-height: 1em;
    font-weight: 700;
}

.tarif-hero .tab-holder .tabcontent .head-row .col-2,
.tarif-hero .tab-holder .tabcontent .head-row .col-3,
.tarif-hero .tab-holder .tabcontent .price-content .col-2,
.tarif-hero .tab-holder .tabcontent .price-content .col-3 {
    width: 20%;
    text-align: center;
}
.tarif-hero .tab-holder .tabcontent .price-content .col-right{
	width: 40%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}
.tarif-hero .tab-holder .tabcontent .price-content .col-2{
	width: 50%;
    text-align: center;
}

.tarif-hero .tab-holder .tabcontent .price-content {
    display: flex;
    padding: 30px 80px;
    background-color: #f8f3ec;
    border-radius: 10px;
}
.tarif-hero .tab-holder .tabcontent .price-content:last-child{
	margin: 0px;
}

.tarif-hero .tab-holder .tabcontent .price-content .col-1 h3 {
    font-size: 30px;
    line-height: 1.3em;
    font-weight: 500;
    margin: 0px 0px 15px 0px;
}

.tarif-hero .tab-holder .tabcontent .price-content .col-1 p {
    width: 70%;
    text-align: start;
    padding: 0px 0px 20px 0px;
    margin: 0;
}

.tarif-hero .tab-holder .tabcontent .price-content .col-1 a {
    max-width: 185px;
}

.tarif-hero .tab-holder .tabcontent .price-content .col-2 p,
.tarif-hero .tab-holder .tabcontent .price-content .col-3 p {
    width: 100%;
    text-align: center;
    padding: 5px 0px 5px 0px;
    margin: 0;
}

/* Member Page Pop Up Stylings */
.member-pop-up {
    display: none;
    margin: 0 auto;
    width: 1000px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f8f3ec;
    z-index: 9999;
    border-radius: 20px;
}

.member-pop-up.active {
    display: block;
}

.member-pop-up .cross-sign {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    font-size: 24px;
    color: #08080A;
}

.member-pop-up #member-mobile-slider {
    display: none;
}

.member-pop-up .cross-sign:hover i {
    color: #787878;
}

.member-pop-up .row {
    display: flex;
    padding: 40px 30px;
}

.member-pop-up .row .member-holder {
    width: 40%;
    margin: 0px 20px 0px 0px;
}

.member-pop-up .row .member-holder .img-holder {
    display: flex;
}

.member-pop-up .row .member-holder .img-holder img {
    max-width: 100%;
    border-radius: 20px;
}

.member-pop-up .row .member-holder .member-desc {
    background-color: #f8f3ec;
    padding: 35px 15px;
    text-align: center;
    border-radius: 0px 0px 15px 15px;
}

.member-pop-up .row .member-holder .member-desc h4 {
    font-size: 28px;
    font-family: 'Cormorant Garamond';
    line-height: 1.2em;
}

.member-pop-up .row .member-holder .member-desc p {
    color: #08080A;
    padding: 0px 0px 15px 0px;
}

.member-pop-up .row .content-holder {
    width: 60%;
    padding: 0px 20px 0px 0px;
}

.member-pop-up .row .content-holder p {
    margin: 0px 0px 15px 0px;
}

/* Remaining Propos Page Stylings Starts Here */
.yellow-bg {
    background-color: #F8F3EC;
    padding: 80px 0px 30px 0px !important;
}

/* Experts section Styling */
.experts {
    padding: 80px 0px;
}

.experts h2 {
    text-align: center;
    margin: 0px 0px 40px 0px;
}
.experts p{
	text-align: center;
}
.experts #member-slider {
    width: 100%;
	margin-top: 40px;
}

#member-slider .slide {
    width: 33%;
    margin-right: 30px;
}

#member-slider .slide:last-child {
    margin: 0px;
}

#member-slider .slide .img-holder {
    display: flex;
}

#member-slider .slide .img-hodler img {
    max-width: 100%;
    border-radius: 20px 20px 0px 0px;
}

#member-slider .slide .info {
    text-align: center;
    padding: 30px 15px 20px 15px;
    background-color: #f8f3ec;
    border-radius: 0px 0px 15px 15px;
}

#member-slider .slide .info h4 {
    font-size: 28px;
    font-family: 'Cormorant Garamond';
    line-height: 1.2em;
}

#member-slider .slide .info p {
    color: #08080A;
    padding: 0px 0px 15px 0px;
}

#member-slider .slide .info a {
    margin: 0px 0px 12px 0px;
}

/* Right Logo Section Stylings  */
@keyframes scroll-right {
    0% {
        transform: translateX(-100);
    }

    100% {
        transform: translateX(calc(250px * 4));
    }
}

/* Why CHhoose Us Section Stylings*/

.why-choos-us {
    padding: 80px 0px;
}

.why-choos-us .content {
    display: flex;
}

.why-choos-us .content .left-col {
    width: 40%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.why-choos-us .content .left-col h2,
.why-choos-us .content .left-col p {
    margin: 0px 0px 30px 0px;
}

.why-choos-us .content .left-col a {
    max-width: 240px;
}

.why-choos-us .content .right-col {
    width: 60%;
    display: flex;
    justify-content: end;
}

.why-choos-us .content .right-col .block-holder {
    max-width: 290px;
}

.why-choos-us .content .right-col .block-holder:first-child {
    margin: 0px 20px 0px 0px;
}

.why-choos-us .content .right-col .block-holder .block {
    background-color: #08080A;
    color: #fff;
    padding: 40px 30px;
    margin: 0px 0px 25px 0px;
    border-radius: 20px 20px 0px 0px;
}

.why-choos-us .content .right-col .block-holder .block h1 {
    font-family: 'Cormorant Garamond';
    font-size: 70px;
    line-height: 0.9em;
}

/*.why-choos-us .content .right-col .block-holder .block p {
    text-transform: capitalize;
}*/

.why-choos-us .content .right-col .block-holder:last-child {
    margin: 40px 0px 0px 0px;
}

/* Clinic-Launch Section Remaining Stylings */
.testimonials .clinic-launch {
    background-color: #08080A;
    border-radius: 15px;
    padding: 60px 50px;
}

.clinic-launch .row {
    display: flex;
}

.clinic-launch .row .img-holder {
    display: flex;
    width: 45%
}

.clinic-launch .row .img-holder img {
    width: 100%;
}

.clinic-launch .row .slider-holder {
    width: 55%;
    margin: 0px 0px 0px -75px;
}

#clinic-slider .slide {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 45px 0px;
}

#clinic-slider .slide .content {
    background: #F8F3EC;
    border-radius: 20px;
    width: 70%;
    height: 200px;
    padding: 20px 30px 30px 20px;
}

#clinic-slider .slide .content h4 {
    font-family: 'Cormorant Garamond';
    font-size: 32px;
    line-height: 1.2em;
    font-weight: 700;

}

#clinic-slider .slide .year span {
    padding: 0px 8px 0px 0px;
    writing-mode: vertical-lr;
    transform: rotate(0deg);
    font-family: 'Cormorant Garamond';
    font-size: 156px;
    -webkit-text-stroke: 1px #f8f3ec87;
    -webkit-text-fill-color: #ffffff08;
}

#clinic-slider .pagination {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 25px;
    left: 140px;
}

#clinic-slider .pagination li {
    list-style: none;
    padding: 0px 10px;
}

#clinic-slider .pagination li button {
    position: relative;
    border: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #cecece;
    text-indent: -9999px;
}

#clinic-slider .pagination li button::before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
}

#clinic-slider .pagination li.slick-active button {
    background-color: #fff;
}

#clinic-slider .pagination li.slick-active button::before {
    background-color: transparent;
    border: 2px solid #fff;
    padding: 15px;
    border-radius: 50%;
}

#clinic-slider .slick-slide {
    margin: 0px 20px 0px 0px;
}

.mt-mb {
    margin: 80px 0px !important;
}

/* newsletter section on propos page stylings */
#newsletter .row {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 80px 0px;
    padding: 20px 0px 0px 0px;
}

#newsletter .row .img-holder {
    display: flex;
    width: 25%;
    margin: 0px 20px 0px 0px;
}

#newsletter .row .img-holder:last-child {
    margin: 0px;
}

#newsletter .row .img-holder img {
    width: 100%;
	border-radius: 15px;
}

/* Newsletter sectionon Prendre Rendez-vous page stylings */
#prendre-main .aesthetic .img-holder {
    display: flex;
}

#prendre-main .aesthetic .img-holder img {
    width: 100%;
}

.pb-0 {
    padding: 80px 0px 0px 0px;
}

#newsletter .services-holder .service .text-top {
    justify-content: start !important;
}

/* Chirurgie-Mineeure Page Remaing Stylings */
.grey-bg {
    background-color: #f5f5f5 !important;
}

.pt-0 {
    padding: 0px 0px 80px 0px !important;
}

.of-white {
    background-color: #fafafa !important;
}

.light-yellow-bg {
    background-color: #F8F3EC !important;
    padding: 80px 0px 150px 0px !important;
}

.nagative-margin {
    margin: -100px 0px 0px 0px;
}

.simple-products {
    padding: 80px 0px;
    background-color: #f8f3ec;
}

.simple-products .products-holder {
    display: flex;
	flex-wrap: wrap;
}

.simple-products .product h4 {
    font-family: 'Cormorant Garamond';
    font-size: 26px;
    line-height: 1.2em;
    color: #08080A;
    font-weight: 700;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.simple-products .product {
    width: 30%;
    margin: 30px 3% 0px 0px;
	position: relative;
}
.simple-products .product .description{
	padding: 20px 0px;
}

.simple-products .product .img-hodler {
    display: flex;
}

.simple-products .product .img-holder img {
    width: 100%;
	border-radius: 20px;
}

.simple-products .product p {
    text-align: center;
    font-size: 14px;
    line-height: 1.3em;
    margin: 0px 0px 20px 0px;
}

.simple-products .product a {
    max-width: fit-content;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Nos-Succursales Page Remaining Styling */
/* Contact Us section stylings*/
.contact-us {
    padding: 80px 0px 150px 0px;
}

.contact-us .row {
    display: flex;
}

.contact-us .row .contact-details,
.contact-us .row .form-holder {
    width: 50%;
}

.contact-us .row .contact-details {
    margin: 0px 60px 0px 0px;
}

.contact-us .row .contact-details h2 {
    width: 80%;
    margin: 0px 0px 15px 0px
}

.contact-details .icon-list {
    margin: 0px 0px 15px 0px;
}

.contact-details .contact {
    display: flex;
    margin: 0px 0px 20px 0px;
}

.contact-details .contact .icon-holder {
    margin: 0px 15px 0px 0px;
}

.contact-details .contact .content{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-details .contact .content h6 {
    font-family: 'Cormorant Garamond';
    font-size: 26px;
    line-height: 1.2em;
    font-weight: 700;
	margin: 0px 0px 2px 0px;
}

.contact-details .contact .content a {
    font-size: 15px;
    line-height: 1.2em;
    text-decoration: none;
    color: #333333;
}

.contact-details .contact .content a:hover {
    color: #3333337b;
}

.contact-details h3 {
    font-size: 30px;
    font-family: 'Cormorant Garamond';
    line-height: 1.2em;
    width: 70%;
    margin: 0px 0px 15px 0px;

}

ul.timetable li {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px #cccccc;
    border-style: dashed;
    border-top: 0px;
    border-right: 0px;
    border-left: 0;
    padding: 5px 0px 5px 0px;
    margin: 10px 0px;
}

.contact-us .row .form-holder {
    display: flex;
}

.contact-us .row .form-holder img {
    max-width: 100%;
}

/* Clinic-availibilty section stylings  */
.clinic-availibilty {
    padding: 80px 0px 200px 0px;
    background-color: #f8f3ec;
}

.clinic-availibilty h2,
.clinic-availibilty p.desc {
    text-align: center;
    margin: 0px 0px 15px 0px;
}

.clinic-availibilty p.desc {
    width: 60%;
    margin: 0 auto;
    padding: 0px 0px 50px 0px;
}

.clinic-availibilty .tab-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.clinic-availibilty .tab {
    display: flex;
    justify-content: center;
    margin: 0px 0px 80px 0px;
    width: fit-content;
    background: #fff;
    border-radius: 15px;
}

.clinic-availibilty .tab-holder .tab button {
    font-size: 17px;
    line-height: 1.3em;
    padding: 20px 50px;
    background: #fff;
    font-weight: 400;
    border-radius: 15px;
    border: none;
    position: relative;
}

.clinic-availibilty .tab-holder .tab button::after {
    content: "";
    width: 1px;
    height: 62px;
    background-color: #aeaaa5;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99;
}

.clinic-availibilty .tab-holder .tab button:first-child {
    border-radius: 15px 0px 0px 15px;
}

.clinic-availibilty .tab button:last-child::after {
    display: none;
}

.clinic-availibilty .tab-holder .tab button:hover {
    background-color: #fff;
    color: #08080A;
}

.clinic-availibilty .tab-holder .tab button.active {
    background-color: #08080A;
    color: #fff;
    position: relative;
    z-index: 999;
    border-radius: 0px;
}

.clinic-availibilty .tab-holder .tab button:first-child.active {
    border-radius: 15px 0px 0px 15px;
}

.clinic-availibilty .tab-holder .tab button:last-child.active {
    border-radius: 0px 15px 15px 0px;
}

.clinic-availibilty .tabcontent {
    width: 1000px;
    margin: 0 auto;
}

.clinic-availibilty table {
    border-collapse: separate;
    width: 100%;
    border: none;
    border-radius: 10px;
    border-spacing: 0;
    border-top: 1px solid #b0ada8;
    border-left: 1px solid #b0ada8;
    border-right: 1px solid #b0ada8;
}

.clinic-availibilty table tr td.icon-detail,
.clinic-availibilty table tr td.catagory {
    border-bottom: 1px solid #b0ada8;
    border-right: 1px solid #b0ada8;
    padding: 0px 40px;
}

.clinic-availibilty table tr td.icon-detail {
    border-radius: 0px 0px 0px 8px;
}

.clinic-availibilty table tr td:last-child {
    border-bottom: 1px solid #b0ada8;
	padding-left: 10px;
}

.clinic-availibilty table tr:last-child td:last-child {
    border-radius: 0px 0px 8px 0px;
}

.clinic-availibilty table tr td.icon-detail {
    padding: 15px;
	width: 70%;
}

.clinic-availibilty table tr td.catagory {
    text-align: center;
}

.clinic-availibilty table tr td.btn-holder a {
    max-width: 150px;
    margin: 0 auto;
    text-decoration: underline;
}

.clinic-availibilty table tr td.icon-detail .img-holder {
    display: flex;
    margin: 0px 30px 0px 0px;
}

.clinic-availibilty table tr td.icon-detail .img-holder img {
    width: 100%;
}

.mg-0 {
    margin: 0px !important;
}

.nagative-margin {
    margin: -100px 0px 0px 0px !important;
}

/* Map section stylings */
#googleMap {
    margin: 0px 0px 80px 0px;
}

.map {
    background-color: #fafafa;
}

.map .container {
    position: relative;
    top: -75px;
}

.map .row {
    display: flex;
}

.map .row .left-col {
    display: flex;
    flex-direction: column;
    margin: 0px 20px 0px 0px;
	width: 50%;
}

.map .row .right-col{
	width: 50%;
}

.map .row .left-col .img-holder {
    display: flex;
    margin: 0px 0px 30px 0px;
}

.map .row .left-col .img-holder img,
.map .row .right-col .img-holder img {
    width: 100%;
	border-radius: 15px;
}

.map .row .right-col .img-holder {
    display: flex;
}

/* Clinic-Availbilty section hidden on desktop */
.mobile-section {
    display: none;
}

/* Financcement Page Stylings */
.finance-hero .content-holder {
    padding: 5rem;
    border-radius: 20px;
    background-image: url(../images/finacemnet-hero.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.finance-hero .content-holder .content h2 {
    font-family: 'Cormorant Garamond';
    font-size: 40px;
    line-height: 1.3em;
}

.finance-hero .breadcrumb-holder {
    max-width: 420px;
}

.finance-hero ul.breadcrumb {
    padding: 10px 0px;
    list-style: none;
}

.finance-hero ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

.finance-hero ul.breadcrumb li+li:before {
    padding: 5px;
    color: rgb(255, 255, 255);
    content: ">";
}

.finance-hero ul.breadcrumb li a {
    color: #fff;
    text-decoration: none;
    text-transform: none;
}

/* Financement Logos Section Stylings */
.finacement-logos {
    padding: 40px 0px 80px 0px;
}

.finacement-logos .logo-row {
    max-width: 600px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    padding: 0px 0px 40px 0px;
}

.finacement-logos .logo-row img {
    max-width: 230px;
}

.finacement-logos .logo-row img.logo-cross-sign {
    max-width: 20px !important;
}

.finacement-logos .content p {
    text-align: center;
    margin: 0px 0px 20px 0px;
}
.finacement-logos .content p:last-child{
    margin: 0px;
}
/* Booking Steps Section Stylings */
.booking-steps {
    background-color: #F8F3EC;
    padding: 80px 0px;
    text-align: center;
}

.booking-steps h2 {
    margin: 0px 0px 25px 0px;
}

.booking-steps .steps-holder {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 0px 40px 0px;
}

.steps-holder .step {
    width: 33%;
    margin: 0px 15px 0px 0px;
    background-color: #fff;
    box-shadow: 4px -1px 14px 1px rgba(0, 0, 0, 0.12);
    border-radius: 15px;
    padding: 40px 32px;
    text-align: start;
}

.steps-holder .step:last-child {
    margin: 0px;
}

.steps-holder .step img {
    max-width: 70px;
}

.steps-holder .step h6 {
    font-family: 'Cormorant Garamond';
    font-size: 32px;
    line-height: 1.2em;
    margin: 12px 50px 0px 0px;
    height: 90px;
}

.booking-steps .steps-btn-holder {
    display: flex;
    justify-content: space-between;
}

.booking-btn {
    font-family: 'Cormorant Garamond';
    width: 50%;
    color: #fff;
    background-color: #08080A;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 12px 0px;
    text-transform: none;
    border-radius: 12px;
    border: 2px solid #08080a;
}

.booking-btn:hover {
    background-color: transparent;
    transition: all 0.4s;
    color: #08080a;
    border: 2px solid #08080a;
}

.steps-btn-holder a:first-child {
    margin: 0px 40px 0px 0px;
}
/*Row Stylings that on the monthly-newsletter section on cartes-cadeaux Page */
.monthly-newsletter .row {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 80px 0px;
    padding: 20px 0px 0px 0px;
}

.monthly-newsletter .row .img-holder {
    display: flex;
    width: 25%;
    margin: 0px 20px 0px 0px;
}

.monthly-newsletter .row .img-holder:last-child {
    margin: 0px;
}

.monthly-newsletter .row .img-holder img {
    width: 100%;
}
#copyright {
	border-top: 1px solid #fff;
}
#chirurgie-main #hero{
	padding-bottom: 80px;
}

/*-----------------------------Blog Detailed Page Stylings-----------------------------*/
.blog-details {
    padding: 50px 0px;
}

.blog-details h2,
.blogue .top-blogs .row .featured-blog .content-holder h2 {
    line-height: 1.2em;
    text-transform: none;
    margin-bottom: 10px;
}

.blog-details .row {
    display: flex;
    padding: 0px 0px 50px 0px;
}

.blog-details .row .img-holder {
    display: flex;
    width: 55%;
}

.blog-details .row .img-holder img {
    width: 100%;
    border-radius: 10px;
}

.blog-details .row .content-col {
    padding: 40px 0px 0px 40px;
    width: 45%;
}

.blog-details .row .content-col span.date,
.related-blogs .blog .content span.date,
.blogue .top-blogs .row .featured-blog .content-holder span.date {
    display: block;
    font-size: 18px;
    font-family: 'Cormorant Garamond';
    font-weight: 400;
    line-height: 1.2em;
    margin: 0px 0px 10px 0px;
}

.blog-details .row .img-holder img {
    border-radius: 10px;
}

.blog-details p.content-details {
    text-align: center;
    margin: 0px 0px 50px 0px;
}

.blog-details hr {
    border: 1.5px solid #000;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.related-blogs .row {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    flex-wrap: wrap;
}

.related-blogs .row .blog {
    width: 32%;
    margin: 0px 20px 30px 0px;
}

/* .related-blogs .row .blog:last-child {
    margin: 0px;
} */
.related-blogs .row .blog:nth-child(3n+3){
    margin: 0px;
}

.related-blogs .row .blog .img-holder {
    display: flex;
    border-radius: 10px;
    width: 100%;
}

.related-blogs .row .blog .img-holder img {
    width: 100%;
	height: auto;
	border-radius: 20px;
}

.related-blogs .row .blog .content {
    padding: 20px 10px 0px 10px;
    text-align: center;
}

.related-blogs .row .blog .content h4 {
    font-family: 'Cormorant Garamond';
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: none;
    margin-bottom: 10px;
}

.related-blogs .row .blog .content a {
    max-width: fit-content;
    margin: 0 auto;
}

/*-----------------------------Blogue Page Stylings-----------------------------*/
#blogue-main .blogue {
    padding: 60px 0px 0px 0px;
}
.blogue h2{
    text-align: center;
    margin: 0px 0px 30px 0px;
}

.blogue .top-blogs .row {
    display: flex;
}

.blogue .top-blogs .row .featured-blog {
    width: 65%;
    display: flex;
    flex-direction: column;
    padding: 0px 70px 0px 0px;
}

.blogue .top-blogs .row .top-rated-blogs {
    width: 35%;
    display: flex;
    flex-direction: column;
}

.blogue .top-blogs .row .featured-blog .img-holder {
    display: flex;
}

.blogue .top-blogs .row .featured-blog .img-holder img {
    border-radius: 15px;
    width: 100%;
	height: 450px;
	object-fit: cover;
}

.blogue .top-blogs .row .featured-blog .content-holder {
    text-align: center;
    padding: 30px 30px 0px 30px;
}

.blogue .top-blogs .row .featured-blog .content-holder p {
    margin: 0px 0px 15px 0px;
}

.blogue .top-blogs .row .featured-blog .content-holder a {
    margin: 0 auto;
    max-width: fit-content;;
}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog {
    display: flex;
    margin: 0px 0px 20px 0px;

}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog .img-holder {
    display: flex;
    width: 30%;
    margin: 0px 25px 0px 0px;
}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog .img-holder img {
    width: 100%;
    border-radius: 10px;
	height: auto;
	object-fit: cover;
}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog .content {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog .content h5 {
    font-family: 'Cormorant Garamond';
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: none;
    margin-bottom: 10px;
}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog .content a {
    max-width: fit-content;
}

.blogue .top-blogs .row .top-rated-blogs hr {
    border: 1.1px solid #000;
    border-radius: 10px;
    margin: 0px 0px 20px 0px;
}

.blogue .container>hr {
    border: 1.5px solid #000;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}
/*Chirurgie Mineure Page Modification*/
.page-id-792 #clinic-choice{
	background: #fff!important;
	padding: 0px 0px 80px 0px!important;
}
/*Notre Team Members spacing issue
.poupDescriptionall520, .poupDescriptionall486,.poupDescriptionall2552,
.poupDescriptionall532, .poupDescriptionall1711, .poupDescriptionall2550,
.poupDescriptionall527, .poupDescriptionall525,  .poupDescriptionall526,
.poupDescriptionall531, .poupDescriptionall522,  .poupDescriptionall2548{
	display: none!important;
}*/
.page-id-460 .notre-hero{
	padding: 50px 0px 0px 0px;!important;
}
/*propos page logos hidden*/
.page-id-626 .logos{
	display: none!important;
}
.page-id-626 .why-choos-us{
	padding: 0px 0px 80px 0px!important;
}
/*Extra Stylings of last changes completed and then issue comes should be resolved here */
.page-id-626 #newsletter .row,
.page-id-460 .monthly-newsletter .nl-content,
.page-id-484 .monthly-newsletter .nl-content{
		margin: 0px!important;
}

.page-id-622 .invert-template,
.page-id-634 .invert-template{
	padding: 80px 0px 0px 0px;
}
.page-id-559 #newsletter{
    padding: 0px 0px 80px 0px;
}
.page-id-440 #consultation, 
.page-id-440 .consultation{
	padding: 80px 0px 0px 0px;
}
.page-id-1009 #clinic-choice {
    padding: 80px 0px 0px 0px !important;
}
.page-id-447 #consultation{
	padding: 80px 0px 0px 0px;
}
.page-id-879 .pt-0,
.page-id-2164 .pt-0 {
    padding: 0px !important;
}
.page-id-879 .clinic-availibilty,
.page-id-2164 .clinic-availibilty{
    padding: 80px 0px 100px 0px;
}
.page-id-766 #newsletter .row {
    margin: 0px 0px 0px 0px;
}
.page-id-766 #wrapper > #newsletter{
	padding: 0px 0px 80px 0px;
}
.page-id-428 #faqs,
.page-id-270 #faqs,
.page-id-274 #faqs,
.page-id-293 #faqs,
.page-id-437 #faqs,
.page-id-444 #faqs,
.page-id-1086 #faqs,
.page-id-1559 #faqs,
.page-id-411 #faqs,
.page-id-413 #faqs,
.page-id-305 #faqs,
.page-id-1081 #faqs,
.page-id-2153 #faqs,
.page-id-431 #faqs{
    padding: 80px 0px 0px 0px;
}
.page-id-484 #tarif-main .tarif-hero{
	padding: 50px 0px 0px 0px;
}
/*404-Error Page stylings*/
#error-main .error-section{
    height: 80vh;
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.error-section h1{
    font-size: 200px;
    line-height: 1em;
}
.error-section h3{
    font-size: 40px;
    line-height: 1em;
    font-weight: 500;

}
.error-section a{
    max-width: fit-content;
    margin: 30px auto 0 auto;
}
/*Some Pages causes issue of invert section padding bottom*/
.page-id-563 .invert-template,
.page-id-790 .invert-template,
.page-id-620 .invert-template{
    padding: 80px 0px 0px 0px;
}
/* Tab Stylings */

.see-more-btn-conteiner{
	display: flex;
	justify-content: center;
	margin-bottom: 0;
	background:#F8F3EC;
	padding: 20px;
	border-radius: 10px;
	margin-top: 60px;
}
.see-more-btn-conteiner button{
	cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1024px) {
    h2 {
        font-size: 32px;
        line-height: 1.2em;
    }

    p {
        font-size: 15px;
        line-height: 1.3em;
    }

    /* Header Stylings on Tab version */
    .header-top-bar .row .icon-list {
        justify-content: start;
        width: 50%;
    }

    .header-top-bar .row .links {
        display: none;
    }

    .row .social-icons {
        width: 50%;
        justify-content: end;
    }

    #nav .logo {
        display: flex;
        width: 26%;
    }

    #nav .nav-links {
        display: none;
    }

    #nav .nav-links li a {
        display: block;
    }

    /*#nav .nav-links>li>a::after {
        content: "";
        background-image: url(../images/add-icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 6px;
    }*/

    #nav .nav-links li.has-children>a::after,
    #nav .nav-links li.has-submenu-children>a::after {
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 25px;
    }

    #nav .nav-links li.has-submenu-children.active ul.mini-submenu li>a::after {
        content: "";
        background-image: none;
    }

    .appointment .btn {
        display: none;
    }

    #nav a.bars {
        display: block;
        padding-top: 3px;
    }

    /* Corps Mega Menu Stylings */
    #nav>ul.nav-links>li .dropdown .col-holder {
        padding: 20px 0px;
    }

    #nav .nav-links li.has-children>a::before,
    #nav .nav-links li.has-submenu-children>a::before {
        width: 10px;
        height: 10px;
        /*right: 0;*/
        top: 100%;
        left: 0;
        transform: none;
        display: none;
    }

    #nav>ul.nav-links>li .dropdown {
        display: none;
        position: relative;
        top: 10px;
        height: auto;
    }

    #nav ul.nav-links>li .mini-dropdown {
        display: none;
        width: 100%;
        position: relative;
        left: 0;
        top: 6px;
        transform: none;
        z-index: 9998;
        font-size: 14px;
        padding: 20px 10px;
        background: #fff;
        border-radius: 0px 0px 20px 20px;
        border-bottom: 3px solid #000;
        box-shadow: -1px 1px 0 2px #0000001c;
    }

    #nav>ul.nav-links>li .dropdown .col-holder {
        padding: 10px 0px;
    }

    #nav>ul.nav-links>li .dropdown .col-holder .submenu {
        display: flex;
        flex-direction: column;
    }

    ul.submenu li.pagelist-1,
    ul.submenu li.pagelist-2,
    ul.submenu li.pagelist-3 {
        width: 100%;
    }

    ul.submenu h3 {
        font-size: 18px;
        margin: 0px 0px 5px 0px;
    }

    ul.submenu li a p {
        padding: 4px 0px 0px 5px;
    }

    ul.submenu li a .icon {
        display: flex;
    }

    #nav>ul.nav-links>li .dropdown::before {
        width: 12px;
        height: 12px;
        right: -96%;
        top: -25px;
        display: none;
    }

    ul.submenu hr {
        margin: 0px;
    }

    #nav>ul.nav-links>li .dropdown.active #nav .nav-links li a::after {
        display: none;
    }

    /* Sliding Menu Stylings */
    #nav .nav-links {
        position: fixed;
        top: 0;
        left: -500px;
        width: 500px;
        height: 100%;
        background-color: #f0f0f0;
        transition: all 0.5s ease;
        display: block;
        padding: 50px 20px;
        z-index: 999;
    }

    #nav >.active {
        overflow-y: scroll;
        left: 0;
        transition: all 0.5s ease;
    }

    #nav .cross-sign {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        font-size: 24px;
        color: #08080A;
    }

    #nav .nav-links li {
        padding: 10px 0px 0px 0px;
    }

    #nav .nav-links .mbl-btn {
        display: block;
        margin-top: 30px;
    }

    /* Mobile-top-bar stylings on Tab */
    #nav .nav-links .mobile-top-bar {
        display: block;
        padding: 20px 0px;
    }

    #nav .nav-links .mobile-top-bar .links ul li a::after,
    #nav .nav-links .mobile-top-bar .social-icons ul li a::after {
        background: none;
    }

    #nav .nav-links .mobile-top-bar .social-icons ul {
        display: flex;
    }

    #nav .nav-links .mobile-top-bar .social-icons ul li {
        margin: 0px 10px 0px 0px;
    }

    #nav .nav-links .mobile-top-bar hr {
        width: 100%;
        height: 2px;
        background: #000;
        border-radius: 20px;
        margin: 0px;
    }

    /* Hero Section Tab Stylings on Tab */

    #hero .content-holder {
        padding: 3rem;
    }

    /* Section-Links Stylings Starts Here */
    #main #section-links-holder {
        padding: 30px 0px 30px 0px;
    }

    #section-links-holder #section-links {
        display: flex;
        flex-direction: column;
        padding: 15px;
    }

    #section-links ul {
        width: 100%;
        margin-bottom: 20px;
    }

    #section-links ul li {
        padding-right: 10px;
    }

    #section-links ul li a {
        font-size: 14px;
    }

    #section-links .btn {
        max-width: 300px;
        align-self: center;
    }

    /* Clinic Choice Section and Clinic Choice Section on Cartes-Cadeaux  Page Stylings On Tab */
    #clinic-choice {
        padding: 50px 0px 50px 0px !important;
    }
    .clinic-choice {
        padding: 50px 0px 50px 0px;
    }

    #clinic-choice .row,
    .clinic-choice .row {
        flex-direction: column;
    }

    #clinic-choice .row .content-col,
    #clinic-choice .row .img-holder,
    .clinic-choice .row .content-col,
    .clinic-choice .row .img-holder {
        padding: 0px;
        width: 100%;
    }

    /* Clinic Location Section Stylings on Tab  */
    #clinic-location {
        background: #fafafa;
        padding: 50px 0px !important;
    }

    #clinic-location h2 {
        text-align: center;
        margin-bottom: 30px;
    }

    .location-hodler .lcoation .content {
        padding: 15px;
    }

    .location-hodler .lcoation .content h4 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    /* Advantages Sectin Tabs Stylings */
    #advantages ul.navigation li a {
        display: block;
        width: 40px;
        height: 40px;
    }

    #advantages ul.navigation li a svg {
        width: 100%;
    }

    #advantages ul.navigation {
        display: flex;
        position: absolute;
        bottom: 35px;
        right: 50px;
    }

    /* Treatable Section Stylings */
    #treatable-areas-content .tab {
        margin-left: 5%;
    }

    /* Faqs Section Tabs Stylings */
    #faqs {
        padding: 50px 0px;
    }

    #faqs h2 {
        margin-bottom: 20px;
    }

    #faqs .row {
        flex-direction: column;
    }

    #faqs .row .left-col,
    #faqs .row .right-col {
        width: 100%;
        margin-left: 0;
    }

    .accordian {
        width: 90%;
    }

    #faqs .right-col .accordian input[type="radio"]:checked+label+.content {
        padding: 10px 40px 20px 12px;
    }

    /* Video Section Stylings on Tab*/
    #video iframe {
        height: 300px;
        border-radius: 20px;
    }

    /* Before And After Section Stylings for Tab */
    #before-after {
        padding: 50px 0px;
        text-align: center;
    }

    #before-after h2 {
        margin-bottom: 20px;
    }

    #before-after p {
        padding-bottom: 20px;
    }

    #before-after p {
        width: 90%;
    }

    #before-after .row {
        display: flex;
        flex-direction: column;
    }

    #before-after .row .img-holder {
        margin-right: 30px;
    }

    #before-after .row .img-holder {
        width: 100%;
    }

    /*------------------------------Comparision-Slider-Stylings on Tab------------------------*/
    div.comparison {
        width: 500px;
        height: 500px;
        max-width: 500px;
        max-height: 500px;
        overflow: hidden;
        border-radius: 20px;
        margin: 30px auto;
    }

    .before-after div.content {
        position: relative;
        width: 100%;
        padding: 0px 20%;
        display: flex;
        justify-content: space-between;
        color: #fff;
        margin-top: -55px;
        z-index: 9999;
    }

    /* Consultation Section on Taches Page and Consultatin section on Accueil Page Stylings on Tab*/
    #consultation,
    .consultation {
        padding: 50px 0px;
    }

    #consultation .content-holder,
    .consultation .content-holder {
        padding: 4rem 1rem;
    }

    #consultation h2,
    .consultation h2 {
        font-size: 27px;
    }

    .consultation .content-holder .row h2 {
        width: 70%;
    }

    .consultation .content-holder .row a {
        margin: 10px 0px 0px 0px;
    }

    /* Cost section stylings on Tab */
    #cost {
        padding: 50px 0px;
    }

    #cost .row {
        padding: 50px 0px 0px 0px;
    }

    #cost .row .col {
        padding: 20px;
    }

    /* Products Section Stylings, Favorite Products Section Stylings and Member-slider in experts section on Propos Page stylings on Tabs*/
    #products,
    .favorite-products,
    .experts {
        padding: 50px 0px 40px 0px;
        text-align: center;
    }

    #products h2,
    .favorite-products h2,
    .experts h2 {
        margin-bottom: 30px;
    }

    #products ul.navigation,
    .favorite-products ul.navigation,
    .experts ul.navigation {
        padding: 40px 0px 40px 0px;
    }

    #products ul.navigation li a,
    .favorite-products ul.navigation li a,
    .experts ul.navigation li a {
        display: block;
        width: 40px;
        height: 40px;
    }

    #products ul.navigation li a svg,
    .favorite-products ul.navigation li a svg,
    .experts ul.navigation li a svg {
        width: 100%;
    }

    /* Technologies Section Stylings */
    #technologies {
        padding: 50px 0px;
        background-color: #F8F3EC;
    }

    #technologies .row {
        display: flex;
        padding: 0 0 0 2rem;
    }

    #technologies .row .heading-col {
        margin: 0px 50px 50px 0px;
    }

    #tech-slider .slide .img-holder img {
        height: 310px;
    }

    #technologies ul.navigation {
        padding: 10px 0px 30px 0px;
    }

    #technologies ul.navigation li a {
        display: block;
        width: 40px;
        height: 40px;
    }

    #technologies ul.navigation li a svg {
        width: 100%;
    }

    /* News letter section stylings and monthly newsletter section stylings on Tabs*/
    #newsletter,
    .monthly-newsletter {
        padding: 0px 0px 50px 0px;
    }

    #newsletter .nl-content,
    .monthly-newsletter .nl-content {
        padding: 30px 20px;
    }

    #newsletter .nl-content form,
    .monthly-newsletter .nl-content form {
        width: 56%;
    }

    #newsletter .nl-content h4,
    .monthly-newsletter .nl-content h4 {
        font-size: 25px;
    }

    #newsletter .nl-content,
    .monthly-newsletter .nl-content {
        margin: 0px 0px 50px 0px;
    }

    #newsletter .services-holder,
    .monthly-newsletter .services-holder {
        display: flex;
        flex-direction: column;
    }

    #newsletter .services-holder .service,
    .monthly-newsletter .services-holder .service {
        width: 100%;
    }

    /* Footer Tab Stylings */
    #main-footer .row {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 60px 0px;
    }

    #main-footer .row .logo-holder,
    #main-footer .row .footer-about,
    #main-footer .row .footer-sb,
    #main-footer .row .footer-sh {
        width: 50%;
    }

    #main-footer .row .logo-holder,
    #main-footer .row .footer-about,
    #main-footer .row .footer-sb {
        padding-right: 0px;
    }

    #main-footer .row .footer-about {
        margin-bottom: 20px;
    }

    .row .logo-holder a img {
        width: 70%;
    }

    .row .social-icons {
        justify-content: end;
    }

    .social-icons ul li a img {
        width: 30px;
        height: 30px;
    }

    #footer-conditions {
        display: none;
    }

    #copyright {
        border-top: 1px solid #fff;
    }

    /* Taches Page Tabs Stylings */
    /* Taches Hero Section Tab Stylings on Tab */
    /* SSale Section on Succursales Page Stylings */
    #taches-hero .content-holder,
    .ssales-hero .content-holder {
        padding: 3rem;
    }

    /* Taches About Section Stylings on Tab */
    #taches-about {
        padding: 50px 0px;
        text-align: center;
    }

    #taches-about h2 {
        margin: 0px 0px 20px 0px;
    }

    #taches-about p {
        margin: 0px 0px 15px 0px;
    }

    /* Pulse  Section and Reverse Pulse Section Stylings On Tab */
    .template,
    .reverse-pulse {
        padding: 50px 0px 50px 0px;
    }

    .template .row {
        flex-direction: column;
    }

    .reverse-pulse .row {
        flex-direction: column-reverse;
    }

    .template .row .content-col,
    .reverse-pulse .row .content-col {
        margin: 0px 0px 30px 0px;
    }

    .template .row .content-col,
    .template .row .img-holder,
    .reverse-pulse .row .content-col,
    .reverse-pulse .row .img-holder {
        padding: 0px;
        width: 100%;
    }

    /* Invert Template Section Stylings on Tab */
    .invert-template {
        padding: 50px 0px 50px 0px;
    }

    .invert-template .row {
        display: flex;
        flex-direction: column-reverse;

    }

    .invert-template .row .img-holder,
    .invert-template .row .content-col {
        width: 100%;
    }

    .invert-template .row .img-holder {
        padding: 40px 0px 0px 0px;
    }

    .invert-template .row .content-col {
        padding: 0px 40px 0px 0px;
    }

    .pt-80 {
        padding: 50px 0px 0px 0px !important;
    }

    #taches-services-mobile {
        display: none;
    }

    /* Accueil-Page Tabs Stylings Starts Here */
    /* accueil-hero Section Stylings on Tabs */

    .accueil-hero .content-holder {
        padding: 12rem;
    }

    .accueil-hero .content-holder .content {
        position: absolute;
        top: 50%;
        left: 28%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        max-width: 300px;
    }

    .accueil-hero .content-holder .content h2 {
        line-height: 1em;
    }

    /* Accueil Hero Stylings in Tab*/
    #accueil-hero-slider .pagination li button {
        width: 12px;
        height: 12px;
    }

    #accueil-hero-slider .pagination li button::before {
        top: -9px;
        right: -9px;
    }

    #accueil-hero-slider .pagination li.slick-active button::before {
        padding: 13px;
    }

    /* Asthetic Sectin Stylings */
    .aesthetic {
        padding: 50px 0px;
    }

    .aesthetic h2 {
        margin: 0px 0px 20px 0px;
    }

    .aesthetic p {
        margin: 0px 0px 12px 0px;
    }

    .aesthetic .iframe-holder {
        padding-bottom: 100% !important;
    }

    .subscribe {
        padding: 50px 0px;
    }

    /* Circle Stylings on Tab */
    .subscribe .img-holder .circle {
        width: 150px;
        height: 150px;
    }

    .subscribe .img-holder .circle .text span {
        transform-origin: 0px 73px;
        font-size: 0.8em;
        top: 0px;
    }

    .subscribe .img-holder .circle img {
        width: 90%;
    }

    .subscribe .img-holder .circle-holder {
        position: absolute;
        top: 52%;
        left: 1%;
    }

    /* Treatments Section Stylings on Tab */
    .treatments {
        padding: 50px 0px;
    }

    .treatments h2 {
        margin: 0px 0px 50px 0px;
    }

    #treatments-slider {
        padding: 0px 0px 0px 5rem;
    }

    #treatments-slider .slide .content-holder {
        padding: 15px 20px 30px 20px;
    }

    .slide .content-holder .content .icon {
        margin-top: -35px;
    }

    .slide .content-holder .content .icon img {
        width: 30px;
        height: 30px;
    }

    .slide .content-holder .content h5 {
        padding-top: 10px;
        font-size: 25px;
    }

    .slide .content-holder .content p {
        padding: 10px 0px;
    }

    .treatments ul.navigation {
        padding: 11px 0px 0px 0px;
        top: 20px;
        right: 2rem;
    }

    .treatments ul.navigation li a {
        display: block;
        width: 40px;
        height: 40px;
    }

    .treatments ul.navigation li a svg {
        width: 100%;
    }

    /* Why Choose Us Section Stylings on Tabs */
    .why-us {
        padding: 50px 0px;
    }

    .why-us .row .content-holder {
        padding: 60px 0px 60px 30px;
    }

    .why-us .row .content-holder h3 {
        margin-bottom: 30px;
    }

    .why-us .row .content-holder .tab-holder .tab {
        padding-right: 30px;
    }

    .why-us .row .content-holder .tab-holder .tab button {
        font-size: 13px;
        padding: 15px 0px;
    }

    .why-us .row .content-holder .tab-holder .tabcontent h2 {
        font-size: 24px;
        margin: 0px 0px 10px 0px;
    }

    .why-us .row .content-holder .tab-holder .tabcontent p {
        padding: 0px 35px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

    /* Logo Section and Logo-Slider-Right Stylings ON Tab */

    .logos {
        padding: 0px 0px 50px 0px;
    }

    .logos-slide {
        display: inline-block;
        animation: 15s scroll infinite linear;
    }
	
	.logos-reverse-slide {
        display: inline-block;
        animation: 15s scroll2 infinite linear;
    }

    .logos-slide img {
        height: 60px;
        margin: 0 15px;
    }
	
	.logos-reverse-slide img {
        height: 60px;
        margin: 0 15px;
    }

    /* Testimonials Section Stylings on Tab */
    .testimonials {
        padding: 50px 0px 30px 0px;
    }

    .testimonials h2 {
        text-align: center;
        margin: 0px 0px 30px 0px;
    }

    #testimonials-slider .pagination {
        padding: 40px 0px 20px 0px;
    }

    /* Follow-us section Stylings on Tab*/
    .follow-us {
        background-color: #F8F3EC;
        padding: 50px 0px;
    }

    .follow-us .container>h2 {
        margin: 0px 0px 50px 0px;
    }

    .follow-us .row {
        display: flex;
        flex-direction: column;
    }

    .follow-us .row .instagram,
    .follow-us .row .tiktok {
        width: 100%;
    }

    .follow-us .row .instagram .head img,
    .follow-us .row .tiktok .head img {
        width: 30px;
        margin: 0px 10px 0px 0px;
    }

    /* Notre Equipe Page Stylings on Tab*/
    /*  Notre Hero section stylings on and Tarif Hero Stylings on Tab*/
    .notre-hero p {
        width: 90%;
        padding: 0px 0px 50px 0px;
    }

    .notre-hero .tab-holder .tab {
        margin: 0px 0px 50px 0px;
    }

    .notre-hero .tab-holder .tab button {
        font-size: 15px;
        padding: 15px 35px;
    }

    .notre-hero .tab-holder .tab button::after {
        width: 1px;
        height: 50px;
    }

    .notre-hero .tab-holder .tabcontent .row .member {
        margin-right: 12px;
    }

    .notre-hero .tab-holder .tabcontent .row .member .info {
        padding: 15px 10px 15px 10px;
    }

    .notre-hero .tab-holder .tabcontent .row .member .info h4 {
        font-size: 24px
    }

    .member-btn {
        font-size: 14px;
    }

    .member-btn:after {
        width: 15px;
        height: 30px;
        position: absolute;
        right: 10px;
        top: 12px;
    }

    /*  */
    /* Member Page Pop Up Stylings on Tab
    .member-pop-up {
        width: 500px;
        top: 60%;
    }

    .member-pop-up .row {
        flex-direction: column;
    }

    .member-pop-up .row .member-holder .img-holder {
        justify-content: center;
    }

    .member-pop-up .row .member-holder {
        width: 100%;
        margin: 0px;
    }

    .member-pop-up .row .member-holder .member-desc {
        max-width: 400px;
        margin: 0 auto;
    }

    .member-pop-up .row .content-holder {
        width: 100%;
        padding: 30px;
    }

    .member-pop-up .row .content-holder p {
        text-align: center;
    } */
    /* Member Page Pop Up Stylings on Tab*/
    /* Member-MObile-Slider Stylings */
    .member-pop-up .cross-sign {
        padding: 5px;
    }

    .member-pop-up #member-mobile-slider {
        display: block;
    }

    .member-pop-up {
        width: 350px;
        top: 30%;
    }

    .member-pop-up .cross-sign {
        top: 0px;
        right: 5px;
        z-index: 2;
    }

    .member-pop-up .row {
        display: none;
    }

    #member-mobile-slider .slide {
        padding: 40px 20px 20px 20px;
    }

    #member-mobile-slider .slide .member-holder .img-holder {
        justify-content: center;
    }

    #member-mobile-slider .slide .member-holder .img-holder img {
        max-width: 100%;
    }

    #member-mobile-slider .slide .member-holder {
        width: 100%;
        margin: 0px;
    }

    #member-mobile-slider .slide .member-holder .member-desc {
        max-width: 400px;
        margin: 0 auto;
        padding: 15px 10px;
        text-align: center;
    }

    #member-mobile-slider .slide .member-holder .member-desc h4 {
        font-size: 26px;
        font-family: 'Cormorant Garamond';
        line-height: 1.2em;
    }

    #member-mobile-slider .slide .member-holder .member-desc p {
        color: #08080A;
        padding: 0px 0px 15px 0px;
    }

    #member-mobile-slider .slide .content-holder {
        width: 100%;
        padding: 0px;
    }

    #member-mobile-slider .slide .content-holder p {
        text-align: center;
        font-size: 11px;
    }

    /* Remaining Propos Page Stylings Starts Here */
    .yellow-bg {
        padding: 50px 0px 30px 0px !important;
    }

    .yellow-bg .row {
        flex-direction: column-reverse !important;
    }

    /* Why CHhoose Us Section Stylings on Tab*/

    .why-choos-us {
        padding: 0px 0px 50px 0px;
    }

    .why-choos-us .content .right-col .block-holder {
        max-width: 200px;
    }

    .why-choos-us .content .right-col .block-holder .block {
        padding: 30px 18px;
    }

    .why-choos-us .content .right-col .block-holder .block h1 {
        font-size: 60px;
    }

    .why-choos-us .content .right-col .block-holder .block p {
        font-size: 13px;
    }

    /* Clinic-Launch Section Remaining Stylings on Tab*/
    .testimonials .clinic-launch {
        padding: 30px 20px;
    }

    .clinic-launch .row {
        flex-direction: column;
    }

    .clinic-launch .row .img-holder {
        width: 100%;
    }

    .clinic-launch .row .slider-holder {
        width: 100%;
        margin: 0px;
    }

    .mt-mb {
        margin: 50px 0px !important;
    }

    /* newsletter section on propos page stylings on Tab*/
    #newsletter .row {
        display: flex;
        justify-content: space-between;
        margin: 0px 0px 30px 0px;
        flex-wrap: wrap;
    }

    #newsletter .row .img-holder {
        display: flex;
        width: 45%;
        padding: 30px 0px 0px 0px;
        margin: 0px 20px 0px 0px;
    }

    #newsletter .row .img-holder:last-child {
        margin: 0px 20px 0px 0px;
    }

    /* Newsletter sectionon Prendre Rendez-vous page stylings on Tab*/
    .custom-size {
        width: 50px;
        height: 50px;
    }

    /* Electrocoagulation Section Stylings on Tab*/
    #electrocoagulation {
        padding: 50px 0px 50px 0px;
    }

    #electrocoagulation .row {
        display: flex;
        flex-direction: column-reverse;
    }

    #electrocoagulation .row .img-holder {
        padding: 40px 0px 0px 0px;
        width: 100%;
    }

    #electrocoagulation .row .content-col {
        padding: 0px 40px 0px 0px;
        width: 100%;
    }

    -----------------Mobile Stylings---------------- #electrocoagulation {
        padding: 40px 0px 40px 0px;
    }

    /* Chirurgie-Mineeure Page Remaing Stylings on Tab*/
    .pt-0 {
        padding: 0px 0px 50px 0px !important;
    }

    .light-yellow-bg {
        padding: 50px 0px 100px 0px !important;
    }

    .nagative-margin {
        margin: -60px 0px 0px 0px;
    }

    .simple-products {
        padding: 50px 0px;
    }

    .simple-products .products-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .simple-products .product {
        width: 48%;
        margin: 0px 0px 20px 0px;
    }

    .simple-products .product h4 {
        font-family: 'Cormorant Garamond';
        font-size: 26px;
        line-height: 1.2em;
        color: #08080A;
        font-weight: 700;
        text-align: center;
        margin: 0px 0px 10px 0px;
    }

    .simple-products .product p {
        text-align: center;
        font-size: 14px;
        line-height: 1.3em;
        margin: 0px 0px 10px 0px;
    }

    .simple-products .product a {
        max-width: fit-content;
        margin: 0 auto;
    }

    /* Nos-Succursales Page Remaining Styling */
    /* Contact Us section stylings*/
    .contact-us {
        padding: 50px 0px 100px 0px;
    }

    #googleMap {
        height: 200px !important;
        margin: 0px 0px 40px 0px;
    }

    .contact-us .row .contact-details h2 {
        width: 100%;
    }

    .contact-details .contact .content h6 {
        font-size: 22px;
    }

    .contact-details h3 {
        width: 100%;
    }

    .map .container {
        position: relative;
        top: -40px;
    }

    .contact-us .row .contact-details {
        margin: 0px 15px 0px 0px;
    }

    /* Clinic-availibilty section stylings on Tab  */
    .clinic-availibilty {
        padding: 50px 0px 10cap 0px;
    }

    .clinic-availibilty .tab {
        margin: 0px 0px 40px 0px;
    }

    .clinic-availibilty p.desc {
        padding: 0px 0px 30px 0px;
    }

    .clinic-availibilty .tabcontent {
        width: 700px;
        margin: 0 auto;
    }

    .clinic-availibilty table tr td.icon-detail,
    .clinic-availibilty table tr td.catagory {
        padding: 0px 20px;
    }

    /* Clinic-Availbilty section hidden on Tab */
    .mobile-section {
        display: none;
    }

    /* Financemnet Logos Section Stylings on Tab */
    .finacement-logos {
        padding: 40px 0px 60px 0px;
    }

    /* Booking Steps Section Stylings */
    .booking-steps {
        padding: 50px 0px;
    }

    .steps-holder .step h6 {
        font-size: 29px;
        margin: 12px 0px 10px 0px;
        height: auto;
    }
    /*Row Styling that is on the monthly-newsletter section on Cartes-Caedoux stylings on Tab*/
    .monthly-newsletter .row {
        display: flex;
        justify-content: space-between;
        margin: 0px 0px 30px 0px;
        flex-wrap: wrap;
    }

    .monthly-newsletter .row .img-holder {
        display: flex;
        width: 45%;
        padding: 30px 0px 0px 0px;
        margin: 0px 20px 0px 0px;
    }

    .monthly-newsletter .row .img-holder:last-child {
        margin: 0px 20px 0px 0px;
    }
	/*-----------------------------Blog Detailed Page Stylings-----------------------------*/
.blog-details {
    padding: 50px 0px;
}

.blog-details h2,
.blogue .top-blogs .row .featured-blog .content-holder h2 {
    line-height: 1.2em;
    text-transform: none;
    margin-bottom: 10px;
}

.blog-details .row {
    display: flex;
    padding: 0px 0px 50px 0px;
}

.blog-details .row .img-holder {
    display: flex;
    width: 55%;
}

.blog-details .row .img-holder img {
    width: 100%;
    border-radius: 10px;
}

.blog-details .row .content-col {
    padding: 40px 0px 0px 40px;
    width: 45%;
}

.blog-details .row .content-col span.date,
.related-blogs .blog .content span.date,
.blogue .top-blogs .row .featured-blog .content-holder span.date {
    display: block;
    font-size: 18px;
    font-family: 'Cormorant Garamond';
    font-weight: 400;
    line-height: 1.2em;
    margin: 0px 0px 10px 0px;
}

.blog-details .row .img-holder img {
    border-radius: 10px;
}

.blog-details p.content-details {
    text-align: center;
    margin: 0px 0px 50px 0px;
}

.blog-details hr {
    border: 1.5px solid #000;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.related-blogs .row {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    flex-wrap: wrap;
}

.related-blogs .row .blog {
    width: 32%;
    margin: 0px 20px 30px 0px;
}

/* .related-blogs .row .blog:last-child {
    margin: 0px;
} */
.related-blogs .row .blog:nth-child(3n+3){
    margin: 0px;
}

.related-blogs .row .blog .img-holder {
    display: flex;
    border-radius: 10px;
    width: 100%;
}

.related-blogs .row .blog .img-holder img {
    width: 100%;
}

.related-blogs .row .blog .content {
    padding: 20px 10px 0px 10px;
    text-align: center;
}

.related-blogs .row .blog .content h4 {
    font-family: 'Cormorant Garamond';
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: none;
    margin-bottom: 10px;
}

.related-blogs .row .blog .content a {
    max-width: 200px;
    margin: 0 auto;
}
.category-1 #blogue-main .blogue .top-blogs,
.category-11 #blogue-main .blogue .top-blogs,
.category-12 #blogue-main .blogue .top-blogs{
	margin: 10px 0px 0px 0px !important;
}
	/*-----------------------------Blogue Page Stylings on Tab-----------------------------*/
    #blogue-main .blogue {
        padding: 40px 0px;
    }
    .blogue .top-blogs .row {
        flex-direction: column;
    }
    .blogue .top-blogs .row .featured-blog {
        width: 100%;
        padding: 0px;
        margin: 0px 0px 35px 0px;
    }
    .blogue .top-blogs .row .top-rated-blogs {
        width: 75%;
    }
    .blogue .container>hr {
        margin: 35px 0px 35px 0px;
    }
    .blogue .related-blogs {
        margin: 0px 0px 15px 0px;
    }
    .blogue .related-blogs:last-child {
        margin: 0px;
    }
	/*404 Error page stylingson tab*/
	#error-main .error-section {
        height: 50vh;
    }
	/*Some Pages causes issue of newsletter section padding top on Tab*/
	.page-id-563 #newsletter,
 	.page-id-790 #newsletter,
 	.page-id-620 #newsletter{
        padding: 50px 0px 50px 0px;
    }
}
 
/* Mobile Stylings */
@media (min-width: 290px) and (max-width: 767px) {
	
	/* CSS of Post-Treatment Section for Mobile */
	.post-treatment {
        padding: 30px 20px;
        margin: 30px 0px 0px 0px;
    }
    .post-treatment h2{
        margin-bottom: 15px;
    }
    .post-treatment .post-row {
        flex-direction: column;
    }
    .post-treatment .post-row .list-col:first-child {
        margin: 0px 0px 15px 0px;
    }
	
	#clinic-choice .row .img-holder img,
	.clinic-choice .row .img-holder img{
		height: unset;
	}
    .sticky+#clinic-choice {
        padding-top: 0px!important;

    }

    .sticky {
        position: relative;
        background-color: #fff;
    }

    h2 {
        font-size: 24px;
        line-height: 1.2em;
    }

    p {
        font-size: 14px;
        line-height: 1.3em;
    }

    .header-top-bar .row .icon-list {
        justify-content: center;
        width: 100%;
    }

    .header-top-bar .row .links,
    .header-top-bar .row .social-icons {
        display: none;
    }

    .icon-list .icon a {
        font-size: 14px;
    }

    .row .social-icons {
        width: 50%;
        justify-content: end;
    }

    #nav {
        padding: 10px 0px;
    }

    #nav .logo {
        display: flex;
        width: 60%;
    }

    #nav .logo a {
        width: 160px;
        height: 54px;
    }

    #nav .nav-links {
        display: none;
    }

    #nav .nav-links .mbl-btn {
        display: block;
    }

    .appointment .btn {
        display: none;
    }

    #nav a.bars {
        display: block;
        padding-top: 3px;
    }

    #nav .nav-links li.has-children>a::after {
        content: "";
        background-image: url(../images/add-icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 6px;
    }

    #nav .nav-links li.has-children>a::after,
    #nav .nav-links li.has-submenu-children>a::after {
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0px;
        top: 5px;
    }

    /* Corps Mega Menu Stylings */
	#nav .nav-links li.has-children.active>a::before, 
	#nav .nav-links li.has-submenu-children.active>a::before {
    	display: block!important;
	}
    #nav .nav-links li.has-children>a::after {
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0px;
        top: 20px;
    }

    #nav .nav-links li.has-children>a::before,
    #nav .nav-links li.has-submenu-children>a::before {
        width: 10px;
        height: 10px;
        left: 0;
        top: 100%;
        transform: none;
        display: none;
    }

    #nav>ul.nav-links>li .dropdown .col-holder {
        padding: 20px 0px;
    }

    #nav>ul.nav-links>li .dropdown {
        display: none;
        position: relative;
        top: 10px;
        height: auto;
        border-radius: 0px 0px 20px 20px;
		margin: 0px 0px 30px 0px;
    }

    #nav ul.nav-links>li .mini-dropdown {
        display: none;
        width: 100%;
        position: relative;
        left: 0;
        top: 6px;
        transform: none;
        z-index: 9998;
        font-size: 14px;
        padding: 20px 10px;
        background: #fff;
        border-radius: 0px 0px 20px 20px;
        margin: 0px 0px 15px 0px;
        border-bottom: none;
        box-shadow: none;
		padding: 10px 10px 15px 10px;
    }
	#nav ul.nav-links li .dropdown .container{
		border-bottom: none;
   		box-shadow: none;
		padding-left: 20px;
		padding-right: 20px;
	}
    #nav .nav-links li.has-submenu-children.active ul.mini-submenu li>a::after {
        content: "";
        background-image: none;
    }

    #nav>ul.nav-links>li .dropdown .col-holder {
        padding: 10px 0px;
    }

    #nav>ul.nav-links>li .dropdown .col-holder .submenu {
        display: flex;
        flex-direction: column;
    }

    ul.submenu li.pagelist-1,
    ul.submenu li.pagelist-2,
    ul.submenu li.pagelist-3 {
        width: 100%;
    }

    ul.submenu h3 {
        font-size: 18px;
        margin: 0px 0px 5px 0px;
    }

    ul.submenu li a p {
        padding: 4px 0px 0px 5px;
		font-size: 16px;

    }

    ul.submenu li a .icon {
        display: flex;
    }

    #nav>ul.nav-links>li .dropdown::before {
        width: 12px;
        height: 12px;
        right: -96%;
        top: -25px;
        display: none;
    }

    ul.submenu hr {
        margin: 0px;
    }

    #nav>ul.nav-links>li .dropdown.active #nav .nav-links li a::after {
        display: none;
    }

    /* Sliding Menu Mobile Stylings */


    #nav .nav-links {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: #f0f0f0;
        transition: all 0.5s ease;
        display: block;
        padding: 50px 20px;
        z-index: 9999;
    }

    #nav>.active {
        overflow-y: scroll;
        left: 0;
        transition: all 0.5s ease;
    }

    #nav .cross-sign {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        font-size: 24px;
        color: #08080A;
    }

    #nav .nav-links li {
        padding: 10px 0px 0px 0px;
    }
	#nav .nav-links li a{
		font-size: 18px;
	}

    #nav .nav-links .mbl-btn {
        display: block;
        margin-top: 30px;
		font-size: 18px;
    }

    /* Mobile-top-bar stylings on Mobile */
    #nav .nav-links .mobile-top-bar {
        display: block;
        padding: 20px 0px;
    }

    #nav .nav-links .mobile-top-bar .links ul li a::after,
    #nav .nav-links .mobile-top-bar .social-icons ul li a::after {
        background: none;
    }

    #nav .nav-links .mobile-top-bar .social-icons ul {
        display: flex;
    }

    #nav .nav-links .mobile-top-bar .social-icons ul li {
        margin: 0px 10px 0px 0px;
    }

    #nav .nav-links .mobile-top-bar hr {
        width: 100%;
        height: 2px;
        background: #000;
        border-radius: 20px;
        margin: 0px;
    }

    /* Hero Section Stylings on Mobile */
    #main #hero {
        padding: 0px;
    }

    #hero .content-holder {
        padding: 2rem;
    }

    #hero .content-holder .content img {
        max-width: 35px;
    }

    #hero .content-holder .content h2 {
        font-size: 30px;
    }

    ul.breadcrumb li {
        font-size: 14px;
    }

    /* Sections-links Stylings on Mobile View */
    #main #section-links-holder {
        padding: 30px 0px 30px 0px;
    }

    #section-links-holder #section-links {
		align-items: center;
        padding: 20px;
		justify-content: space-between;
    }

    #section-links ul {
        flex-direction: column;
        width: 100%;
        align-items: start;
        margin-bottom: 15px;
		position: fixed;
		left: -100%;
		top: 0;
		padding: 50px 20px;
        z-index: 9999;
		background-color: #f0f0f0;
		height: 100%;
		transition: all 0.5s ease;
    }
	#section-links ul.active{
		left: 0%;
	}

    #section-links ul li {
        padding: 5px;
    }

    #section-links ul li a {
        font-size: 14px;
    }
	#section-links .bars{
		display: inline;
	}
	#section-links .cross-sign {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        font-size: 24px;
        color: #08080A;
    }
	
    /* Clinic Choice Section and Clinic-Choice Section on Cartes-cadeaux Page Stylings On Mobile */
    #clinic-choice {
        padding: 0px 0px 40px 0px!important;
    }
    .clinic-choice {
        padding: 40px 0px 40px 0px;
    }

    #clinic-choice .row,
    .clinic-choice .row {
        flex-direction: column;
    }

    #clinic-choice .row .content-col,
    #clinic-choice .row .img-holder,
    .clinic-choice .row .content-col,
    .clinic-choice .row .img-holder{
        padding: 0px;
        width: 100%;
    }
	#clinic-choice .row .content-col{
		text-align: center;
		margin: 0px 0px 20px 0px;
	}
    .clinic-choice .row .content-col h2 {
        margin-bottom: 15px;
        text-align: center;
    }
	#clinic-choice .row .content-col h2, .clinic-choice .row .content-col h2{
		margin-bottom: 15px;
	}

    #clinic-choice .row .content-col p,
    .clinic-choice .row .content-col p {
        text-align: center;
    }
	#clinic-choice .row .content-col p:last-child,
    .clinic-choice .row .content-col p:last-child{
		margin: 0px;
	}
    /* Clinic Location Section Stylings on Mobile  */
    #clinic-location {
        background: #fafafa;
        padding: 40px 0px !important;
    }

    #clinic-location .location-hodler {
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }

    .location-hodler .lcoation {
        width: 100%;
    }

    .location-hodler>.lcoation:first-child {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    #clinic-location h2 {
        text-align: center;
        margin-bottom: 15px;
    }

    .location-hodler .lcoation .content {
        padding: 15px;
    }

    .location-hodler .lcoation .content h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    /* Advantages Sectin Tabs Stylings */
    #advantages {
        display: none;
        /* padding: 40px 0px; */
    }

    #advantages-slider .slide .row {
        display: flex;
        flex-direction: column;
        padding: 30px 0px 0px 0px;
    }

    #advantages-slider .slide .row .col-1 .content p,
    #advantages-slider .slide .row .col-2 .content p,
    #advantages-slider .slide .row .col-3 .content p {
        font-size: 14px;
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 10px 0px;
    }

    #advantages-slider .slide .row .col-1,
    #advantages-slider .slide .row .col-3 {
        width: 50%;
    }

    #advantages-slider .slide .row .col-2 {
        width: 70%;
    }

    #advantages-slider .slide .row .col-1 {
        margin: 0px 0px 20px 0px;
    }

    #advantages-slider .slide .row .col-2 {
        margin: 0px 0px 0px 50px;
    }

    #advantages-slider .slide .row .col-3 {
        align-self: flex-end;
    }

    #advantages .container {
        padding-bottom: 50px;
    }

    #advantages ul.navigation li a {
        display: block;
        width: 40px;
        height: 40px;
    }

    #advantages ul.navigation li a svg {
        width: 100%;
    }

    #advantages ul.navigation {
        display: flex;
        position: absolute;
        bottom: 21px;
        right: 25px;
    }

    #video {
        position: relative;
        top: -25px;
    }

    /* Treatable Section Stylings on Mobile */
    #treatable-areas {
        padding: 0px 0px 40px 0px;
        background: linear-gradient(to right, transparent 100%, #f8f3ec 0%);
    }

    #male-info .row,
    #female-info .row {
        display: flex;
        flex-direction: column-reverse;
    }

    #male-info .row .left-col,
    #male-info .row .right-col,
    #female-info .row .left-col,
    #female-info .row .right-col {
        width: 100%;
		margin-top: 20px!important;
    }

    #male-info .row .right-col,
    #female-info .row .right-col {
        margin-bottom: 20px;
    }

    #treatable-areas-content .tab {
        margin-left: 12%;
    }

    #male-info .row .right-col,
    #female-info .row .right-col {
        padding: 0px;
    }

    #male-info .row .right-col p,
    #female-info .row .right-col p {
        font-size: 15px;
    }

    #male-info .row .right-col h2,
    #female-info .row .right-col h2 {
        margin: 0px 0px 10px 0px;
    }

    #treatable-areas-content .tab {
        margin-bottom: 0px;
        margin-left: 12%;
        margin-top: 15px;
    }

    #male-info .row .right-col p,
    #female-info .row .right-col p {
        font-size: 15px;
        padding: 2px 0px;
    }

    #male-img-slider .pagination,
    #female-img-slider .pagination {
        margin: 20px 0px;
    }

    /* Faqs Section Tabs Stylings */
    #faqs {
        padding: 30px 0px 30px 0px;
    }

    #faqs h2 {
        margin: 0px 0px 15px 0px;
        text-align: center;
    }

    #faqs .row {
        flex-direction: column-reverse;
    }

    #faqs .row .left-col,
    #faqs .row .right-col {
        width: 100%;
       margin: 0px 0px 30px 0px;

    }

    .accordian {
        width: 90%;
    }

    #faqs .right-col .accordian li {
        padding: 0px;
    }

    #faqs .right-col .accordian li label {
        font-size: 19px;
    }

    #faqs .right-col .accordian input[type="radio"]:checked+label+.content {
        padding: 0px 20px 15px 12px;
    }

    /* Before And After Section Stylings for Mobile */
    #before-after {
        padding: 40px 0px;
    }

    #before-after h2 {
        margin-bottom: 12px;
    }

    #before-after p {
        padding-bottom: 12px;
    }

    #before-after p {
        width: 100%;
    }

    #before-after .row {
        display: flex;
        flex-direction: column;
    }

    #before-after .row .img-holder {
        width: 100%;
        margin: 0px;
    }

    #before-after .row {
        display: flex;
        flex-direction: column;
    }

    #before-after .row .img-holder {
        width: 100%;
    }

    /*------------------------------Comparision-Slider-Stylings on Mobile------------------------*/
    div.comparison {
        width: 300px;
        height: 300px;
        max-width: 300px;
        max-height: 300px;
        overflow: hidden;
        border-radius: 20px;
        margin: 0px auto 30px auto;
    }

    .before-after div.content {
        width: 100%;
        padding: 0px 20%;
        color: #fff;
        margin-top: -65px;
    }

    /* Consultation Section on Taches Page and Consultatin section on Accueil Page Stylings on Mobile*/
    #consultation,
    .consultation {
       padding: 40px 0px 40px 0px !important;
    }

    #consultation .content-holder,
    .consultation .content-holder {
        padding: 2rem 1rem;
    }

    #consultation .content-holder .row,
    .consultation .content-holder .row {
        flex-direction: column;
        align-items: flex-start;
    }

    #consultation h2 {
        margin: 0px 0px 15px 0px;
		max-width: 80%!important;
    }

    .consultation .content-holder .row h2 {
        width: 100%;
        font-size: 23px;
    }

    #consultation .content-holder .row a {
        max-width: 80%;
    }

    /* Cost section stylings on Tab */
    #cost {
          padding: 40px 0px 40px 0px;
    }
	#cost .main-heading {
		margin-bottom: 15px;
	}
    #cost p {
        width: 100%;
        margin: 0 auto;
    }

    #cost .row {
        padding: 40px 0px 0px 0px;
    }

    #cost .row {
        flex-direction: column;
    }

    #cost .row .col {
        width: 100%;
        padding: 20px;
    }
	#cost .row .col h2,
    #cost .row .col span{
        text-align: center!important;
    }

    #cost .row .col:first-child {
        margin-bottom: 20px;
    }

    /* Products Section Stylings and Favorite Products Section stylings and Experts section stylings  on Mobile*/
    #products,
    .favorite-products,
    .experts {
        padding: 40px 0px 30px 0px;
        text-align: center;
    }

    #products h2,
    .favorite-products h2,
    .experts h2 {
        margin-bottom: 15px;
    }
	.experts #member-slider {
		width: 100%;
		margin-top: 30px;
	}
    #products ul.navigation,
    .favorite-products ul.navigation,
    .experts ul.navigation {
		margin: 0px;
        padding: 0px 0px 20px 0px;
    }

    #products ul.navigation li a,
    .favorite-products ul.navigation li a,
    .experts ul.navigation li a {
        display: block;
        width: 40px;
        height: 40px;
    }

    #products-slider .slide .btn,
    #favorite-products-slider .slide .btn {
        max-width: 100%;
        margin: 0 auto;
    }

    #products-slider .slick-slide,
    #favorite-products-slider .slick-slide,
    #member-slider .slick-slide {
        margin-right: 0px;
    }

    #products ul.navigation li a svg,
    .favorite-products ul.navigation li a svg,
    .experts ul.navigation li a svg {
        width: 100%;
    }

    /* Technologies Section Stylings for Mobile  */
    #technologies {
        padding: 40px 0px;
    }

    #technologies .row {
        display: flex;
        padding: 0 0 0 2rem;
    }

    #technologies .row .heading-col {
        margin: 0px 30px 0px 0px;
    }
	#tech-slider {
		width: calc(100% - 90px);
	}
	#tech-slider .slide{
		margin-bottom: 0px;
	}
    #tech-slider .slide .img-holder img {
        height: 210px;
    }
	#tech-slider .slide .tech-desc{
		bottom: 15px;
	}
	#tech-slider .slide .tech-desc h4 {
   		font-size: 16px;
	}
	#tech-slider .slide .tech-desc p{
		padding: 0px 5px;
    	margin-bottom: 0px;
		font-size: 13px;
	}
    #technologies ul.navigation {
        padding: 0px 0px 10px 0px;
		margin: -10px 0px 0px 0px;
    }

    #technologies ul.navigation li a {
        display: block;
        width: 40px;
        height: 40px;
    }

    #technologies ul.navigation li a svg {
        width: 100%;
    }

    /* News letter section stylings and monthly newsletter Sectin on Mobile*/
    #newsletter,
    .monthly-newsletter {
        padding: 40px 0px 40px 0px;
    }

    #newsletter .nl-content,
    .monthly-newsletter .nl-content {
        display: flex;
        flex-direction: column;
        padding: 30px 20px;
    }

    #newsletter .nl-content form,
    .monthly-newsletter .nl-content form {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #newsletter .nl-content h4,
    .monthly-newsletter .nl-content h4 {
        font-size: 22px;
        margin-bottom: 15px;
        text-align: center;
        width: 100%;
        padding: 0px;
    }

    .monthly-newsletter .nl-content p {
        width: 100%;
        padding: 0px 0px 15px 0px;
    }

    #newsletter .nl-content form #fname,
    .monthly-newsletter .nl-content form #fname {
        width: 100%;
        padding: 10px 20px;
        margin: 0px 0px 15px 0px;
    }
	#ws-form-1 h2{
		margin-bottom: 15px !important;
        text-align: center;
	}
    #newsletter .nl-content form .white-btn,
    .monthly-newsletter .nl-content form .white-btn {
        max-width: 100%;
        border-radius: 30px;
        align-self: center;
    }

    #newsletter .nl-content,
    .monthly-newsletter .nl-content {
        margin: 0px 0px 40px 0px;
    }

    #newsletter .services-holder,
    .monthly-newsletter .services-holder {
        display: flex;
        flex-direction: column;
    }

    #newsletter .services-holder .service,
    .monthly-newsletter .services-holder .service {
        width: 100%;
        margin-bottom: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
	 #newsletter .services-holder .service:last-child,
    .monthly-newsletter .services-holder .service:last-child{
		margin-bottom: 0px;
		
	}

    #newsletter .services-holder .service .img-holder img,
    .monthly-newsletter .services-holder .service .img-holder img {
        width: 60px;
    }


    /*Footer Mobile Stylings */
    #main-footer .row {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 40px 0px 28px 0px;
    }

    #main-footer .row .logo-holder,
    #main-footer .row .footer-about,
    #main-footer .row .footer-sb,
    #main-footer .row .footer-sh {
        width: 100%;
    }

    #main-footer .row .logo-holder {
        margin-bottom: 20px;
    }

    #main-footer .row .logo-holder,
    #main-footer .row .footer-about,
    #main-footer .row .footer-sb {
        padding: 0px;
        text-align: center;
    }

    .row .footer-about p {
        margin-bottom: 15px;
    }

    #main-footer .row .footer-about {
        margin-bottom: 20px;
    }

    .row .logo-holder a img {
        width: 45%;
    }

    .row .social-icons {
        width: 100%;
        justify-content: center;
    }

    .social-icons ul li a img {
        width: 40px;
        height: 40px;
    }

    #main-footer .footer-sb h4,
    #main-footer .footer-sh h4 {
        margin-bottom: 10px;
        text-align: center;
    }

    #main-footer .footer-sb ul li a,
    #main-footer .footer-sh ul li a {
        margin-bottom: 8px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
		text-align: center;
    }

    #footer-conditions {
        display: none;
    }

    #main-footer .footer-sb ul li a img,
    #main-footer .footer-sh ul li a img {
        display: none;
        margin-bottom: 10px;
    }

    #copyright {
        border-top: 1px solid #fff;
    }

    #copyright .content-holder {
        flex-direction: column;
    }

    #copyright .content-holder>p {
        margin-bottom: 12px;
        text-align: center;
    }

    /* Taches Page Stylings  */
    /* Hero Section Stylings on Mobile */
    /* SSale Section on Succursales Page Stylings */
	#taches-main #taches-hero{
		padding: 0px;
	}
    #taches-hero .content-holder,
    .ssales-hero .content-holder {
        padding: 2rem;
    }

    #taches-hero .content-holder .content h2,
    .ssales-hero .content-holder .content h2 {
        font-size: 35px;
    }

    #taches-hero ul.breadcrumb li {
        font-size: 14px;
    }

    /* Taches About Section Stylings on Mobiles */
    #taches-services-mobile {
        display: block;
    }

    #taches-about {
        padding: 40px 0px;
        text-align: center;
    }

    #taches-about h2 {
        margin: 0px 0px 15px 0px;
    }

    #taches-about p {
        margin: 0px;
    }

    #taches-services {
        display: none;
    }

    /* Taches Mobile Section Stylings */
    #taches-services-mobile .mobile-faqs ul li {
        list-style: none;
    }

    #taches-services-mobile .mobile-faqs .accordian {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    #taches-services-mobile .mobile-faqs li input[type="radio"] {
        display: none;
    }

    #taches-services-mobile .mobile-faqs li label::after {
        content: "";
        background-image: url(../images/white-plus-icon.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    #taches-services-mobile .mobile-faqs .accordian input[type="radio"]:checked+label:after {
        content: "";
        background-image: url(../images/white-minus-icon.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    #taches-services-mobile .mobile-faqs .accordian li label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 20px;
        font-size: 17px;
        font-weight: 500;
        cursor: pointer;
        font-family: 'Cormorant Garamond';
        background-color: #08080A;
        color: #fff;
    }

    #taches-services-mobile .mobile-faqs .accordian .content {
        background: #f8f3ed;
        color: black;
        max-height: 0;
        overflow: hidden;
    }

    #taches-services-mobile .mobile-faqs .accordian input[type="radio"]:checked+label+.content {
        max-height: 400px;
    }

    #taches-services-mobile .mobile-faqs .accordian .content ul li {
        display: flex;
        justify-content: space-between;
        padding: 12px 30px;
        border-bottom: 1px solid #000;
    }

    #taches-services-mobile .mobile-faqs .accordian .content h4 {
        font-size: 14px;
        line-height: 1.3em;
    }

    #taches-services-mobile .mobile-faqs .accordian .content ul li p {
        font-weight: 800;
    }

    /* Pulse  Section adn Revrse Pulse section stylings on Mobile Stylings On Mobile */
    .template,
    .reverse-pulse {
        padding: 40px 0px 40px 0px;
    }

    .template .row {
        flex-direction: column;
    }

    .reverse-pulse .row {
        flex-direction: column-reverse;
    }

    .template .row .content-col,
    .reverse-pulse .row .content-col {
        margin: 0px 0px 30px 0px;
    }

    .template .row .content-col,
    .template .row .img-holder,
    .reverse-pulse .row .content-col,
    .reverse-pulse .row .img-holder {
        padding: 0px;
        width: 100%;
    }

    .template .row .content-col h2,
    .template .row .content-col p,
    .reverse-pulse .row .content-col h2,
    .reverse-pulse .row .content-col p {
        margin-bottom: 15px;
        text-align: center;
    }

    .template .button-holder,
    .reverse-pulse .button-holder {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        align-items: center;
    }
	.transparent-btn{
		padding: 12px 45px 12px 30px;
	}
    /* Invert Template Section Stylings on Mobile */
    .invert-template {
        padding: 40px 0px 40px 0px;
    }

    .invert-template .row {
        display: flex;
        flex-direction: column-reverse;
        padding: 0px 0px;
    }

    .invert-template .row .img-holder,
    .invert-template .row .content-col {
        width: 100%;
    }

    .invert-template .row .img-holder {
        padding: 30px 0px 0px 0px;
    }

    .invert-template .row .content-col h2,
    .invert-template .row .content-col p {
        margin-bottom: 15px;
        text-align: center;
    }
	.invert-template .row .content-col p:last-child{
		margin: 0px;
	}

    .invert-template .row .content-col {
        padding: 0px;
    }

    .invert-template .button-holder {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        align-items: center;
    }

    .pt-80 {
        padding: 40px 0px 0px 0px !important;
    }

    /* Accueil-Page on Mobile Stylings Starts Here */
    /* accueil-hero Section Stylings on Mobile */

    .accueil-hero .content-holder {
        padding: 10rem;
    }

    .accueil-hero .content-holder .content {
        left: 45%;
    }

    .accueil-hero .content-holder .content h2 {
        font-size: 27px;
        line-height: 1em;
    }

    /* Accueil Hero Stylings in MObie*/
    #accueil-hero-slider .pagination,
	#clinic-slider .pagination{
        bottom: 15px;
        right: 50%;
        left: 50%;
    }
	/*Sliders Stylings on Mobile accueil-hero-slider,#clinic-slider,female-img-slider,male-img-slider*/
	#accueil-hero-slider .pagination li,
	#clinic-slider .pagination li,
	#female-img-slider .pagination li,
	#male-img-slider .pagination li{
		    padding: 0px 6px!important;
	}

    #accueil-hero-slider .pagination li button,
	#clinic-slider .pagination li button,
	#female-img-slider .pagination li button,
	#male-img-slider .pagination li button{
        width: 12px;
        height: 12px;
    }

    #accueil-hero-slider .pagination li button::before,
	#clinic-slider .pagination li button:before,
	#female-img-slider .pagination li button:before,
	#male-img-slider .pagination li button:before{
        top: -9px;
        right: -9px;
    }

    #accueil-hero-slider .pagination li.slick-active button::before,
	#clinic-slider .pagination li.slick-active button:before,
	#female-img-slider .pagination li.slick-active button:before,
	#male-img-slider .pagination li.slick-active button:before{
        padding: 13px;
    }

    /* Asthetic Sectin Stylings */
    .aesthetic {
        padding: 0px 0px 40px 0px;
    }

    .aesthetic h2 {
        margin: 0px 0px 15px 0px;
    }

    .aesthetic p {
        margin: 0px 0px 10px 0px;
    }

    .aesthetic .iframe-holder {
        padding-bottom: 215% !important;
    }

    /* Subscribe Section Stylings on Mobile */
    .subscribe {
        padding: 0px 0px 40px 0px;
    }

    .subscribe .content-holder {
        padding: 40px 20px;
        margin: 0px 0px 40px 0px;
    }

    .subscribe h2 {
        margin: 0px 0px 10px 0px;
    }

    .subscribe p {
        margin: 0px 0px 15px 0px;
    }

    .subscribe form {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .subscribe form #fname {
        background: transparent;
        border: 1px solid #08080A;
        border-radius: 30px;
        width: 90%;
        color: #08080A;
        padding: 10px 20px;
        margin: 0px 0px 10px 20px;
    }

    .subscribe form a {
        max-width: 200px;
    }

    .subscribe .img-holder .circle {
        width: 100px;
        height: 100px;
    }

    .subscribe .img-holder .circle .text span {
        transform-origin: 0px 50px;
        font-size: 0.6em;
        top: 0px;
    }

    .subscribe .img-holder .circle img {
        width: 60%;
    }

    .subscribe .img-holder .circle-holder {
        position: absolute;
        top: 59%;
        left: 3%;
    }

    /* Treatments Section Stylings on Mobile */
    .treatments {
        padding: 40px 0px 50px 0px;
    }

    .treatments h2 {
        margin: 0px 0px 20px 0px;
    }

    #treatments-slider {
        padding: 0px 0px 0px 2rem;
    }

    #treatments-slider .slide .content-holder {
        padding: 15px 20px 30px 20px;
    }

    .slide .content-holder .content .icon {
        margin-top: -35px;
    }

    .slide .content-holder .content .icon img {
        width: 30px;
        height: 30px;
    }

    .slide .content-holder .content h5 {
        padding-top: 0px;
        font-size: 22px;
    }

    .slide .content-holder .content p {
        padding: 15px 0px;
    }

    .treatments ul.navigation {
        position: relative;
        padding: 0px;
        top: 88%;
        right: 2rem;
        justify-content: end;
    }

    .treatments ul.navigation li a {
        display: block;
        width: 40px;
        height: 40px;
    }

    .treatments ul.navigation li a svg {
        width: 100%;
    }

    /* Why Choose Us Section Stylings on Mobile */
    .why-us {
        padding: 40px 0px 20px 0px;
    }

    .why-us .row .img-holder {
        width: 100%;
    }

    .why-us .row,
    .content-holder .tab-holder {
        flex-direction: column;
    }

    .why-us .row .content-holder {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

    .why-us .row .content-holder h3 {
        margin-bottom: 20px;
        font-size: 34px;
    }

    .why-us .row .content-holder .tab-holder .tab {
        width: 100%;
        padding-right: 0px;
        flex-direction: row;
        justify-content: space-between;
    }

    .why-us .row .content-holder .tab-holder .tab button {
        width: 34%;
        font-size: 9px;
        padding: 8px 0px;
        text-align: center;
		color: #000;
    }

    .why-us .row .content-holder .tab-holder .tabcontent h2 {
        font-size: 22px;
        margin: 0px 0px 10px 0px;
    }

    .why-us .row .content-holder .tab-holder .tabcontent p {
        font-size: 13px;
        padding: 0px 20px;
        margin: 0px 0px 10px 0px;
    }

    .why-us .row .content-holder .tab-holder .tabcontent {
        padding: 20px 0px;
        width: 100%;
        text-align: center;
    }

    .why-us .row .content-holder .tab-holder .tabcontent a {
        max-width: 260px;
        margin: 0 auto;
    }

    .why-us .row .content-holder .tab-holder #service,
    .why-us .row .content-holder .tab-holder #technologie,
    .why-us .row .content-holder .tab-holder #suivi {
        padding: 20px 0px;
        width: 100%;
    }

    /* Logo Section Stylings and Logo Slider Right Stylings on Mobile */


    .logos {
        padding: 0px 0px 40px 0px;
    }

    .logos-slide {
        display: inline-block;
        animation: 70s scroll infinite linear;
    }

    .logos-slide img {
        height: 50px;
        margin: 0 20px;
    }
	.logos-reverse-slide img {
		height: 50px;
		margin: 0 20px;
	}

    /* Testimonials Section Stylings on Mobile */
    .testimonials {
        padding: 40px 0px 40px 0px;
    }

    .testimonials h2 {
        margin: 0px 0px 20px 0px;
    }

    #testimonials-slider .slick-slide {
        margin-right: 10px;
    }

    #testimonials-slider .slick-slide img {
        max-width: 40px;
    }

    #testimonials-slider .pagination {
        padding: 30px 0px 30px 0px;
    }

    /* Follow-us section Stylings on Tab*/
    .follow-us {
        padding: 40px 0px;
    }

    .follow-us .container>h2 {
        margin: 0px 0px 10px 0px;
    }

    .follow-us .row {
        display: flex;
        flex-direction: column;
    }

    .follow-us .row .instagram,
    .follow-us .row .tiktok {
        width: 100%;
    }

    .follow-us .row .instagram .head img,
    .follow-us .row .tiktok .head img {
        width: 20px;
        margin: 0px 10px 0px 0px;
    }

    .follow-us .row .instagram p,
    .follow-us .row .tiktok p {
        font-size: 16px;
        margin: 0px 0px 20px 0px;
    }

    .follow-us .instagram .btn-holder,
    .follow-us .tiktok .btn-holder {
        flex-direction: column;
		padding: 30px 20px 0px 20px;
    }

    .follow-us .instagram .btn-holder a,
    .follow-us .tiktok .btn-holder a {
        margin: 0px 0px 10px 0px;
    }

    /* Notre Equipe Page Stylings Starts Here */
    /*  Notre Hero section stylings and Tarif hero sectin stylings */
    .notre-hero,
    .tarif-hero {
        padding: 0px;
    }
	.notre-hero h2, .tarif-hero h2 {
		margin: 0px 0px 15px 0px;
	}

    .notre-hero p,
    .tarif-hero p {
        width: 100%;
        padding: 0px 0px 40px 0px;
    }

    .notre-hero .tab-holder .tab,
    .tarif-hero .tab-holder .tab {
        display: block;
        margin: 0px 0px 40px 0px;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

    .notre-hero .tab-holder .tab button,
    .tarif-hero .tab-holder .tab button {
        width: 50%;
        font-size: 15px;
        padding: 15px 35px;
        margin-right: -3px;
		color: #000;
    }

    .notre-hero .tab-holder .tab button::after,
    .tarif-hero .tab-holder .tab button::after {
        display: none;
    }

    .notre-hero .tab-holder .tabcontent .row {
		display: flex;
        flex-direction: column;
        margin: 0px;
    }

    .notre-hero .tab-holder .tabcontent .row .member,
    .notre-hero .tab-holder .tabcontent .row .member:last-child {
        width: 100%;
        margin: 0px 0px 15px 0px;
    }

    .notre-hero .tab-holder .tabcontent .row .member .info {
        padding: 15px 10px 50px 10px;
    }

    .notre-hero .tab-holder .tabcontent .row .member .info h4 {
        font-size: 24px
    }

    .notre-hero .tab-holder .tab button:first-child,
    .notre-hero .tab-holder .tab button.active,
    .notre-hero .tab-holder .tab button:last-child.active,
    .tarif-hero .tab-holder .tab button:first-child,
    .tarif-hero .tab-holder .tab button.active,
    .tarif-hero .tab-holder .tab button:last-child.active {
        border-radius: 15px;
    }

    .member-btn {
        font-size: 14px;
    }

    .member-btn:after {
        width: 15px;
        height: 30px;
        position: absolute;
        right: 10px;
        top: 12px;
    }

    /* Member Page Pop Up Stylings on Mobile*/
    /* Member-MObile-Slider Stylings */
    .member-pop-up .cross-sign {
        padding: 5px;
    }

    .member-pop-up #member-mobile-slider {
        display: block;
    }

    .member-pop-up {
        width: 290px;
        top: 40%!important;
        height: 60vh!important;
		overflow-y: scroll!important; 
    }

    .member-pop-up .cross-sign {
        top: 6px;
        right: 10px;
        z-index: 2;
    }

    #member-mobile-slider .slide {
        padding: 0px 20px 20px 20px;
    }

    #member-mobile-slider .slide .member-holder .img-holder {
        justify-content: center;
    }

    #member-mobile-slider .slide .member-holder .img-holder img {
        max-width: 100%;
		border-radius: 15px;
    }

    #member-mobile-slider .slide .member-holder {
        width: 100%;
        margin: 0px;
    }

    #member-mobile-slider .slide .member-holder .member-desc {
        max-width: 400px;
        margin: 0 auto;
        padding: 15px 10px;
        text-align: center;
    }

    #member-mobile-slider .slide .member-holder .member-desc h4 {
        font-size: 26px;
        font-family: 'Cormorant Garamond';
        line-height: 1.2em;
    }

    #member-mobile-slider .slide .member-holder .member-desc p {
        color: #08080A;
        padding: 0px 0px 15px 0px;
    }

    #member-mobile-slider .content-holder {
        padding: 30px 0px;
    	text-align: center;
    }
	#member-mobile-slider .content-holder h4,
	#member-mobile-slider .content-holder p{
		margin: 0px 0px 10px 0px;
	}

    #member-mobile-slider .slide .content-holder p {
        text-align: center;
        font-size: 11px;
    }

    /* Tarif Hero Remaing Stylins on Mobile */
    .tarif-hero .tab-holder .tabcontent .head-row .col-1 h3,
    .tarif-hero .tab-holder .tabcontent .head-row .col-2 h3,
    .tarif-hero .tab-holder .tabcontent .head-row .col-3 h3 {
        font-family: 'Cormorant Garamond';
        font-size: 17px;
        line-height: 1em;
        font-weight: 700;
		text-align: start;
    }
	.tarif-hero .tab-holder .tabcontent .head-row .col-2{
		width: 45%;
	}
	.tarif-hero .tab-holder .tabcontent .head-row .col-1,
	.tarif-hero .tab-holder .tabcontent .price-content .col-1{
		width: 40%;
		margin-right: 3%;
	}
	.tarif-hero .tab-holder .tabcontent .head-row .col-3{
		width: 15%;
	}
	.tarif-hero .tab-holder .tabcontent .head-row .col-right,
	.tarif-hero .tab-holder .tabcontent .price-content .col-right{
		width: 60%;
	}
	

    .tarif-hero .tab-holder .tabcontent .head-row {
        display: flex;
        padding: 10px;
        background: #000;
        color: #fff;
        border-radius: 20px;
        margin: 0px 0px 15px 0px;
		justify-content: center;
    }

    .tarif-hero .tab-holder .tabcontent .price-content {
        padding: 10px;
        margin: 0px 0px 15px 0px;
    }

    .tarif-hero .tab-holder .tabcontent .price-content .col-1 h3 {
       font-size: 18px;
        margin: 5px 0px 10px 0px;
    }

    .tarif-hero .tab-holder .tabcontent .price-content .col-1 p {
        font-size: 13px;
        width: 100%;
        padding: 0px 0px 10px 0px;
        margin: 0;
    }

    .tarif-hero .tab-holder .tabcontent .price-content .col-1 a,
    .tarif-hero .tab-holder .tabcontent .price-content .col-2 a,
    .tarif-hero .tab-holder .tabcontent .price-content .col-3 a {
        font-size: 12px;
        max-width: 150px;
        padding: 9px 20px;
    }

    .tarif-hero .tab-holder .tabcontent .price-content .col-1 .btn:after {
        width: 14px;
        height: 16px;
        right: 9px;
        top: 9px;
    }
	.tarif-hero .tab-holder .tabcontent .price-content .col-2 {
		width: 70%;
		text-align: center;
	}
	.tarif-hero .tab-holder .tabcontent .price-content .col-right .col-2:nth-child(2n) {
		width: 30%;
		text-align: center;
	}

    .tarif-hero .tab-holder .tabcontent .price-content .col-2 p,
    .tarif-hero .tab-holder .tabcontent .price-content .col-3 p {
        padding: 5px 0px 16px 0px;
		word-wrap: break-word;
    }

    /* Remaining Propos Page Stylings Starts Here */
    .yellow-bg {
        padding: 30px 0px 10px 0px !important;
    }

    .yellow-bg .row {
        flex-direction: column-reverse !important;
    }

    .yellow-bg .row .img-holder {
        margin: 0px 0px 15px 0px;
    }

    /* Why CHhoose Us Section Stylings on Mobile*/

    .why-choos-us {
        padding: 0px 0px 40px 0px;
    }

    .why-choos-us .content {
        flex-direction: column;
    }

    .why-choos-us .content .left-col {
        width: 100%;
        flex-direction: column;
        margin: 0px 0px 30px 0px;
        text-align: center;
    }
	.why-choos-us .content .left-col h2, .why-choos-us .content .left-col p {
		margin: 0px 0px 15px 0px;
	}
    .why-choos-us .content .left-col a {
        max-width: 240px;
        margin: 0 auto;
    }

    .why-choos-us .content .right-col {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .why-choos-us .content .right-col .block-holder {
        max-width: 100%;
    }

    .why-choos-us .content .right-col .block-holder .block {
        padding: 25px;
        margin: 0px 0px 15px 0px;
    }
	.why-choos-us .content .right-col .block-holder .block:last-child{
		margin: 0px;
	}
    .why-choos-us .content .right-col .block-holder:first-child {
        margin: 0px 50px 0px 50px;
    }

    .why-choos-us .content .right-col .block-holder:last-child {
        justify-content: end;
        margin: 10px 50px 0px 50px;
    }

    /* Clinic-Launch Section Remaining Stylings on Tab*/
    .testimonials .clinic-launch {
        padding: 30px 20px;
    }

    .clinic-launch .row {
        flex-direction: column;
    }

    .clinic-launch .row .img-holder {
        width: 100%;
    }

    .clinic-launch .row .slider-holder {
        width: 100%;
        margin: 0px;
    }

    #clinic-slider .slide .content {
        background: #F8F3EC;
        border-radius: 20px;
        width: 75%;
        height: auto;
        padding: 10px;
    }

    #clinic-slider .slide .year span {
        font-size: 90px;
    }

    #clinic-slider .slide .content h4 {
        font-size: 22px;
    }

    #clinic-slider .pagination {
        bottom: 0px;
        left: 50%;
        right: 50%;
    }
	

    .mt-mb {
        margin: 30px 0px !important;
    }

    /* Electrocoagulation Section Stylings on Mobile*/
    #electrocoagulation {
        padding: 40px 0px 40px 0px;
    }

    #electrocoagulation .row {
        display: flex;
        flex-direction: column-reverse;
        padding: 0px 0px;
    }

    #electrocoagulation .row .img-holder {
        padding: 40px 0px 0px 0px;
    }

    #electrocoagulatione .row .content-col {
        padding: 0px;
    }

    /* newsletter section on propos page stylings on Tab*/
    #newsletter .row {
        margin: 0px 0px 30px 0px;
        flex-wrap: wrap;
        padding: 0px 0px 0px 0px;
    }

    #newsletter .row .img-holder {
        width: 48%;
        padding: 10px 0px 0px 0px;
        margin: 0px;
    }

    #newsletter .row .img-holder:last-child {
        margin: 0px;
    }

    /* Newsletter sectionon Prendre Rendez-vous page stylings on Tab*/
    .custom-size {
        width: 40px;
        height: 40px;
    }

    .pb-0 {
        padding: 40px 0px 0px 0px;
    }

    /* Chirurgie-Mineeure Page Remaing Stylings on Mobile*/
    .pt-0 {
        padding: 0px 0px 40px 0px !important;
    }

    .simple-products {
        padding: 40px 0px 20px 0px;
    }

    .simple-products .products-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .simple-products .product {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
	.simple-products .product .description {
		padding: 0px 0px 20px 0px;
	}
	.simple-products .product a {
		max-width: fit-content !important;
	}

    .light-yellow-bg {
        padding: 40px 0px 80px 0px !important;
    }

    .nagative-margin {
        margin: -50px 0px 0px 0px;
    }

    /* Nos-Succursales Page Remaining Styling on Mobile*/
    /* Contact Us section stylings on Mobile*/
    .contact-us {
        padding: 40px 0px;
    }

    .contact-us .row {
        flex-direction: column;
    }

    .contact-us .row .contact-details,
    .contact-us .row .form-holder {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .contact-us .row .contact-details h2 {
        text-align: center;
        width: 100%;
        margin: 0px 0px 15px 0px;

    }

    .contact-details h3 {
        font-size: 24px;
        width: 100%;
        margin: 0px 0px 15px 0px;
        text-align: center;
    }

    .contact-details .contact {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0px 0px 20px 0px;
    }
	
	.contact-details .contact .icon-holder {
		margin: 0px ;
	} 
    .contact-details .contact .content h6 {
        font-size: 22px;
        text-align: center;
    }
	.contact-details .contact .content a{
		text-align: center;
	}

    /* Map Section Styling on Mobile */
    .map .container {
        position: relative;
        top: -25px;
    }

    #googleMap {
        margin: 0px 0px 30px 0px;
    }

    .map .row {
        flex-direction: column;
		margin: 80px 0px 0px 0px;
    }

    .map .row .left-col {
        margin: 0px;
		width: 100%;
    }
	
	.map .row .right-col {
		width: 100%;
	}

    .nagative-margin {
        margin: -80px 0px 0px 0px !important;
    }

    /* Clinic Sectin for Mobile Verison Sylings*/
    .mobile-section {
        display: block;
    }

    .clinic-availibilty {
        padding: 40px 0px 80px 0px;
        background-color: #f8f3ec;
    }

    .clinic-availibilty .tab {
        display: block;
        width: 100%;
        margin: 0px 0px 30px 0px;

    }

    .clinic-availibilty p.desc {
        width: 100%;
        margin: 0 auto;
        padding: 0px 0px 10px 0px;
    }

    .clinic-availibilty .tab-holder .tab button {
        width: 33%;
        font-size: 15px;
        padding: 15px 35px;
        margin-right: -3px;
		color: #000;
    }

    .clinic-availibilty .tab-holder .tab button::after {
        content: none;
    }

    .clinic-availibilty .tab-holder .tab button:first-child.active {
        border-radius: 15px 0px 0px 15px;
    }

    .clinic-availibilty .tab-holder .tab button:last-child.active {
        border-radius: 0px 15px 15px 0px;
    }

    .clinic-availibilty .tabcontent {
        width: 100%;
    }

    .tabcontent table tbody,
    .tabcontent table tbody tr {
        width: 100%;
    }

    .clinic-availibilty table tr td.icon-detail {
        padding: 10px;
		width: 55%;
    }

    .clinic-availibilty table tr td.icon-detail .img-holder {
        display: flex;
        margin: 0px 0px 10px 0px;
    }

    .clinic-availibilty table tr td.icon-detail p {
        font-size: 16px;
    }

    .clinic-availibilty table tr td.catagory {
        text-align: center;
        padding: 15px;
    }
	.clinic-availibilty table tr td.btn-holder a.transparent-btn{
		padding: 12px 10px 12px 0px!important;
	}

    /* Finacment Hero Section Stylings on Mobile */
    #financement-main #hero {
        padding: 0px;
    }

    .finance-hero .content-holder {
        padding: 2rem;
    }

    .finance-hero .content-holder .content img {
        max-width: 35px;
    }

    .finance-hero .content-holder .content h2 {
        font-size: 30px;
    }

    .finance-hero ul.breadcrumb li {
        font-size: 14px;
    }

    /* Financement Logos Section Stylings */
    .finacement-logos {
        padding: 40px 0px 40px 0px;
    }

    .finacement-logos .logo-row {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
    }

    .finacement-logos .logo-row img {
        max-width: 200px;
        margin: 0px 0px 20px 0px;
    }

    .finacement-logos .logo-row img.logo-cross-sign {
        margin: 0px;
    }

    .finacement-logos .content p {
        margin: 0px 0px 15px 0px;
    }

    /* Booking Steps Section Stylings */
    .booking-steps {
        padding: 40px 0px;
    }
    .booking-steps .steps-holder {
        display: flex;
        flex-direction: column;
        margin: 0px 0px 40px 0px;
    }
    .steps-holder .step {
        width: 100%;
        padding: 40px 32px;
        margin: 0px 0px 20px 0px;
    }
    .steps-holder .step h6 {
        font-size: 29px;
        margin: 12px 0px 10px 0px;
        height: auto;
    }
    .booking-steps .steps-btn-holder {
        display: flex;
        flex-direction: column;
    }
    .steps-btn-holder a:first-child {
        margin: 0px 0px 20px 0px;
    }
    .booking-btn {
        width: 100%;
    }
    /*Row Styling that is on the monthly-newsletter section on Cartes-Caedoux stylings on Mobile*/
    .monthly-newsletter .row {
        margin: 0px 0px 30px 0px;
        flex-wrap: wrap;
        padding: 0px 0px 0px 0px;
    }

    .monthly-newsletter .row .img-holder {
        width: 48%;
        padding: 10px 0px 0px 0px;
        margin: 0px;
    }

    .monthly-newsletter .row .img-holder img {
        width: 100%;
    }
	/*-----------------------------Blog Detailed Page Stylings on Mobile-----------------------------*/
    .blog-details {
        padding: 0px 0px 40px 0px;
    }

    .blog-details .row {
        flex-direction: column;
        padding: 0px;
    }

    .blog-details .row .img-holder,
    .blog-details .row .content-col {
        width: 100%;
    }

    .blog-details .row .content-col {
        text-align: center;
        padding: 30px 20px 0px 20px;
    }

    .blog-details .row .content-col span.date,
    .related-blogs .blog .content span.date {
        margin: 0px;
    }

    .blog-details hr {
        margin: 30px 0px 30px 0px;
    }

    .blog-details p.content-details {
        margin: 0px 0px 30px 0px;
    }

    .related-blogs .row {
        flex-direction: column;
        padding: 0px;
    }

    .related-blogs .row .blog {
        width: 100%;
        margin: 0px 0px 30px 0px;
    }
    .related-blogs .row .blog:nth-child(3n+3) {
        margin: 0px 0px 30px 0px;
    }
    .related-blogs .row .blog:last-child{
        margin: 0px;
    }

    .related-blogs .row .blog .content {
        padding: 20px 10px 0px 10px;
    }
	
    .blog-details .related-blogs .row .blog:last-child {
        margin: 0px;
    }

    .blog-details .row .content-col span.date,
    .related-blogs .blog .content span.date {
        font-size: 15px;
        margin: 0px 0px 10px 0px;
    }

    .related-blogs .row .blog .content h4 {
        font-size: 22px;
        line-height: 1em;
        margin-bottom: 10px;
    }
    /*-----------------------------Blogue Page Stylings on Mobile-----------------------------*/
    #blogue-main .blogue {
        padding: 0px;
    }
	.blogue h2 {
		margin: 0px 0px 15px 0px;
	}
    .blogue .top-blogs .row {
        flex-direction: column;
    }
    .blogue .top-blogs .row .featured-blog {
        width: 100%;
        padding: 0px;
        margin: 0px 0px 35px 0px;
    }
    .blogue .top-blogs .row .featured-blog .content-holder {
        padding: 25px 25px 0px 25px;
    }
    .blogue .top-blogs .row .top-rated-blogs {
        width: 100%;
    }
    .blogue .container>hr {
        display: none;
    }
    .blogue .related-blogs {
        margin: 25px 0px 15px 0px;
		padding: 25px 0px 0px 0px;
    }
    .blogue .related-blogs:last-child {
        margin: 0px;
    }
    .blogue .top-blogs .row .top-rated-blogs .top-rated-blog .content h5 {
        font-size: 20px;
    }
	/*404 Error page stylings on mobile*/
	#error-main .error-section{
		height: 40vh;
	}
	.error-section h1{
		font-size: 120px;
	}
	.error-section h3{
		font-size: 24px;
	}
	.error-section a{
		margin: 20px auto 0 auto;
	}

	.page-id-440 #consultation{
		padding: 40px 0px 0px 0px!important;
	}
	.page-id-437 #consultation,
	.page-id-444 #consultation{
		padding: 0px 0px 40px 0px!important;
	}
	.page-id-296 #faqs .row .right-col{
		margin: 0px 0px 20px 0px!important;
	}
	.page-id-296 #technologies,
	.page-id-290 #technologies{
        padding: 40px 0px 0px 0px;
    }
	.page-id-428 .location-hodler>.lcoation:first-child{
		margin: 0px!important;
	}
	.page-id-428 #consultation,
	.page-id-792 #consultation,
	.parent-pageid-136 #consultation{
		padding: 0px 0px 40px 0px!important;
	}
	.page-id-792 #clinic-choice{
	 	padding: 40px 0px 40px 0px!important
	}
	.page-id-792 #electrocoagulation{
		padding: 40px 0px 40px 0px!important;
	}
	.page-id-792 #electrocoagulation .row .content-col {
		width: 100%!important;
		padding: 0px 10px 0px 10px!important;
	}
	.page-id-792 #electrocoagulation .row .content-col h2{
		    text-align: center;
		    margin: 0px 0px 15px 0px;
	}
	.page-id-792 #electrocoagulation .row .content-col p{
		    text-align: center;
    		margin: 0px 0px 15px 0px;
	}
	
	.page-id-792 #electrocoagulation .row .img-holder {
		width: 100%;
		padding: 20px 10px 0px 10px!important;
	}
	.page-id-792 #chirurgie-main #hero {
		padding-bottom: 40px!important;
	}
	.page-id-792 .simple-products .product .img-holder{
		    margin: 0px 0px 20px 0px!important;
	}
	.page-id-484 #newsletter, .page-id-484 .monthly-newsletter {
        padding: 0px 0px 40px 0px !important;
    }
	.page-id-879 .ssales-hero{
		padding: 0px!important;
	}
	.page-id-2164 .ssales-hero{
		padding: 0px!important;
	}
	.page-id-766 #newsletter .row{
		margin: 0px 0px 30px 0px!important;
	}
	 .page-id-766 .pb-0 {
        padding: 15px 0px 0px 0px;
    }
	.page-id-232 .testimonials {
        padding: 40px 0px 10px 0px!important;
    }
	.page-id-232 .monthly-newsletter {
        padding: 0px !important;
    }
	/*Treatments Subpages Design changes*/
	.parent-pageid-136 #technologies{
		padding: 40px 0px 40px 0px;
	}
	.parent-pageid-136 #clinic-choice{
		padding: 40px 0px 40px 0px !important;
	}
	.parent-pageid-136 > #newsletter{
		padding: 0px 0px 40px 0px;
		margin: -30px 0px 0px 0px!important;
	}
	.parent-pageid-136 #main #newsletter .nl-content{
		margin: 0px!important;
	}
	.parent-pageid-136 #clinic-choice{
		padding: 0px 0px 40px 0px !important;
	}
	/*.page-id-792 #clinic-choice .row .content-col{
		padding: 40px 0px 0px 0px!important;
	}*/
	ul.submenu li a p, ul.mini-submenu li a p {
		padding: 0px 5px 0px 5px!important;
	}
	.page-id-792 #faq {
		padding: 30px 0px 30px 0px!important;
	}
	.page-id-323 .aesthetic{
        padding: 40px 0px 40px 0px!important;
	}
	.related-blogs .row .blog .content a {
		max-width: fit-content;
		margin: 0 auto;
	}
	/*Minreuge Page Pop Redesign */
	.page-id-792 .member-pop-up .row {
		display: flex;
		flex-direction: column;
		padding: 35px 20px;

	}
	.page-id-792 .member-pop-up .row .member-holder {
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	.page-id-792 .member-pop-up .row .content-holder {
		width: 100%;
		padding: 0px 0px 20px 0px;
		text-align: center;
	}
	.page-id-792 .member-pop-up .row .content-holder h2{
		    margin: 0px 0px 10px 0px;
	}
	.page-id-792 .member-pop-up .row .content-holder .popup_close {
		position: absolute;
		left: 97%;
		bottom: 100%;
		top: -105%;
	}
	.page-id-460 .member-pop-up .row {
		display: none;
	}
	.page-id-879 .clinic-availibilty .tab-holder .tab button {
        width: 50%;
	}
	.page-id-879 .clinic-availibilty .tab-holder .tab button.active {
        border-radius: 15px;
	}
	.page-id-879 .clinic-availibilty .tab-holder .tab button:first-child.active{
    	border-radius: 15px 0px 0px 15px;
	}
	.page-id-879 .clinic-availibilty .tab-holder .tab button:last-child.active {
        border-radius: 0px 15px 15px 0px;
    }
	.page-id-2795 .blogue .category-buttons,
	.category-1 .blogue .category-buttons,
	.category-11 .blogue .category-buttons,
	.category-12 .blogue .category-buttons{
		flex-direction: column;
		margin: 0px 0px 30px 0px!important;
	}
	.page-id-2795 .blogue .category-buttons a,
	.category-1 .blogue .category-buttons a,
	.category-11 .blogue .category-buttons a,
	.category-12 .blogue .category-buttons a{
		margin: 0px 0px 10px 0px!important;
	}
	.page-id-626 #newsletter .row{
		margin: 0px!important;
	}
	
	.page-id-622 .invert-template,
	.page-id-634 .invert-template{
		padding: 40px 0px 0px 0px;
	}
	.page-id-460 .notre-hero {
		padding: 0px;
	}
	/*All pages issues fixed on Mobile here */
	.page-id-626 #wrapper > #newsletter{
		padding: 0px 0px 40px 0px !important;
    }
	.page-id-626 #propos-main #newsletter{
		padding: 40px 0px 40px 0px !important;
    }
	.page-id-460 #notre-main .monthly-newsletter{
		padding: 40px 0px 0px 0px!important;
	}
	.page-id-792 #newsletter, .page-id-559 #newsletter{
		padding: 0px 0px 40px 0px;
	}
	.parent-pageid-136 #main #newsletter{
		padding: 0px !important;
	}
	.page-id-618 > #newsletter,
	.page-id-622 > #newsletter,
	.page-id-634 >  #newsletter{
        padding: 40px 0px 40px 0px !important;
    }
	.page-id-2164 #ssales-main > #newsletter,
	.page-id-879 #ssales-main > #newsletter{
		padding: 0px !important
	}
	#newsletter .services-holder .service .img-holder, 
	.monthly-newsletter .services-holder .service .img-holder {
		margin-right: 0px;
	}

	.page-id-259 #main #newsletter,
	.page-id-270 #main #newsletter,
	.page-id-274 #main #newsletter,
	.page-id-277 #main #newsletter,
	.page-id-282 #main #newsletter,
	.page-id-302 #main #newsletter,
	.page-id-290 #main #newsletter,
	.page-id-2133 #main #newsletter,
	.page-id-2455 #main #newsletter,
	.page-id-293 #main #newsletter,
	.page-id-296 #main #newsletter,
	.page-id-299 #main #newsletter,
	.page-id-437 #main #newsletter,
	.page-id-444 #main #newsletter,
	.page-id-407 #main #newsletter,
	.page-id-1086 #main #newsletter,
	.page-id-2449 #main #newsletter,
	.page-id-1559 #main #newsletter,
	.page-id-6 #main #newsletter,
	.page-id-1003 #main #newsletter,
	.page-id-411 #main #newsletter,
	.page-id-413 #main #newsletter,
	.page-id-416 #main #newsletter,
	.page-id-305 #main #newsletter,
	.page-id-1081 #main #newsletter,
	.page-id-2153 #main #newsletter,
	.page-id-422 #main #newsletter,
	.page-id-425 #main #newsletter,
	.page-id-855 #main #newsletter,
	.page-id-428 #main #newsletter,
	.page-id-434 #main #newsletter,
	.page-id-1005 #main #newsletter,
	.page-id-1078 #main #newsletter,
	.page-id-431 #main #newsletter,
	.page-id-287 #main #newsletter,
	.page-id-419 #main #newsletter{
        padding: 40px 0px 0px 0px !important;
    }
	.page-id-428 #faqs,
	.page-id-270 #faqs,
	.page-id-274 #faqs,
	.page-id-293 #faqs,
	.page-id-437 #faqs,
	.page-id-444 #faqs,
	.page-id-1086 #faqs,
	.page-id-1559 #faqs,
	.page-id-411 #faqs,
	.page-id-413 #faqs,
	.page-id-305 #faqs,
	.page-id-1081 #faqs,
	.page-id-2153 #faqs,
	.page-id-431 #faqs{
		padding: 40px 0px 0px 0px;
	}
	.page-id-484 #tarif-main .tarif-hero {
		padding: 40px 0px 40px 0px;
	}
	/*Some Pages causes issue of invert section padding top on Mobile*/
	.page-id-563 .invert-template,
	.page-id-790 .invert-template,
	.page-id-620 .invert-template{
		padding: 40px 0px 0px 0px;
	}
	#male-img-slider .img-holder,
	#female-img-slider .img-holder{
		padding-right: 0;
	}
	#male-img-slider .pagination,
	#female-img-slider .pagination{
		padding-right: 0;
	}
}
/* treatment pages Blogue and fag section css start here*/
.blogue,
.faqs_ {
	padding: 60px 0px;
}

.blogue {
	background-color: #F8F3EC;
}

.container {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 20px;
}

.section-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	margin-bottom: 60px;
}

.section-head h2 {
	font-family: "Cormorant Garamond";
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3em;
}

.section-head p {
	max-width: 700px;
	text-align: center;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: 400;
	font-family: "DM Sans", sans-serif;
}

/* ----------------------BLOG------------ */

.related-blogs .row {
	display: flex;
	justify-content: start;
	padding: 0px;
	flex-wrap: wrap;
}

.related-blogs .row .blog {
	width: 31.5%;
	margin: 0px 20px 30px 0px;
}

.related-blogs .row .blog .img-holder {
	display: flex;
	border-radius: 10px;
	width: 100%;
}

.related-blogs .row .blog .img-holder img {
	width: 100%;
}

.related-blogs .row .blog .content {
	padding: 20px 10px 0px 10px;
	text-align: center;
}

.content span.date {
	display: block;
	font-size: 18px;
	font-family: "Cormorant Garamond";
	font-weight: 600;
	line-height: 1.2em;
	margin: 0px 0px 10px 0px;
}

.related-blogs .row .blog .content h4 {
	font-family: "Cormorant Garamond";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: unset;
	margin-bottom: 10px;
}

.related-blogs .row .blog .content a {
	max-width: 200px;
	margin: 0 auto;
}

.btn {
	display: block;
	color: #fff;
	background-color: #08080a;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2em;
	padding: 12px 45px 12px 20px;
	text-transform: none;
	border-radius: 30px;
	position: relative;
	border: 2px solid #08080a;
	font-family: "DM Sans", sans-serif;
}

.btn:hover {
	background-color: transparent;
	transition: all 0.4s;
	color: #08080a;
	border: 2px solid #08080a;
}

.btn:after {
	content: "";
	background-image: url(../images/tilt-arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 30px;
	position: absolute;
	right: 17px;
	top: 11px;
}

.btn:hover::after {
	background-image: url(../images/black-tilt-arrow.svg);
	opacity: 1;
	transition: all 0.4s;
}

/* ---------------FAQS------------- */

.faq-content {
	max-width: 1050px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 32px;
	font-family: "DM Sans", sans-serif;
}

/* FAQ Card */
.faq-card {
	border-radius: 40px;
	background: #FAFAFA;
	padding: 0;
	overflow: hidden;
	transition: box-shadow 0.2s;
	position: relative;
}

/* Question Row */
.faq-question-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F8F3EC;
	padding: 18px 30px 18px 65px;
	cursor: pointer;
	border-radius: 50px;
	transition: background 0.2s;
}

.faq-question {
	font-size: 18px;
	font-weight: 500;
	color: rgb(26, 25, 25);
}

/* Arrow Icon */
.faq-arrow {
	width: 55px;
	height: 55px;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s;
	background-color: black;
	padding: 5px;
}

.faq-card.open .faq-arrow {
	background-color: #231f20;
	transform: rotate(90deg);
}

.faq-card.open .faq-arrow svg {
	background-color: black;
	border-radius: 50%;
}

/* Answer */
.faq-answer {
	padding: 32px 40px;
	color: rgb(26, 25, 25);
	font-size: 16px;
	line-height: 22px;
	background: #FAFAFA;
	border-radius: 0 0 40px 40px;
	display: none;
	animation: fadeIn 0.4s;
}

.faq-card.open .faq-answer {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* TAB RESPONSIVE STYLING */

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

	.blogue,
	.faqs_ {
		padding: 40px 0px;
	}

	.section-head h2 {
		font-size: 32px;
	}

	.section-head p {
		font-size: 15px;
	}

	/* -----------BLOG---------- */

	.related-blogs .row .blog {
		width: 30% !important;
		margin: 0px 20px 30px 0px;
	}

	.related-blogs .row .blog .content {
		padding: 10px;
	}

	.related-blogs .row .blog .content h4 {
		font-size: 22px;
		line-height: 1em;
		margin-bottom: 10px;
	}

	.related-blogs .blog .content span.date {
		font-size: 15px;
		margin: 0px 0px 6px 0px;
	}

	/* ---------FAQS--------- */
	.faq-question-row {
		padding: 20px 25px 20px 50px;
	}

	.faq-answer {
		padding: 24px 20px;
		font-size: 15px;
	}

	.faq-question {
		font-size: 17px;
	}

	.faq-arrow {
		width: 42px;
		height: 42px;
	}
}

@media (min-width: 290px) and (max-width: 767px) {
	.section-head {
		margin-bottom: 40px;
	}

	.section-head h2 {
		font-size: 25px;
	}

	.section-head p {
		font-size: 14px;
	}

	/* ---------BLOG STYLING MOBILE----------- */
	.related-blogs .row .blog {
		width: 100%;
		margin: 0px 0px 30px 0px;
	}

	.related-blogs .row .blog .content {
		padding: 20px 10px 0px 10px;
	}

	.related-blogs .blog .content span.date {
		font-size: 15px;
		margin: 0px 0px 10px 0px;
	}

	.related-blogs .row .blog .content h4 {
		font-size: 22px;
		line-height: 1em;
		margin-bottom: 10px;
	}

	/* ------------FAQ STYLING MOBILE------- */

	.faq-question-row {
		padding: 20px;
		border-radius: 50px;
	}

	.faq-question {
		font-size: 15px;
	}

	.faq-arrow {
		width: 32px;
		height: 32px;
		min-width: 32px;
		min-height: 32px;
		padding: 3px;
	}

	.faq-answer {
		padding: 10px 16px;
		font-size: 14px;
		border-radius: 0 0 20px 20px;
	}
}
/* treatment pages Blogue and fag section css end here*/


/* ============================================================

   NEW / UPDATED STYLES from redesign (auto-merged)

   These rules come after the original CSS, so they override

   earlier matching rules of equal specificity (normal CSS cascade).

   ============================================================ */


#accueil-hero-slider .pagination {
    bottom:30px;
    display:flex;
    justify-content:center;
    position:absolute;
    right:50%
}

#advantages {
    background-color:#08080A;
    color:#fff;
    padding:180px 0px
}

#advantages h2 {
    text-align:center
}

#advantages-slider .slide .row .col-1 .content .img-hodler img,
#advantages-slider .slide .row .col-2 .content .img-hodler img,
#advantages-slider .slide .row .col-3 .content .img-hodler img {
    max-width:100%
}

#advantages-slider .slide .row .col-1 .content p,
#advantages-slider .slide .row .col-2 .content p,
#advantages-slider .slide .row .col-3 .content p {
    font-size:20px;
    font-weight:400;
    line-height:1em;
    margin:0px 0px 30px 0px;
    padding:0px 80px 0px 0px
}

#before-after .row {
    display:flex
}

#before-after .row .img-holder {
    margin-right:50px;
    width:33%
}

#blogue-main .blogue {
    padding:60px 0px
}

#clinic-choice {
    padding:0px 0px 80px 0px
}

#clinic-choice .row .content-col,
.clinic-choice .row .content-col {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:50px 50px 50px 0px;
    width:55%
}

#clinic-choice .row .img-holder img,
.clinic-choice .row .img-holder img {
    max-width:100%
}

#clinic-location {
    background:#fafafa;
    padding:80px 0px
}

#clinic-location .location-hodler {
    display:flex;
    margin:0 auto;
    max-width:1100px
}

#clinic-slider .slide .content {
    background:#F8F3EC;
    border-radius:20px;
    height:200px;
    padding:20px 100px 30px 20px;
    width:60%
}

#clinic-slider .slide .content h4 {
    font-family:"Cormorant Garamond";
    font-size:32px;
    font-weight:700;
    line-height:1.3em
}

#consultation .content-holder .row a {
    max-width:20%
}

#consultation .content-holder .row h2 {
    max-width:80%
}

#consultation,
.consultation {
    padding:80px 0px
}

#cost {
    background-color:#fafafa;
    padding:80px 0px;
    text-align:center
}

#faqs .row {
    display:flex;
    justify-content:space-between
}

#faqs .row .left-col a {
    color:black;
    font-family:"Cormorant Garamond";
    font-family:500;
    font-size:20px;
    line-height:1.7em;
    text-decoration:none
}

#header .header-top-bar {
    background:#faf8f1;
    padding:10px 0px
}

#header .header-top-bar.hide {
    display:none!important;
    transition:all 0.4s!important
}

#hero .breadcrumb-holder {
    max-width:420px
}

#hero .container {
    max-width:100%;
    padding:0px;
    width:100%
}

#hero .content-holder {
    background-image:url("../images/new-hero.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:0px;
    color:#fff;
    min-height:600px;
    padding:5rem
}

#hero .content-holder .content h2 {
    font-family:"Cormorant Garamond";
    font-size:40px;
    line-height:1.3em;
    padding-left:10px
}

#hero ul.breadcrumb li a {
    color:#fff;
    text-decoration:none;
    text-transform:capitalize
}

#main #section-links-holder {
    padding:30px 0px 80px 0px;
    transition:all 0.4s
}

#male-img-slider .pagination,
#female-img-slider .pagination {
    display:flex;
    justify-content:center;
    margin-top:30px
}

#male-info .row .left-col,
#male-info .row .right-col,
#female-info .row .left-col,
#female-info .row .right-col {
    width:50%
}

#male-info .row .right-col,
#female-info .row .right-col {
    padding:0px 0px 0px 50px
}

#nav {
    display:flex;
    gap:1rem;
    justify-content:space-between;
    padding:15px 0px
}

#nav .appointment {
    align-items:center;
    display:flex;
    gap:20px;
    justify-content:end
}

#nav .appointment ul li {
    list-style:none
}

#nav .container .about-holder {
    display:flex;
    flex-direction:row;
    gap:20px;
    padding:20px;
}

#nav .container .about-holder .left-col {
    display:flex;
    flex-direction:column;
    gap:20px;
    width:50%;
}

#nav .container .about-holder .left-col .free-consultation-block {
    width:50%;
}

#nav .container .about-holder .left-col .row-1 {
    display:flex;
    flex-direction:row;
    gap:20px;
}

#nav .container .about-holder .left-col .row-2 {
    display:flex
}

#nav .container .about-holder .left-col .row-2 .follow-us-block {
    background:#fff;
    border-radius:5px;
    padding:12px;
    width:100%
}

#nav .container .about-holder .left-col .row-2 .follow-us-block .content {
    align-items:center;
    background-image:url(../images/visage-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:5px;
    display:flex;
    flex-direction:row;
    gap:20px;
    height:100%;
    justify-content:center;
    padding:50px;
    position:relative;
    position:relative;
    text-align:center
}

#nav .container .about-holder .left-col .row-2 .follow-us-block .content .social-icons ul {
    display:flex
}

#nav .container .about-holder .left-col .row-2 .follow-us-block .content .social-icons ul li {
    padding:0px 5px 0px 0px
}

#nav .container .about-holder .left-col .row-2 .follow-us-block .content .social-icons ul li a:after {
    content:none
}

#nav .container .about-holder .left-col .row-2 .follow-us-block .content h4 {
    color:#fff;
    position:relative
}

#nav .container .about-holder .left-col .row-2 .follow-us-block .content::before {
    background-color:#000000c7;
    background-repeat:no-repeat;
    background-size:contain;
    border-radius:5px;
    content:"";
    display:block;
    height:100%;
    position:absolute;
    width:100%
}

#nav .container .about-holder .right-col {
    display:flex;
    flex-direction:column;
    gap:20px;
    width:50%
}

#nav .container .about-holder .right-col .ressources-holder {
    display:flex;
    flex-direction:column;
    gap:20px;
    width:100%
}

#nav .container .about-holder .right-col .ressources-holder .ressource-holder {
    align-items:center;
    background:#fff;
    border-radius:5px;
    display:flex;
    gap:20px;
    justify-content:space-between;
    padding:12px 12px 12px 40px
}

#nav .container .about-holder .right-col .ressources-holder .ressource-holder .img-holder {
    width:60%
}

#nav .container .about-holder .right-col .ressources-holder .ressource-holder .img-holder img {
    border-radius:5px;
    height:68px;
    width:100%
}

#nav .container .about-holder .right-col .ressources-holder .ressource-holder .img-holder img {
    border-radius:5px;
    display:block;
    height:100%;
    object-fit:cover;
    width:100%
}

#nav .container .about-holder .right-col .ressources-holder .ressource-holder .ressource-content {
    width:40%
}

#nav .container .branches-holder .branch .branch-content {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-right:20px;
    width:40%
}

#nav .container .branches-holder .branch .branch-content .address {
    font-size:15px;
    padding-bottom:8px
}

#nav .container .branches-holder .branch .branch-content a {
    color:#08080A!important
}

#nav .container .branches-holder .branch .branch-content a:after {
    content:none!important
}

#nav .container .branches-holder .branch .branch-content a:hover {
    color:#08080a9a!important
}

#nav .container .branches-holder .branch .branch-content h3 {
    font-size:24px;
    font-weight:500;
    padding-bottom:20px
}

#nav .container .branches-holder .branch .branch-content p {
    font-size:15px
}

#nav .container .branches-holder .branch .img-holder {
    width:60%
}

#nav .container .branches-holder .branch .img-holder img {
    border-radius:5px;
    max-height:200px;
    width:100%
}

#nav .container .esthetique-holder {
    display:flex;
    flex-direction:row;
    gap:20px;
    padding:10px 0px
}

#nav .container .esthetique-holder .left-col {
    display:flex;
    flex-direction:column;
    gap:20px;
    width:35%
}

#nav .container .esthetique-holder .left-col .free-consultation-block {
    width:100%
}

#nav .container .esthetique-holder .left-col .free-consultation-block .content {
    padding:20px
}

#nav .container .esthetique-holder .right-col {
    width:65%
}

#nav .container .esthetique-holder .right-col .gernal-submenu-container .unordered-lists {
    display:flex;
    gap:20px;
    justify-content:space-between
}
#nav .container .esthetique-holder .right-col .gernal-submenu-container .unordered-lists ul{
    max-height: 230px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

#nav .container .free-consultation-block {
    background:#fff;
    border-radius:5px;
    padding:12px;
    width:20%
}

#nav .container .free-consultation-block .content {
    align-items:center;
    background-image:url("../images/preacoupations.jpg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:5px;
    display:flex;
    flex-direction:column;
    gap:5px;
    height:100%;
    justify-content:center;
    padding:0px 10px;
    position:relative;
    text-align:center
}

#nav .container .free-consultation-block .content a:after {
    content:none!important
}

#nav .container .free-consultation-block .content p,
#nav .container .free-consultation-block .content h4 {
    color:#fff
}

#nav .container .free-consultation-block .content p,
#nav .container .free-consultation-block .content h4,
#nav .container .free-consultation-block .content a.new-btn {
    position:relative;
    z-index:2
}

#nav .container .free-consultation-block .content::before {
    background-color:#000000c7;
    background-repeat:no-repeat;
    background-size:contain;
    border-radius:5px;
    content:"";
    display:block;
    height:100%;
    position:absolute;
    width:100%
}

#nav .container .gernal-submenu-container {
    background:#fff;
    border-radius:5px;
    padding:20px 20px 40px 20px;
    width:100%;
    height: 100%;
}

#nav .container .gernal-submenu-container h3 {
    font-size:15px!important;
    font-weight:500!important;
    margin-bottom:10px!important
}

#nav .container .gernal-submenu-container hr {
    margin-bottom:20px
}

#nav .container .gernal-submenu-container ul li>a {
    color:#000;
    font-size:14px;
    font-weight:550;
    padding:5px 0px!important;
    text-transform:none
}

#nav .container .gernal-submenu-container ul li>a::after {
    content:none!important
}

#nav .container .gernal-submenu-container ul li>a:hover {
    color:#08080a9a;
    transition:all 0.4s
}

#nav .container .injectable-holder {
    display:flex;
    flex-direction:row;
    gap:20px;
    padding:10px 0px
}

#nav .container .injectable-holder .left-col {
    display:flex;
    flex-direction:column;
    gap:20px
}

#nav .container .injectable-holder .left-col .free-consultation-block {
    width:100%!important
}

#nav .container .injectable-holder .left-col,
#nav .container .injectable-holder .center-col,
#nav .container .injectable-holder .right-col {
    width:33%
}

#nav .container .injectable-holder .right-col {
    display:flex
}

#nav .container .injectable-holder .right-col h3.custom-spacing {
    margin-top:30px
}

#nav .container .left-col .free-consultation-block .content {
    padding:20px
}

#nav .container .medical-holder {
    display:flex;
    flex-direction:row;
    gap:20px;
    padding:10px 0px
}

#nav .container .medical-holder .col {
    display:flex;
    width:25%
}

#nav .container .medical-holder .col .gernal-submenu-container {
    width:100%
}

#nav .container .nos-cliniques-holder {
    display:flex;
    flex-direction:row;
    gap:20px;
    padding:10px 0px
}

#nav .container .nos-cliniques-holder .left-col {
    display:flex;
    gap:20px;
    width:50%
}

#nav .container .nos-cliniques-holder .left-col .free-consultation-block {
    width:100%
}

#nav .container .nos-cliniques-holder .right-col {
    width:50%
}

#nav .container .nos-cliniques-holder .right-col .branches-holder {
    display:flex;
    flex-direction:column;
    gap:20px
}

#nav .container .nos-cliniques-holder .right-col .branches-holder .branch {
    background:#fff;
    border-radius:5px;
    display:flex;
    gap:20px;
    padding:12px
}

#nav .container .offcanvas-holder {
    display:flex;
    flex-direction:row;
    gap:20px;
    padding:10px 0px
}

#nav .container .offcanvas-holder .left-col {
    display:flex;
    flex-direction:column;
    gap:20px;
    justify-content:space-between;
    width:50%
}

#nav .container .offcanvas-holder .left-col .free-consultation-block {
    width:50%
}

#nav .container .offcanvas-holder .left-col .row-1 {
    display:flex;
    flex-direction:row;
    gap:20px
}

#nav .container .offcanvas-holder .left-col .row-2 {
    display:flex
}

#nav .container .offcanvas-holder .left-col .row-2 .follow-us-block {
    background:#fff;
    border-radius:5px;
    padding:12px;
    width:100%
}

#nav .container .offcanvas-holder .left-col .row-2 .follow-us-block .content {
    align-items:center;
    background-image:url(../images/visage-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:5px;
    display:flex;
    flex-direction:column;
    gap:10px;
    height:100%;
    justify-content:center;
    padding:35px;
    position:relative;
    text-align:center
}

#nav .container .offcanvas-holder .left-col .row-2 .follow-us-block .content .social-icons ul {
    display:flex
}

#nav .container .offcanvas-holder .left-col .row-2 .follow-us-block .content .social-icons ul li {
    padding-right:5px
}

#nav .container .offcanvas-holder .left-col .row-2 .follow-us-block .content h4,
#nav .container .offcanvas-holder .left-col .row-2 .follow-us-block .content .social-icons {
    color:#fff;
    position:relative
}

#nav .container .offcanvas-holder .left-col .row-2 .follow-us-block .content::before {
    background-color:#000000c7;
    background-repeat:no-repeat;
    background-size:contain;
    border-radius:5px;
    content:"";
    display:block;
    height:100%;
    position:absolute;
    width:100%
}

#nav .container .offcanvas-holder .right-col {
    display:flex;
    flex-direction:column;
    gap:20px;
    width:50%
}

#nav .container .offcanvas-holder .right-col .ressources-holder {
    display:flex;
    flex-direction:column;
    gap:20px;
    width:100%
}

#nav .container .offcanvas-holder .right-col .ressources-holder .ressource-holder {
    align-items:center;
    background:#fff;
    border-radius:5px;
    display:flex;
    gap:20px;
    justify-content:space-between;
    padding:12px 12px 12px 40px
}

#nav .container .offcanvas-holder .right-col .ressources-holder .ressource-holder .img-holder {
    height:74px;
    width:60%
}

#nav .container .offcanvas-holder .right-col .ressources-holder .ressource-holder .img-holder img {
    border-radius:5px;
    display:block;
    height:100%;
    object-fit:cover;
    width:100%
}

#nav .container .offcanvas-holder .right-col .ressources-holder .ressource-holder .ressource-content {
    width:40%
}

#nav .container .preoccupations-holder {
    display:flex;
    flex-direction:row;
    gap:20px;
    padding:10px 0px
}

#nav .container .preoccupations-holder:nth-child(1) .gernal-submenu-container,
#nav .container .preoccupations-holder:nth-child(2) .gernal-submenu-container {
    width:40%
}

#nav .logo {
    display:flex
}

#nav .nav-links {
    align-items:center;
    /*display:flex;*/
    gap:2rem;
    justify-content:space-between
}

#nav .nav-links li {
    list-style:none;
    padding-right:13px
}

#nav .nav-links li a {
    color:#08080A;
    display:block;
    font-size:16px;
    font-weight:500;
    line-height:1.2em;
    position:relative;
    text-decoration:none;
    text-transform:capitalize
}

#nav .nav-links li.aboutus-mega-menu {
    display:none
}

#nav .nav-links li.active a {
    color:#08080a9a
}

/*#nav .nav-links li.has-children {*/
/*    border-bottom:2px solid #00000000;*/
/*    padding-bottom:4px*/
/*}*/

#nav .nav-links li.has-children a::after,
#nav .nav-links li.has-submenu-children>a::after {
    background-image:url(../images/chev-down.svg);
    background-repeat:no-repeat;
    background-size:contain;
    content:"";
    display:inline-block;
    height:12px;
    position:absolute;
    right:-15px;
    top:5px;
    width:12px
}

#nav .nav-links li.has-children.active {
    border-bottom:2px solid #000;
    padding-bottom:4px
}

#nav .nav-links li.has-children.active a {
    color:#08080a
}

#nav .nav-links li.has-children.active>a::after,
#nav .nav-links li.has-submenu-children.active>a::after {
    background-image:url(../images/chev-down.svg);
    content:"";
    display:block;
    top: 5px;
}

#nav .nav-links li.tarifs {
    border-bottom:2px solid #00000000;
    padding-bottom:4px
}

#nav .off-canvas {
    color:#08080A;
    display:flex;
    flex-direction:column;
    font-size:16px;
    font-weight:500;
    line-height:1.2em;
    margin-top:8px;
    padding-top:10px;
    position:relative;
    text-decoration:none;
    text-transform:capitalize
}

#nav .off-canvas::before {
    background-image:url(../images/off-canvas-bars.svg);
    background-repeat:no-repeat;
    background-size:contain;
    content:"";
    display:inline-block;
    height:45px;
    position:absolute;
    right:-13px;
    top:-24px;
    width:56px
}

#nav a.new-btn {
    background-color:#fff!important;
    border-radius:4px!important;
    border:1px solid #fff!important;
    color:#08080A!important;
    display:block!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.2em!important;
    padding:4px 12px!important;
    text-decoration:none!important;
    text-transform:none!important;
    width:max-content !important;
}

#nav a.new-btn:hover {
    background:transparent!important;
    color:#fff!important;
    transition:all 0.4s!important
}

#nav ul.nav-links li .dropdown .container {
    background:#fff;
    border-bottom:3px solid #000;
    border-radius:0px 0px 20px 20px;
    box-shadow:-1px 1px 0 2px #0000001c;
    margin:0 auto
}

#nav ul.nav-links li .dropdown .container {
    background:transparent;
    border-bottom:none;
    border-radius:0px;
    box-shadow:none
}

#nav ul.nav-links>li .dropdown {
    background:rgba(51, 51, 51, .8)!important
}

#nav ul.nav-links>li .dropdown .col-holder {
    padding:20px 40px 70px 40px
}

#nav ul.nav-links>li .dropdown .col-holder .submenu {
    display:flex;
    justify-content:space-between
}

#nav ul.nav-links>li .mini-dropdown {
    background:#fff;
    border-bottom:3px solid #000;
    border-radius:0px 0px 20px 20px;
    box-shadow:0px 2px 0 1px #0000001c;
    display:none;
    font-size:14px;
    left:45%;
    padding:20px 10px;
    position:absolute;
    right:50%;
    top:87px;
    transform:translate(-50%, -50%);
    width:140px;
    z-index:9998
}

#nav ul.off-canvas-link>li .offcanvas-content {
    background:rgba(51, 51, 51, .8)!important;
    box-shadow:0 250px 150px 0 rgba(0, 0, 0, .3);
    display:none;
    font-size:14px;
    height:100vh;
    left:0;
    position:absolute;
    top:80px;
    width:100%;
    z-index:9998
}

#nav ul.off-canvas-link>li.active .offcanvas-content {
    display:block;
    transition:all 0.4s
}

#nav-holder .container {
    max-width:100%;
    padding:0px 1rem;
    width:100%
}

#nav>ul.nav-links li.has-children.active .dropdown,
#nav>ul.nav-links li.has-submenu-children.active .mini-dropdown {
    display:block;
    transition:all 0.4s
}

#newsletter {
    padding:60px 0px 80px 0px
}

#newsletter .nl-content {
    background-color:#08080A;
    border-radius:15px;
    display:flex;
    justify-content:space-between;
    margin:0px 0px 80px 0px;
    padding:50px
}

#newsletter .row .img-holder img {
    width:100%
}

#products-slider .slide .img-holder img,
#favorite-products-slider .slide .img-holder img {
    width:100%
}

#taches-hero ul.breadcrumb li a,
.ssales-hero ul.breadcrumb li a {
    color:#fff;
    text-decoration:none;
    text-transform:capitalize
}

#tech-slider {
    display:flex;
    width:100%
}

#tech-slider .slide {
    margin-right:20px;
    width:20%
}

#tech-slider .slide .img-holder img {
    height:380px;
    width:100%
}

#tech-slider .slide .tech-desc {
    opacity:0;
    position:relative;
    transition:all 0.5s ease;
    z-index:2
}

#tech-slider .slide .tech-desc h4 {
    color:#fff;
    font-family:"Cormorant Garamond";
    font-size:22px;
    font-weight:700;
    line-height:1em;
    margin-bottom:8px;
    margin-top:-90px;
    text-align:center
}

#tech-slider .slide .tech-desc p {
    color:#fff;
    padding:0px 40px;
    text-align:center
}

#technologies h2 {
    transform:rotate(181deg);
    writing-mode:vertical-lr
}

#testimonials-slider .slide {
    width:400px
}

#testimonials-slider .slide .description {
    align-items:center;
    display:flex;
    justify-content:space-between
}

#testimonials-slider .slide fieldset {
    border-color:#08080A;
    border-style:solid;
    padding:30px
}

#testimonials-slider .slide fieldset hr {
    border-color:#08080A;
    border-style:solid;
    margin:0px 0px 25px 0px
}

#treatable-areas-content .tab button {
    background:#f0f0f0;
    border-radius:50px;
    border:none;
    font-size:17px;
    font-weight:400;
    line-height:1.3em;
    margin-right:-20px;
    padding:20px 50px
}

#treatments-slider .slide .img-holder img {
    width:100%
}

#wrapper {
    overflow:hidden;
    width:100%
}

.accueil-hero .container {
    max-width:100%;
    padding:0px 1rem;
    width:100%
}

.accueil-hero .content-holder {
    background-image:url("../images/slide-2.jpg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:5px;
    color:#fff;
    padding:19rem;
    position:relative
}

.accueil-hero .content-holder .content {
    display:flex;
    flex-direction:column;
    left:20%;
    max-width:300px;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%)
}

.aesthetic {
    padding:80px 0px;
    text-align:center
}

.aesthetic h2 {
    margin:0px 0px 30px 0px
}

.before-after div.content {
    color:#fff;
    display:flex;
    justify-content:space-between;
    margin-top:-40px;
    padding:0px 20px;
    position:relative;
    width:100%;
    z-index:9999
}

.blog-details h2,
.blogue .top-blogs .row .featured-blog .content-holder h2 {
    line-height:1.2em;
    margin-bottom:10px;
    text-transform:capitalize
}

.blog-details hr {
    border-radius:10px;
    border:1.5px solid #000;
    margin:0px 0px 50px 0px
}

.blogue .top-blogs .row .featured-blog .content-holder a {
    margin:0 auto;
    max-width:250px
}

.blogue .top-blogs .row .featured-blog .img-holder img {
    border-radius:15px;
    width:100%
}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog .content a {
    max-width:200px
}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog .content h5 {
    font-family:"Cormorant Garamond";
    font-size:24px;
    font-weight:700;
    line-height:1.2em;
    margin-bottom:10px;
    text-transform:capitalize
}

.blogue .top-blogs .row .top-rated-blogs .top-rated-blog .img-holder img {
    border-radius:10px;
    width:100%
}

.clinic-availibilty .tab-holder .tab button {
    background:#fff;
    border-radius:15px;
    border:none;
    font-size:17px;
    font-weight:400;
    line-height:1.3em;
    margin-right:-20px;
    padding:20px 50px;
    position:relative
}

.clinic-availibilty table tr td.icon-detail {
    align-items:center;
    display:flex;
    padding:5px
}

.clinic-availibilty table tr td:last-child {
    border-bottom:1px solid #b0ada8
}

.contact-details .contact .content h6 {
    font-family:"Cormorant Garamond";
    font-size:26px;
    font-weight:700;
    line-height:1.2em
}

.experts #member-slider {
    width:100%
}

.experts h2 {
    margin:0px 0px 60px 0px;
    text-align:center
}

.finance-hero ul.breadcrumb li a {
    color:#fff;
    text-decoration:none;
    text-transform:capitalize
}

.follow-us .row .instagram .head img,
.follow-us .row .tiktok .head img {
    margin:0px 30px 0px 0px
}

.follow-us .row .instagram .head,
.follow-us .row .tiktok .head {
    display:flex;
    justify-content:center
}

.header-btn {
    background-color:#08080A!important;
    border-radius:4px!important;
    border:1px solid #08080a!important;
    color:#fff!important;
    display:block!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:1.2em!important;
    padding:8px 15px!important;
    text-decoration:none!important;
    text-transform:none!important;
    width:max-content
}

.header-top-bar .close-topbar {
    display:block;
    transition:all 0.4s!important
}

.header-top-bar .row {
    align-items:flex-start;
    display:flex;
    gap:8px;
    justify-content:center
}

.header-top-bar .row img {
    width:8px
}

.header-top-bar .row p {
    color:#08080a9a;
    font-style:italic;
    text-align:center
}

.invert-template .row .content-col {
    padding:80px 50px 0px 0px;
    width:55%
}

.invert-template .row .img-holder img {
    width:100%
}

.logos-slide {
    animation:20s scroll infinite linear;
    display:inline-block
}

.logos-slide img {
    height:90px;
    margin:0 20px
}

.map .row .left-col {
    display:flex;
    flex-direction:column;
    margin:0px 20px 0px 0px
}

.map .row .left-col .img-holder img,
.map .row .right-col .img-holder img {
    max-width:100%
}

.member-pop-up {
    background-color:#f8f3ec;
    border-radius:20px 20px 0px 0px;
    display:none;
    left:50%;
    margin:0 auto;
    position:fixed;
    top:50%;
    transform:translate(-50%, -50%);
    width:1000px;
    z-index:9999
}

.member-pop-up .row .member-holder .img-holder img {
    border-radius:20px 20px 0px 0px;
    max-width:100%
}

.mobile-top-bar .social-icons {
    display:flex;
    gap:20px
}
#nav .nav-links .social-icons li a{
    padding-top: 0px !important;
} 

.notre-hero .tab-holder .tab button,
.tarif-hero .tab-holder .tab button {
    background:#f8f3ec;
    border-radius:15px;
    border:none;
    cursor:pointer;
    font-size:17px;
    font-weight:400;
    letter-spacing:1px;
    line-height:1.3em;
    margin-right:0px;
    padding:20px 50px;
    position:relative;
    text-transform:uppercase
}

.notre-hero .tab-holder .tab button,
.tarif-hero .tab-holder .tab button {
    padding:4px 50px
}

.notre-hero .tab-holder .tab button.active,
.tarif-hero .tab-holder .tab button.active {
    background-color:transparent;
    border-radius:0px;
    color:#000;
    font-weight:bold;
    position:relative;
    text-decoration-thickness:1px;
    text-decoration:underline;
    text-underline-offset:6px;
    z-index:999
}

.notre-hero .tab-holder .tab button::after,
.tarif-hero .tab-holder .tab button::after {
    background-color:#08080a;
    height:30px
}

.notre-hero .tab-holder .tabcontent .row {
    display:flex;
    margin:0px 0px 0px 0px
}

.notre-hero .tab-holder .tabcontent .row .member {
    margin-right:30px;
    width:33%
}

.notre-hero .tab-holder .tabcontent .row .member .img-holder img {
    max-width:100%
}

.notre-hero .tab-holder .tabcontent .row .member .info {
    background-color:#f8f3ec;
    border-radius:0px 0px 15px 15px;
    padding:30px 15px 20px 15px;
    text-align:center
}

.notre-hero .tab-holder .tabcontent .row .member .info a {
    margin:0px 0px 12px 0px
}

.notre-hero h2,
.tarif-hero h2 {
    margin:0px 0px 30px 0px;
    text-align:center
}

.notre-hero p,
.tarif-hero p {
    margin:0 auto;
    padding:0px 0px 60px 0px;
    text-align:center;
    text-transform:none;
    width:70%
}

.related-blogs .row .blog .content h4 {
    font-family:"Cormorant Garamond";
    font-size:28px;
    font-weight:700;
    line-height:1.2em;
    margin-bottom:10px;
    text-transform:capitalize
}

.simple-products .product {
    margin:0px 25px 0px 0px;
    width:25%
}

.simple-products .product .img-holder img {
    width:100%
}

.simple-products .product a {
    margin:0 auto;
    max-width:220px
}

.simple-products .product p {
    font-size:14px;
    line-height:1.3em;
    margin:0px 0px 10px 0px;
    text-align:center
}

.simple-products .products-holder {
    display:flex
}

.slide .content-holder .content a {
    margin:0;
    max-width:225px
}

.special-tarif-btn {
    border-radius:8px;
    border:1px solid #08080a;
    color:#08080A;
    display:block;
    font-size:10px;
    font-style:italic;
    font-weight:500;
    line-height:1.2em;
    padding:4px 12px;
    text-decoration:none;
    text-transform:none
}

.special-tarif-btn:hover {
    background-color:#08080A;
    color:#fff;
    transition:all 0.4s
}

.subscribe .content-holder {
    background:#f8f3ec;
    border-radius:15px;
    margin:0px 0px 105px 0px;
    padding:70px 0px
}

.subscribe .img-holder .circle-holder {
    left:-5%;
    position:absolute;
    top:45%
}

.tab-holder .tabcontent  .treatment .inner-treatment {
    margin:0px 40px 0px 40px
}

.tab-holder .tabcontent  .treatment .inner-treatment .price-content {
    padding: 18px 0px;
	    margin: 0px!important;

}


.tab-holder .tabcontent  .treatment .inner-treatment .treatment-details {
    background:#faf8f5
}

.tab-holder .tabcontent  .treatment .inner-treatment .treatment-details .price-content:last-child{
    margin: 0px!important;
}
.tabcontent .treatment-details {
    background:#f8f3ec;
    border-bottom:1px solid #b1b1b1;
    display:flex;
    flex-direction:row;
    padding:20px 40px 20px 40px
}

.tabcontent .treatment-details .name {
    align-items:center;
    display:flex;
    gap:20px;
    width:70%
}

.tabcontent .treatment-details .name h3 {
    font-weight:500;
    letter-spacing:1px
}

.tabcontent .treatment-details .treatment-forfait {
    width:30%
}

.tabcontent .treatment-details .treatment-forfait p {
    margin:0px;
    padding:0px;
    text-align:end;
    width:100%
}

.tarif-hero .tab-holder .tab {
    box-shadow:0px 8px 24px 0px rgba(46.99999999999994, 42.999999999999964, 66.99999999999994, 0.1);
    padding:20px
}

.tarif-hero .tab-holder .tab button:first-child.active {
    border-radius:0px
}

.tarif-hero .tab-holder .tab button:last-child.active {
    border-radius:0px
}

.tarif-hero .tab-holder .tabcontent {
    background:#fff;
    border-radius:20px;
    box-shadow:0px 8px 24px 0px rgba(46.99999999999994, 42.999999999999964, 66.99999999999994, 0.1);
    padding:0px 0px 50px 0px;
    width:100%
}

.tarif-hero .tab-holder .tabcontent .head-row {
    background:#fff;
    border-radius:10px 10px 0px 0px;
    color:#000;
    margin:0px;
    padding:40px 40px 20px 40px
}

.tarif-hero .tab-holder .tabcontent .head-row .col-1 h3,
.tarif-hero .tab-holder .tabcontent .head-row .col-2 h3,
.tarif-hero .tab-holder .tabcontent .head-row .col-3 h3 {
    font-family:"DM Sans";
    font-size:20px;
    font-weight:500;
    letter-spacing:1px;
    line-height:1em;
    text-transform:uppercase
}

.tarif-hero .tab-holder .tabcontent .head-row .col-1,
.tarif-hero .tab-holder .tabcontent .price-content .col-1 {
    width:70%
}

.tarif-hero .tab-holder .tabcontent .head-row .col-2,
.tarif-hero .tab-holder .tabcontent .head-row .col-3,
.tarif-hero .tab-holder .tabcontent .price-content .col-2,
.tarif-hero .tab-holder .tabcontent .price-content .col-3 {
    text-align:end;
    width:15%
}

.tarif-hero .tab-holder .tabcontent .price-content {
    background-color:#fff;
    border-bottom:1px solid #b1b1b1;
    border-radius:0px;
    margin: 0px 40px;
    padding:18px 0px
}

.tarif-hero .tab-holder .tabcontent .price-content .col-1 p {
    padding:0px
}

.tarif-hero .tab-holder .tabcontent .price-content .col-2 p,
.tarif-hero .tab-holder .tabcontent .price-content .col-3 p {
    margin:0;
    padding:5px 0px 30px 0px;
    text-align:center;
    width:100%
}

.tarif-hero .tab-holder .tabcontent .price-content .col-2 p,
.tarif-hero .tab-holder .tabcontent .price-content .col-3 p {
    padding:0px
}

.tarif-hero .tab-holder .tabcontent .price-content .col-2 p,
.tarif-hero .tab-holder .tabcontent .price-content .col-3 p {
    text-align:end
}

.tarif-hero .tab-holder .tabcontent .price-content:last-child {
    border-bottom: 0px;
	margin: auto 40px;
}

.template .row .content-col {
    padding:50px 50px 50px 0px;
    width:55%
}

.template .row .img-holder img,
.reverse-pulse .row .img-holder img {
    width:100%
}

.testimonials p {
    margin-bottom:30px;
    text-align:center
}

.treatments ul.navigation {
    display:flex;
    justify-content:center;
    padding:60px 0px 0px 0px;
    position:absolute;
    right:7rem;
    top:-18px
}

.why-choos-us .content .right-col .block-holder .block p {
    text-transform:capitalize
}

.why-us .row .content-holder .tab-holder .tab button {
    background:transparent;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    border:none;
    font-size:19px;
    line-height:1.2em;
    padding:15px 0px;
    text-align:start;
    text-transform:uppercase
}

.why-us .row .content-holder .tab-holder .tab button.active {
    border-bottom:2px solid #000;
    border-top:2px solid #000;
    font-weight:700
}

.why-us .row .content-holder .tab-holder .tabcontent a {
    max-width:220px
}

.why-us .row .img-holder img {
    width:100%
}

.why-us .row,
.content-holder .tab-holder {
    display:flex;
    justify-content:space-between
}

a.header-btn:hover {
    background:transparent!important;
    color:#08080A!important;
    transition:all 0.4s!important
}

div.comparison {
    border-radius:10px;
    height:400px;
    max-height:600px;
    max-width:600px;
    overflow:hidden;
    width:400px
}

input[type=range] {
    -moz-appearance:none;
    -webkit-appearance:none;
    background-color:transparent;
    left:-2%;
    position:relative;
    top:-50%;
    width:102%
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    background:url(../images/handle.svg);
    border-radius:0;
    height:30px;
    position:relative;
    width:30px;
    z-index:999
}

input[type=range]::after {
    background:#fff;
    content:"";
    display:block;
    height:1px;
    position:absolute;
    right:0;
    top:15px;
    width:50%
}

input[type=range]::before {
    background:#fff;
    content:"";
    display:block;
    height:1px;
    left:0;
    position:absolute;
    top:15px;
    width:50%
}

ul.mini-submenu hr {
    background:#000;
    border-radius:20px;
    display:none;
    height:3px;
    margin:0px 0px 9px 0px;
    width:100px
}

ul.submenu hr {
    background:#000;
    border-radius:20px;
    display:none;
    height:3px;
    margin:0px 0px 9px 0px;
    width:200px
}

ul.submenu li a {
    display:flex!important
}

ul.submenu li a::after {
    content:none!important
}

ul.submenu li.pagelist-1,
ul.submenu li.pagelist-2,
ul.submenu li.pagelist-3 {
    width:30%
}


@media (min-width: 290px) and (max-width: 767px) {

  #accueil-hero-slider .pagination {
    bottom:15px;
    right:40%
  }

  #accueil-hero-slider .pagination li button {
    height:12px;
    width:12px
  }

  #accueil-hero-slider .pagination li button::before {
    right:-9px;
    top:-9px
  }

  #accueil-hero-slider .pagination li.slick-active button::before {
    padding:13px
  }

  #before-after .row .img-holder {
    margin:0px 0px 30px 0px;
    width:100%
  }

  #blogue-main .blogue {
    padding:40px 0px
  }

  #clinic-choice {
    padding:0px 0px 40px 0px
  }

  #clinic-location {
    background:#fafafa;
    padding:40px 0px
  }

  #clinic-slider .pagination {
    bottom:0px;
    left:90px
  }

  #clinic-slider .slide .content {
    background:#F8F3EC;
    border-radius:20px;
    height:150px;
    padding:10px;
    width:75%
  }

  #consultation .content-holder .row a {
    max-width:70%
  }

  #consultation h2 {
    margin:0px 0px 15px 0px
  }

  #consultation,
    .consultation {
    padding:40px 0px
  }

  #cost {
    padding:40px 0px
  }

  #error-main .error-section {
    height:60vh
  }

  #faqs {
    padding:0px 0px 30px 0px
  }

  #faqs .row .left-col,
    #faqs .row .right-col {
    margin-left:0;
    width:100%
  }

  #faqs h2 {
    margin:15px;
    text-align:center
  }

  #main #section-links-holder {
    padding:0px 0px 30px 0px
  }

  #main-footer .footer-sb ul li a,
    #main-footer .footer-sh ul li a {
    align-items:center;
    flex-direction:column;
    justify-content:center;
    margin-bottom:8px
  }

  #male-info .row .left-col,
    #male-info .row .right-col,
    #female-info .row .left-col,
    #female-info .row .right-col {
    width:100%
  }

  #member-mobile-slider .slide {
    padding:40px 20px 20px 20px
  }

  #member-mobile-slider .slide .content-holder {
    padding:0px;
    width:100%
  }

  #member-mobile-slider .slide .member-holder .img-holder img {
    max-width:100%
  }

  #nav .appointment .header-btn,
    #nav .appointment .off-canvas-link {
    display:none!important
  }

  #nav .container .about-holder {
    flex-wrap:wrap;
    padding:10px 0px
  }

  #nav .container .about-holder .left-col .free-consultation-block {
    width:100%
  }

  #nav .container .about-holder .left-col .row-1 {
    flex-direction:column
  }

  #nav .container .about-holder .left-col .row-2 .follow-us-block .content {
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:30px 10px
  }

  #nav .container .about-holder .left-col,
    #nav .container .about-holder .right-col {
    width:100%
  }

  #nav .container .branches-holder .branch .branch-content {
    width:100%
  }

  #nav .container .branches-holder .branch .img-holder {
    width:100%
  }

  #nav .container .esthetique-holder {
    flex-wrap:wrap!important;
    padding:10px 0px
  }

  #nav .container .esthetique-holder .left-col {
    width:100%
  }

  #nav .container .esthetique-holder .right-col {
    width:100%
  }

  #nav .container .esthetique-holder .right-col .gernal-submenu-container .unordered-lists {
    flex-wrap:wrap
  }

  #nav .container .injectable-holder {
    flex-wrap:wrap!important;
    padding:10px 0px
  }

  #nav .container .injectable-holder .left-col,
    #nav .container .injectable-holder .center-col,
    #nav .container .injectable-holder .right-col {
    width:100%
  }

  #nav .container .injectable-holder .right-col .gernal-submenu-container {
    width:100%
  }

  #nav .container .medical-holder {
    flex-wrap:wrap;
    padding:10px 0px
  }

  #nav .container .medical-holder .col {
    display:flex;
    width:100%
  }

  #nav .container .nos-cliniques-holder {
    flex-wrap:wrap;
    padding:10px 0px
  }

  #nav .container .nos-cliniques-holder .left-col {
    flex-wrap:wrap;
    width:100%
  }

  #nav .container .nos-cliniques-holder .right-col {
    width:100%
  }

  #nav .container .nos-cliniques-holder .right-col .branches-holder .branch {
    flex-wrap:wrap
  }

  #nav .container .preoccupations-holder {
    flex-wrap:wrap!important;
    padding:10px 0px
  }

  #nav .container .preoccupations-holder .free-consultation-block {
    width:100%
  }

  #nav .container .preoccupations-holder .free-consultation-block .content {
    padding:20px
  }

  #nav .container .preoccupations-holder:nth-child(1) .gernal-submenu-container,
    #nav .container .preoccupations-holder:nth-child(2) .gernal-submenu-container {
    width:100%
  }

  #nav .nav-links .mobile-top-bar .social-icons ul {
    align-items:end;
    display:flex
  }

  #nav .nav-links .mobile-top-bar .social-icons ul li {
    margin:0px 10px 0px 0px;
    padding:0px
  }

  #nav .nav-links .mobile-top-bar .social-icons ul li a img {
    height:auto;
    width:auto
  }

  #nav .nav-links .mobile-top-bar hr {
    background:#000;
    border-radius:20px;
    height:2px;
    margin:0px 0px 20px 0px;
    width:100%
  }

  #nav .nav-links li {
    padding:15px 0px 0px 0px
  }

  #nav .nav-links li a::after {
    background-image:url(../images/add-icon.svg);
    background-repeat:no-repeat;
    background-size:contain;
    content:"";
    display:inline-block;
    height:10px;
    position:absolute;
    right:0;
    top:6px;
    width:10px
  }

  #nav .nav-links li.aboutus-mega-menu {
    display:block
  }

  #nav .nav-links li.has-children a::after {
    height:15px;
    position:absolute;
    right:0px;
    top:5px;
    width:15px
  }

  #nav .nav-links li.has-children a::after,
    #nav .nav-links li.has-submenu-children>a::after {
    height:10px;
    position:absolute;
    right:0px;
    top:20px;
    width:10px
  }

  #nav .nav-links li.has-children.active {
    border-bottom:none;
    padding-bottom:4px;
    padding:0px 0px 15px 0px
  }

  #nav .nav-links li.has-children>a::before,
    #nav .nav-links li.has-submenu-children>a::before {
    display:none;
    height:10px;
    left:auto;
    right:0;
    top:5px;
    transform:none;
    width:10px
  }

  #nav .nav-links li.tarifs {
    padding:10px 0px 0px 0px
  }

  #nav .nav-links li.tarifs a:after {
    content:none
  }

  #nav ul.nav-links li .dropdown {
    background-color:transparent!important;
    box-shadow:none
  }

  #nav ul.nav-links li .dropdown .container {
    background-color:transparent!important;
    padding:0px
  }

  #nav-holder .container {
    padding:0px 1rem
  }

  #nav>ul.nav-links>li .dropdown {
    border-radius:0px;
    display:none;
    height:auto;
    position:relative;
    top:10px
  }

  #newsletter .nl-content form #fname,
    .monthly-newsletter .nl-content form #fname {
    margin:0px 0px 10px 0px;
    padding:10px 20px;
    width:100%
  }

  #newsletter .nl-content form .white-btn,
    .monthly-newsletter .nl-content form .white-btn {
    align-self:center;
    max-width:200px
  }

  #newsletter .nl-content h4,
    .monthly-newsletter .nl-content h4 {
    font-size:22px;
    margin-bottom:8px;
    padding:0px;
    text-align:center;
    width:100%
  }

  #newsletter .row {
    flex-wrap:wrap;
    margin:0px 0px 15px 0px;
    padding:0px 0px 0px 0px
  }

  #products ul.navigation,
    .favorite-products ul.navigation,
    .experts ul.navigation {
    padding:20px 0px 20px 0px
  }

  #section-links ul {
    align-items:start;
    flex-direction:column;
    margin-bottom:15px;
    width:100%
  }

  #section-links-holder #section-links {
    flex-direction:column;
    padding:20px
  }

  #taches-about p {
    margin:0px 0px 10px 0px
  }

  #technologies .row .heading-col {
    margin:0px 30px 30px 0px
  }

  #technologies ul.navigation {
    padding:10px 0px 30px 0px
  }

  .accueil-hero .content-holder .content {
    left:37%
  }

  .aesthetic {
    padding:40px 0px
  }

  .before-after div.content {
    color:#fff;
    margin-top:-61px;
    padding:0px 10%;
    width:100%
  }

  .blog-details {
    padding:40px 0px
  }

  .blog-details .row {
    flex-direction:column;
    padding:0px 0px 30px 0px
  }

  .blog-details hr {
    margin:0px 0px 30px 0px
  }

  .blogue .container>hr {
    margin:25px 0px 25px 0px
  }

  .blogue .related-blogs {
    margin:0px 0px 15px 0px
  }

  .clinic-availibilty .tab-holder .tab button {
    font-size:15px;
    margin-right:-3px;
    padding:15px 35px;
    width:33%
  }

  .clinic-availibilty table tr td.icon-detail {
    align-items:center;
    display:flex;
    flex-direction:column;
    padding:10px
  }

  .clinic-choice .row .content-col h2 {
    margin-bottom:20px;
    text-align:center
  }

  .follow-us .container>h2 {
    margin:0px 0px 40px 0px
  }

  .follow-us .instagram .btn-holder,
    .follow-us .tiktok .btn-holder {
    flex-direction:column
  }

  .invert-template .row .img-holder {
    padding:40px 0px 0px 0px
  }

  .location-hodler>.lcoation:first-child {
    margin-bottom:20px;
    margin-right:0px
  }

  .logos-slide {
    animation:15s scroll infinite linear;
    display:inline-block
  }

  .logos-slide img {
    height:60px;
    margin:0 15px
  }

  .map .row {
    flex-direction:column
  }

  .map .row .left-col {
    margin:0px
  }

  .member-pop-up {
    top:30%;
    width:290px
  }

  .member-pop-up .cross-sign {
    right:5px;
    top:0px;
    z-index:2
  }

  .member-pop-up .row {
    display:none
  }

  .mt-mb {
    margin:40px 0px!important
  }

  .nagative-margin {
    margin:-45px 0px 0px 0px!important
  }

  .notre-hero .tab-holder .tab button,
    .tarif-hero .tab-holder .tab button {
    font-size:15px;
    margin-right:-3px;
    padding:15px 35px;
    width:50%
  }

  .notre-hero .tab-holder .tab button,
    .tarif-hero .tab-holder .tab button {
    padding:8px 35px
  }

  .notre-hero .tab-holder .tabcontent .row {
    flex-direction:column;
    margin:0px
  }

  .notre-hero .tab-holder .tabcontent .row .member .info {
    padding:15px 10px 15px 10px
  }

  .notre-hero .tab-holder .tabcontent .row .member,
    .notre-hero .tab-holder .tabcontent .row .member:last-child {
    margin:0px 0px 12px 0px;
    width:100%
  }

  .notre-hero p,
    .tarif-hero p {
    padding:0px 0px 40px 0px;
    width:90%
  }

  .notre-hero,
    .tarif-hero {
    padding:40px 0px 30px 0px
  }

  .social-icons ul li a img {
    height:30px;
    width:30px
  }

  .tabcontent .treatment-details {
    padding:10px
  }

  .tabcontent .treatment-details .name {
    align-items:start;
    flex-direction:column
  }

  .tabcontent .treatment-details .treatment-forfait {
    align-items:center;
    display:flex
  }

  .tabcontent table tbody,
    .tabcontent table tbody tr {
    display:flex;
    flex-direction:column;
    width:100%
  }

  .tarif-hero .tab-holder .tabcontent .head-row {
    background:#000;
    border-radius:10px;
    color:#fff;
    display:flex;
    margin:0px 0px 15px 0px;
    padding:10px
  }

  .tarif-hero .tab-holder .tabcontent .head-row .col-1 h3,
    .tarif-hero .tab-holder .tabcontent .head-row .col-2 h3,
    .tarif-hero .tab-holder .tabcontent .head-row .col-3 h3 {
    font-family:"Cormorant Garamond";
    font-size:17px;
    font-weight:700;
    line-height:1em
  }

  .tarif-hero .tab-holder .tabcontent .head-row .col-1 h3,
    .tarif-hero .tab-holder .tabcontent .head-row .col-2 h3,
    .tarif-hero .tab-holder .tabcontent .head-row .col-3 h3 {
    font-size:14px
  }

  .tarif-hero .tab-holder .tabcontent .head-row .col-1,
    .tarif-hero .tab-holder .tabcontent .price-content .col-1 {
    width:60%
  }

  .tarif-hero .tab-holder .tabcontent .head-row .col-2,
    .tarif-hero .tab-holder .tabcontent .head-row .col-3,
    .tarif-hero .tab-holder .tabcontent .price-content .col-2,
    .tarif-hero .tab-holder .tabcontent .price-content .col-3 {
    width:20%
  }

  .tarif-hero .tab-holder .tabcontent .price-content .col-1 .btn:after {
    height:20px;
    right:16px;
    top:9px;
    width:16px
  }

  .tarif-hero .tab-holder .tabcontent .price-content .col-1 a,
    .tarif-hero .tab-holder .tabcontent .price-content .col-2 a,
    .tarif-hero .tab-holder .tabcontent .price-content .col-3 a {
    font-size:13px;
    max-width:150px;
    padding:9px 20px
  }

  .tarif-hero .tab-holder .tabcontent .price-content .col-1 h3 {
    font-size:22px;
    margin:0px 0px 10px 0px
  }

  .tarif-hero .tab-holder .tabcontent .price-content .col-2 p,
    .tarif-hero .tab-holder .tabcontent .price-content .col-3 p {
    padding:5px 0px 16px 0px
  }

  .template .row .content-col,
    .reverse-pulse .row .content-col {
    margin:0px 0px 20px 0px
  }

  .treatments {
    padding:10px 0px 50px 0px
  }

  .why-us .row .content-holder .tab-holder .tab button {
    font-size:9px;
    padding:8px 0px;
    text-align:center;
    width:34%
  }

  .why-us .row .content-holder .tab-holder .tabcontent a {
    margin:0 auto;
    max-width:220px
  }

  div.comparison {
    border-radius:10px;
    height:300px;
    margin:30px auto;
    max-height:300px;
    max-width:300px;
    overflow:hidden;
    width:300px
  }

}

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

  #clinic-choice {
    padding:0px 0px 50px 0px
  }

  #clinic-location {
    background:#fafafa;
    padding:50px 0px
  }

  #error-main .error-section {
    height:70vh
  }

  #nav .appointment .header-btn,
    #nav .appointment .off-canvas-link {
    display:none!important
  }

  #nav .container .about-holder {
    flex-wrap:wrap;
    padding:10px 0px
  }

  #nav .container .about-holder .left-col .free-consultation-block {
    width:47.5%
  }

  #nav .container .about-holder .left-col .row-2 .follow-us-block .content {
    background-image:url(../images/visage-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    flex-direction:column;
    gap:10px;
    padding:30px 10px;
    position:relative
  }

  #nav .container .about-holder .left-col .row-2 .follow-us-block .content h4 {
    color:#fff;
    position:relative
  }

  #nav .container .about-holder .left-col .row-2 .follow-us-block .content::before {
    background-color:#000000c7;
    background-repeat:no-repeat;
    background-size:contain;
    border-radius:5px;
    content:"";
    display:block;
    height:100%;
    position:absolute;
    width:100%
  }

  #nav .container .about-holder .left-col,
    #nav .container .about-holder .right-col {
    width:100%
  }

  #nav .container .about-holder .right-col .ressources-holder .ressource-holder .img-holder {
    height:68px
  }

  #nav .container .about-holder .right-col .ressources-holder .ressource-holder .img-holder img {
    border-radius:5px;
    display:block;
    height:100%;
    object-fit:cover;
    width:100%
  }

  #nav .container .branches-holder .branch .branch-content {
    width:100%
  }

  #nav .container .branches-holder .branch .img-holder {
    width:100%
  }

  #nav .container .esthetique-holder {
    flex-wrap:wrap!important
  }

  #nav .container .esthetique-holder .left-col {
    width:100%
  }

  #nav .container .esthetique-holder .right-col {
    width:100%
  }

  #nav .container .esthetique-holder .right-col .gernal-submenu-container .unordered-lists {
    flex-wrap:wrap;
    gap:20px
  }

  #nav .container .injectable-holder {
    flex-wrap:wrap!important
  }

  #nav .container .injectable-holder .left-col,
    #nav .container .injectable-holder .center-col,
    #nav .container .injectable-holder .right-col {
    width:100%
  }

  #nav .container .injectable-holder .right-col .gernal-submenu-container {
    width:100%
  }

  #nav .container .medical-holder {
    flex-wrap:wrap;
    padding:10px 0px
  }

  #nav .container .medical-holder .col {
    display:flex;
    width:47%
  }

  #nav .container .nos-cliniques-holder {
    flex-wrap:wrap;
    padding:10px 0px
  }

  #nav .container .nos-cliniques-holder .left-col {
    flex-wrap:wrap;
    width:100%
  }

  #nav .container .nos-cliniques-holder .right-col {
    width:100%
  }

  #nav .container .nos-cliniques-holder .right-col .branches-holder .branch {
    flex-wrap: nowrap;
  }

  #nav .container .preoccupations-holder {
    flex-wrap:wrap!important;
    padding:10px 0px
  }

  #nav .container .preoccupations-holder .free-consultation-block {
    width:100%
  }

  #nav .container .preoccupations-holder .free-consultation-block .content {
    padding:20px
  }

  #nav .container .preoccupations-holder:nth-child(1) .gernal-submenu-container,
    #nav .container .preoccupations-holder:nth-child(2) .gernal-submenu-container {
    width:100%
  }

  /*#nav .nav-links {*/
  /*  background-color:#f0f0f0;*/
  /*  display:block;*/
  /*  height:100%;*/
  /*  left:-500px;*/
  /*  padding:50px 20px;*/
  /*  position:fixed;*/
  /*  top:0;*/
  /*  transition:all 0.5s ease;*/
  /*  width:500px;*/
  /*  z-index:999*/
  /*}*/

  #nav .nav-links .mobile-top-bar .social-icons ul li {
    margin:0px 10px 0px 0px;
    padding:7px 0px 0px 0px
  }

  #nav .nav-links .mobile-top-bar hr {
    background:#000;
    border-radius:20px;
    height:2px;
    margin:0px 0px 20px 0px;
    width:100%
  }

  #nav .nav-links li {
    border-bottom:0px!important;
    padding:15px 0px 0px 0px
  }

  #nav .nav-links li a {
    display:block;
    font-size:18px
  }

  #nav .nav-links li.aboutus-mega-menu {
    border-bottom:0px!important;
    display:block
  }

  #nav .nav-links li.has-children a::after,
    #nav .nav-links li.has-submenu-children>a::after {
    height:15px;
    position:absolute;
    right:0;
    top:20px;
    width:15px
  }

  #nav .nav-links li.tarifs {
    padding:10px 0px 0px 0px
  }

  #nav-holder .container {
    padding:0px 1rem
  }

  #nav>ul.nav-links>li .dropdown {
    background:transparent!important;
    box-shadow:none;
    display:none;
    height:auto;
    position:relative;
    top:10px
  }

  #nav>ul.nav-links>li .dropdown .container {
    padding:0px
  }

  .blog-details {
    padding:40px 0px
  }

  .blog-details .related-blogs .row {
    padding:0px 0px 10px 0px
  }

  .blog-details .row {
    padding:0px 0px 40px 0px
  }

  .blog-details .row .content-col span.date,
    .related-blogs .blog .content span.date {
    font-size:15px;
    margin:0px 0px 6px 0px
  }

  .blog-details hr {
    margin:0px 0px 40px 0px
  }

  .blog-details p.content-details {
    margin:0px 0px 40px 0px
  }

  .related-blogs .row .blog {
    margin:0px 20px 20px 0px;
    width:31%
  }

  .simple-products .product a {
    margin:0 auto;
    max-width:220px
  }

  .social-icons ul li a img {
    height:auto;
    width:auto
  }

  div.comparison {
    border-radius:10px;
    height:500px;
    margin:30px auto;
    max-height:500px;
    max-width:500px;
    overflow:hidden;
    width:500px
  }
  #nav .container .esthetique-holder .right-col .gernal-submenu-container .unordered-lists ul {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  #nav .nav-links li.has-children.active>a::after,
  #nav .nav-links li.has-submenu-children.active>a::after {

    top: 20px;
      
  }

}
@media (min-width: 290px) and (max-width: 767px) {
        #nav .nav-links li a::after {
        display: none;
    }
    #nav .nav-links li.has-children.active>a::after, #nav .nav-links li.has-submenu-children.active>a::after {
        top: 20px;
    }
    .branch {
        max-height: 100%;
    }
    #nav .container .esthetique-holder .right-col .gernal-submenu-container .unordered-lists ul {
    max-height: 100%;
    }
}