/*
Theme Name: DessureaultHerbert
Theme URI: DessureaultHerbert
Description: This is an exclusive, fully SEO optimized Wordpress theme developed by newTheme for newTheme website.
Author: DessureaultHerbert
Author URI: DessureaultHerbert
*/

@charset "UTF-8";


/*-----  text and background colors  -----*/

@font-face {
    font-family: 'Circular Std';
    src: url('assets/fonts/CircularStd-BlackItalic.eot');
    src: url('assets/fonts/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CircularStd-BlackItalic.woff2') format('woff2'),
        url('assets/fonts/CircularStd-BlackItalic.woff') format('woff'),
        url('assets/fonts/CircularStd-BlackItalic.ttf') format('truetype'),
        url('assets/fonts/CircularStd-BlackItalic.svg#CircularStd-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('assets/fonts/CircularStd-Black.eot');
    src: url('assets/fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CircularStd-Black.woff2') format('woff2'),
        url('assets/fonts/CircularStd-Black.woff') format('woff'),
        url('assets/fonts/CircularStd-Black.ttf') format('truetype'),
        url('assets/fonts/CircularStd-Black.svg#CircularStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('assets/fonts/CircularStd-Bold.eot');
    src: url('assets/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CircularStd-Bold.woff2') format('woff2'),
        url('assets/fonts/CircularStd-Bold.woff') format('woff'),
        url('assets/fonts/CircularStd-Bold.ttf') format('truetype'),
        url('assets/fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std Book';
    src: url('assets/fonts/CircularStd-Book.eot');
    src: url('assets/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CircularStd-Book.woff2') format('woff2'),
        url('assets/fonts/CircularStd-Book.woff') format('woff'),
        url('assets/fonts/CircularStd-Book.ttf') format('truetype'),
        url('assets/fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('assets/fonts/CircularStd-MediumItalic.eot');
    src: url('assets/fonts/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CircularStd-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/CircularStd-MediumItalic.woff') format('woff'),
        url('assets/fonts/CircularStd-MediumItalic.ttf') format('truetype'),
        url('assets/fonts/CircularStd-MediumItalic.svg#CircularStd-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std Book';
    src: url('assets/fonts/CircularStd-BookItalic.eot');
    src: url('assets/fonts/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CircularStd-BookItalic.woff2') format('woff2'),
        url('assets/fonts/CircularStd-BookItalic.woff') format('woff'),
        url('assets/fonts/CircularStd-BookItalic.ttf') format('truetype'),
        url('assets/fonts/CircularStd-BookItalic.svg#CircularStd-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('assets/fonts/CircularStd-Medium.eot');
    src: url('assets/fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CircularStd-Medium.woff2') format('woff2'),
        url('assets/fonts/CircularStd-Medium.woff') format('woff'),
        url('assets/fonts/CircularStd-Medium.ttf') format('truetype'),
        url('assets/fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-Black.eot');
    src: url('assets/fonts/GrifoM-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-Black.woff2') format('woff2'),
        url('assets/fonts/GrifoM-Black.woff') format('woff'),
        url('assets/fonts/GrifoM-Black.ttf') format('truetype'),
        url('assets/fonts/GrifoM-Black.svg#GrifoM-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-Italic.eot');
    src: url('assets/fonts/GrifoM-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-Italic.woff2') format('woff2'),
        url('assets/fonts/GrifoM-Italic.woff') format('woff'),
        url('assets/fonts/GrifoM-Italic.ttf') format('truetype'),
        url('assets/fonts/GrifoM-Italic.svg#GrifoM-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-BlackItalic.eot');
    src: url('assets/fonts/GrifoM-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-BlackItalic.woff2') format('woff2'),
        url('assets/fonts/GrifoM-BlackItalic.woff') format('woff'),
        url('assets/fonts/GrifoM-BlackItalic.ttf') format('truetype'),
        url('assets/fonts/GrifoM-BlackItalic.svg#GrifoM-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-MediumItalic.eot');
    src: url('assets/fonts/GrifoM-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/GrifoM-MediumItalic.woff') format('woff'),
        url('assets/fonts/GrifoM-MediumItalic.ttf') format('truetype'),
        url('assets/fonts/GrifoM-MediumItalic.svg#GrifoM-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-LightItalic.eot');
    src: url('assets/fonts/GrifoM-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-LightItalic.woff2') format('woff2'),
        url('assets/fonts/GrifoM-LightItalic.woff') format('woff'),
        url('assets/fonts/GrifoM-LightItalic.ttf') format('truetype'),
        url('assets/fonts/GrifoM-LightItalic.svg#GrifoM-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-Regular.eot');
    src: url('assets/fonts/GrifoM-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-Regular.woff2') format('woff2'),
        url('assets/fonts/GrifoM-Regular.woff') format('woff'),
        url('assets/fonts/GrifoM-Regular.ttf') format('truetype'),
        url('assets/fonts/GrifoM-Regular.svg#GrifoM-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-Light.eot');
    src: url('assets/fonts/GrifoM-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-Light.woff2') format('woff2'),
        url('assets/fonts/GrifoM-Light.woff') format('woff'),
        url('assets/fonts/GrifoM-Light.ttf') format('truetype'),
        url('assets/fonts/GrifoM-Light.svg#GrifoM-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-BoldItalic.eot');
    src: url('assets/fonts/GrifoM-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/GrifoM-BoldItalic.woff') format('woff'),
        url('assets/fonts/GrifoM-BoldItalic.ttf') format('truetype'),
        url('assets/fonts/GrifoM-BoldItalic.svg#GrifoM-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-Bold.eot');
    src: url('assets/fonts/GrifoM-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-Bold.woff2') format('woff2'),
        url('assets/fonts/GrifoM-Bold.woff') format('woff'),
        url('assets/fonts/GrifoM-Bold.ttf') format('truetype'),
        url('assets/fonts/GrifoM-Bold.svg#GrifoM-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Grifo M';
    src: url('assets/fonts/GrifoM-Medium.eot');
    src: url('assets/fonts/GrifoM-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GrifoM-Medium.woff2') format('woff2'),
        url('assets/fonts/GrifoM-Medium.woff') format('woff'),
        url('assets/fonts/GrifoM-Medium.ttf') format('truetype'),
        url('assets/fonts/GrifoM-Medium.svg#GrifoM-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{opacity: 0;}



*, ::after, ::before {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}


body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #023137;
    line-height: 24px;
    font-style: normal;
    font-family: 'Circular Std Book';
}

a {
	text-decoration: none;
	cursor: pointer;
    color: #023137;
    transition: 0.5s;
}
a:hover {
    color: #8FAAA0;
    transition: 0.5s;
}
ol, ul{ padding-left: 0;}
h1, h2, h3, h4, h5, h6{
    font-weight: 500;
    font-family: 'Grifo M';
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{overflow:hidden}
h1, h2, h3, h4, h5, h6, p{
	margin-bottom: 15px;
	padding: 0;
}
h1, .h1 {    font-size: 40px; line-height: 40px; }
h2, .h2 {    font-size: 40px; line-height: 40px;    }
h3, .h3 {    font-size: 30px;    line-height: 30px;}
h4, .h4 {    font-size: 24px;    line-height: 24px;}
ul {	list-style: none; margin: 0;}
.single a {
    color: #8FAAA0;
    word-wrap: break-word;
}
#smooth-wrapper{ padding-top: 90px;}

img {	width: 100%;    max-width: 100%;}

.bg-dark{ background: #023137 !important; color:#EAF2EF;}
.bg-light{ background: #8FAAA0 !important; color:#fff}

.rounded-48{ border-radius: 48px;}
.mb-72{ margin-bottom: 72px;}
.btn {    font-family: "Circular Std";    font-size: 16px;    font-style: normal;    font-weight: 700;    line-height: 100%; /* 16px */    letter-spacing: 0.96px;
    text-transform: uppercase;    padding: 24px 35px;}
.btnWithArrow {    display: inline-flex;    align-items: center;    gap: 15px;    border-radius: 85px;    justify-content: space-between;    padding: 25px 20px 25px 25px;}
.btnWithArrow .add-icon-sec .hz {    width: calc(100% - 12px);}
.btnWithArrow .add-icon-sec .vt {    height: calc(100% - 15px);}
.lightBt{ background: #EAF2EF;}
.movingLine span{    width: 0;    height: 1px;    display: inline-block;    background: #8FAAA0;    transition: all 2s ease;}
.movingLine.lineOpen span{    width: 100%;}
.add-icon-sec {    position: relative;    display: flex;    width: 72px;    height: 72px;    min-width: 72px;    min-height: 72px;    transition: opacity 0.4s, transform 0.4s;
    padding: 10px;    left: -10px;    cursor: pointer !important;    background: #EAF2EF;    border-radius: 50%;}
.btnWithArrow .add-icon-sec{    width: 30px;    height: 30px;    min-width: 30px;    min-height: 30px; margin-left: 15px;}
.add-icon-sec .hz, .add-icon-sec .vt {    position: absolute;    top: 50%;    left: 50%;    transition: 0.4s;    transition-timing-function: ease-in;    transform: translate(-50%, -50%);}
.add-icon-sec .hz {    border-top: 2px solid #023137;    width: calc(100% - 47px);}
.add-icon-sec .vt {    height: calc(100% - 50px);}
.add-icon-sec .vt:before {    content: " ";    display: block;    height: 50%;    border-right: 2px solid #023137;    transition: opacity 0.4s, transform 0.4s;}
.add-icon-sec .vt:after {    content: " ";    display: block;    top: 50%;    height: 50%;    border-right: 2px solid #023137;    transition: opacity 0.4s, transform 0.4s;}
.add-icon-sec:hover .hz, .service-links ul li a:hover .add-icon-sec .hz, .btnWithArrow:hover .add-icon-sec .hz, .blog-main-sec .blog-col-inner:hover .add-icon-sec .vt {    transition: 0.4s;}
.add-icon-sec:hover .vt, .service-links ul li a:hover .add-icon-sec .vt, .btnWithArrow:hover .add-icon-sec .vt, .blog-main-sec .blog-col-inner:hover .add-icon-sec .vt  {    transform: translate(6px, -50%);    transition: 0.4s;}
.add-icon-sec:hover .vt:before, .service-links ul li a:hover .add-icon-sec .vt:before, 
.btnWithArrow:hover .add-icon-sec .vt:before, .blog-main-sec .blog-col-inner:hover .add-icon-sec .vt:before{    transform: rotate(-45deg);    margin-top: 1px;    transition: 0.4s;}

.add-icon-sec:hover .vt:after, .service-links ul li a:hover .add-icon-sec .vt:after, .btnWithArrow:hover .add-icon-sec .vt:after, .blog-main-sec .blog-col-inner:hover .add-icon-sec .vt:after {   
     transform: rotate(45deg);    margin-top: -2px;    transition: 0.4s;}
     
.container{ max-width: calc(100% - 70px); margin: 0 auto;}
.containerMoveRight {
    width: 100%;
    max-width: 100%;
    padding-left: calc((100vw - 1335px) / 2);
    padding-right: 0;
}
.containerMoveLeft{
    width: 100%;
    max-width: 100%;
    padding-right: calc((100vw - 1335px) / 2);
    padding-left: 0;
}

.section-space{ padding: 144px 0; margin: -1px 0;}

.faqServiceBlock .btnWithArrow span {    font-size: 25px;    font-weight: 200;}

.faqServiceBlock ul {    display: flex;    justify-content: space-between;    font-weight: 700;}
.faqServiceBlock .btnWithArrow span {    font-size: 25px;    font-weight: 200;}
.faqServiceBlock ul {    display: flex;    justify-content: space-between;    font-weight: 700;}
.faqServiceBlock ul li {    text-transform: uppercase;}


body.modal-open div#smooth-wrapper{
    position: static !important;
}
body.modal-open div#smooth-content{
    transform: none !important;
}

/*******Header*********/

.site-header {    background: rgb(249, 249, 249);    border-radius: 0px 0px 12px 12px;    overflow: hidden;    position: fixed;    z-index: 999;    width: 100%;
    left: 0;    right: 0;    top: 0;}

.site-header.headerUp {    top: -240px; transition: 0.5s;}
.site-header.headerDown {    top: 0; transition: 0.5s;}

.nav-header {    display: flex;    justify-content: flex-end;    align-items: center;    gap: 35px;}
.nav-header nav ul {    display: flex;    flex-wrap: wrap;    gap: 35px;}
.nav-header .header-links li a {    display: flex;    text-transform: uppercase;    font-weight: 700;    gap: 10px;}
.nav-header .header-links {    background: #EAF2EF;    padding: 0 40px;}
.nav-header .header-links li a img {    width: 20px;}
.nav-header .header-links ul {    display: flex;    justify-content: flex-end;    align-items: center;    gap: 35px;}
.site-header .logo img {    max-width: 220px;}
.site-header .row {    align-items: center;}
.site-header a {    color: #023137;}
.site-header .container {    max-width: 100%;    padding-left: 40px;    padding-right: 0;}
.header-links li:last-child {    border-left: 1px solid #fff;    padding: 40px 0 40px 35px;}

.nav-header .menuContainer a {    position: relative;    transition: 0.5s;}
.nav-header .menuContainer a:after {    content: "";    height: 1px;    width: 0;    background: #023137;    position: absolute;    left: 0;    bottom: -5px;    transition: 0.5s;}
.nav-header .menuContainer a:hover:after {    width: 100%;    transition: 0.5s;}
/*******Footer*********/

.site-footer {
    color: #8FAAA0;
}
.menu-footer{
    display: flex;
    align-items: flex-end !important;
}
.menu-footer, .social-footer {
    display: flex;    justify-content: space-between;    padding: 48px 15px;    align-items: center;}
.site-footer a {    color: #8FAAA0;    position: relative;    transition: 0.5s;}
.menu-footer ul:last-child li {
    text-align: right;
}
.site-footer a:hover{transition: 0.5s;}
.menu-footer a {    padding: 24px 0 0;    display: inline-block;}
.site-footer a:after {    content: "";    position: absolute;    height: 1px;    width: 0;    background: #8FAAA0;    left: 0;    bottom: 0; transition: 0.5s;}
.site-footer a:hover:after {    width: 100%;    transition: 0.5s;}
.social-footer ul {    display: flex;    gap: 20px;}
.social-footer ul li {    width: 72px;    height: 72px;    background: #8FAAA0;    display: flex;    justify-content: center;    align-items: center;    border-radius: 50%;}
.social-footer ul li img {    width: 25px;    height: 25px;    object-fit: contain;}
.bottom-footer ul {display: flex;justify-content: space-between; flex-wrap:wrap;}
.bottom-footer {    padding-top: 48px;}
.appointment-col {    width: 800px;    height: 800px;    background: #8FAAA0;    display: flex;    text-align: right;    
    justify-content: flex-end;    align-items: flex-end;    border-radius: 100% 0 0 0;    color: #fff;}
.book-now {    padding: 72px;}
.appointment-middle-inner {    padding-left: 72px;    padding-right: 72px;}
.appointment-middle-inner .row {    align-items: center;    justify-content: space-between;}
.appointment-middle-inner .icon-block {    text-align: right;}
.appointment-middle-inner h2 {    margin: 0;}
.appointment-col .icon, .appointment-middle-inner  .icon {    height: 72px;    width: 72px;    background: #fff;    display: inline-flex;    align-items: center;   
     justify-content: center;    border-radius: 50%;    margin-top: 0px;}
/********** Full Img Content Banner*****/

.img-banner {    height: 100vh;    color: #fff;}
.img-banner .container {     height: 100%;    padding-bottom: 100px;}
.img-banner .container .row {    align-items: center;    height: 100%;}
.small-title {    font-size: 16px;    text-transform: uppercase;    margin: 0 0 24px;    display: block;}
.img-banner .add-icon-sec {    margin-top: 30px;}
.justifiedContentBlock {    text-align: justify;}
.service-links ul li a {    display: flex;    justify-content: space-between;    align-items: center;    color: #023137;    width: 100%;    padding: 30px 0px;}
.service-links ul li a h2{ margin: 0;}
.service-links ul li h2 {    margin: 0;}
.service-links .btnWithArrow {    margin-top: 72px;}

/********** ImageLeftContnt *****/
.imageLeftContnt .img-col img {    max-height: 860px;    object-fit: cover;    border-radius:  0px 48px 48px 0px;}
.imageLeftContnt .btn {    margin-top: 48px;}
.imageLeftContnt .img-col {    overflow: hidden;    border-radius: 0px 48px 48px 0px;}
.staticImageRight .img-col {    overflow: hidden;    border-radius: 48px 0px 0 48px;}

/*********accordian-block******/

.acc-head {    padding: 24px 90px 24px 0; position: relative;cursor: pointer;}  
.acc-head::before,   .acc-head::after, .addContent::before,   .addContent::after {content: '';position: absolute;top: 50%;background-color: #023137;transition: all .3s;}  
.acc-head::before, .addContent::before {right: 34px;width: 2px;height: 18px;margin-top: -9px;}  
.acc-head::after, .addContent::after {right: 26px;width: 18px;height: 2px;margin-top: -1px;}  
.acc-head h4 {margin: 0;display: flex;justify-content: space-between;align-items: center;}  
.acc-content {    padding: 15px 0px;    display: none; max-width: 75%; }          
.acc-head.active::before, .addContent.active::before {      transform: rotate(90deg);  }
.acc-head h4 span {    height: 72px;    width: 72px;    background: #EAF2EF;    border-radius: 50%;}
.acc-head h4 span.qt {    width: calc(100% - 75px);    height: auto;    background: none;}
.accordian-block .btn.btnWithArrow.lightBt { margin-top: 72px;}


.team-block .info-col {    margin: 48px 0 20px;} 
.team-block .info-col h3 span {    display: block;    font-size: 24px;}
.team-block .acc-content b, .team-block .acc-content strong {    display: block;}
.team-block .acc-content span {    display: block;    opacity: 0.7;}


/**Team Content***/
/* .addContent::before,   .addContent::after {content: '';position: absolute;top: 50%;background-color: #023137;transition: all .3s;}  
.addContent::before {right: 34px;width: 2px;height: 18px;margin-top: -9px;}  
.addContent::after {right: 26px;width: 18px;height: 2px;margin-top: -1px;} 
.addContent.active::before {      transform: rotate(90deg);  } */

.team-review{ margin: 122px 0 72px; color: #8FAAA0;}
.contentCol {    position: relative;}
.addContent {    position: absolute;    left: 45px;    bottom: -40px;     cursor: pointer;}
.team-block .img-col img {    min-height: 444px;    max-height: 444px;    border-radius: 48px;    object-position: center;    object-fit: cover;}
.team-block .title-col {    margin: 40px 0;}
.team-block .title-col h3 {    margin: 0 0 10px;} 
.hiddenContnt {    margin-top: 20px;}
.leftTitleContent .contentBlock {    padding-left: 72px;    padding-right: 72px;}
.leftTitleContent .contentBlock .row {    align-items: center;}
.sticky-slider .imageLeftContnt {    margin: 0 0 20px; height: 100vh;}
.sticky-slider .imageLeftContnt .text-col {    padding-top: 40%;}
ul.breadcumbs {    display: flex;    flex-wrap: wrap;   }
ul.breadcumbs li {   font-family: 'Grifo M'; position: relative;    border-left: 1px solid #EAF2EF;    padding: 0 10px;        color: #EAF2EF;    font-size: 24px; margin: 0 0 24px;}
ul.breadcumbs li:first-child {    padding-left: 0;    border-left: 0;}
ul.breadcumbs li a {    color: #EAF2EF;}
.titleBredCombs .textRightAlign {    padding: 72px 0 0;}
.titleBredCombs .inner-title-block {    margin: 0 0 72px;}
.titleBredCombs .textRightAlign .movingLine {    margin-top: 48px;}
.leftTitleContentList ul li {    list-style: disc;    margin: 0 0 10px 20px;}
.leftTitleContentList ol li {      margin: 0 0 10px 30px;}
.leftTitleContentList b {    margin: 0 0 24px;    display: block;}
.leftTitleContentList ul {    margin: 0 0 48px;}
.staticImageRight img {    min-height: 620px;    max-height: 620px;    object-fit: cover;    border-radius: 48px 0px 0px 48px;}
.process-top {    padding-bottom: 144px;}
.process-list .row {    margin-bottom: 72px;}
.process-list .row:last-child { margin-bottom: 0;}
.process-list .movingLine {    margin-top: 24px;}
.listNum {    display: flex;    align-items: center;    gap: 15px;    font-size: 24px;}
.listNum .num {    width: 50px;    height: 50px;    border: 1px solid;    display: flex;    justify-content: center;    align-items: center;    font-size: 40px;    border-radius: 50%;}

.contractor-popup {    background: #8FAAA0;    max-width: 800px;    padding: 72px;    color: #fff;    position: absolute;
    z-index: 99999;    height: 100vh;    right: -100%;  top:0;  transition: 0.5s;    display: none;    align-items: center;}
.contractor-popup.active {right:0;} 
.addressBlock {    display: flex;    justify-content: space-between;    margin: 24px 0 72px;}
.common-form input, .common-form textarea {    background: transparent;    border-bottom: 1px solid #fff !important;    border: none; width: 100%; color:#fff}
.common-form input[type="submit"] { color: #023137;}
.common-form textarea{height: 42px !important; resize: none;} 
.common-form input:focus, .common-form textarea:focus {    outline: none;}
.common-form .gform_fields {    display: flex !important;    flex-wrap: wrap;    grid-column-gap: 0 !important;    width: 100% !important;}
.common-form .gform_fields .half-field {    width: 50%;    gap: 0 !important;    padding: 0 15px;}
.common-form .gform_fields .full-field {width: 100%;    gap: 0 !important;    padding: 0 15px;}
.contractor-popup .cancel-btn {    position: absolute;    top: 0;    right: 0;    width: 95px;    height: 95px;    display: flex;    align-items: center;    justify-content: center;}

.gform_footer input[type="submit"] {    background: #fff;    padding: 24px 36px;    width: auto;    border-radius: 82px;    text-transform: uppercase;    margin-top: 30px;}
.gform_footer.top_label {padding: 0 15px !important;}
.contracterAddress {    padding: 0 15px;}
input::placeholder {    color: #fff;    opacity: 1;  }
input::-ms-input-placeholder {  color: #fff;  }
textarea::placeholder {    color: #fff;    opacity: 1;  }
textarea::-ms-input-placeholder {    color: #fff;  }
.default-content-block strong, .default-content-block p {    display: block;    margin: 0px 0 30px;}
.default-content-block ul { margin-bottom: 30px;}
.default-content-block ul li {    list-style: disc;    list-style-position: inside;}
.single-services .appointment { border-bottom: 2px solid #8FAAA0;}
.leftTitleContent .contentBlock {margin-top: 60px;}
.leftTitleContentList .contentBlock { margin-top: 30px;}
.notre-process .process-top .notre-col h2, .notre-col p { margin-bottom: 0;}
.faqServiceBlock ul li span { font-size: 24px; margin-left: 16px;}
.single-services .acc-head::before, .single-services .acc-head::after, .single-services .addContent::before, .single-services .addContent::after {
    background: #fff;
}
/* .single .leftTitleContentList.section-space {
    padding-top: 0;
} */
/*************** popup css***************/
.contractor-popup.active { transform: translate(0%, 0);}
.contractor-popup { background: #8FAAA0; max-width: 800px; padding: 72px; color: #fff; position: fixed; z-index: 99999; height: 100vh; top: 0; transition: 0.5s;
    align-items: center; right: 0; transform: translate(100%, 0); display: flex;}
h2.gform_title { display: none;}
.faqServiceBlock-row{border-bottom: 1px solid #8FAAA0; padding-bottom: 48px;}
.toggle-icon, .toggle-close{    display: none;}

.blog-main-sec .row .blog-col:nth-child(even) .blog-col-inner {    background: #D6E3DE;}

.blog-main-sec .row .blog-col:nth-child(odd) .blog-col-inner {    background: #EAF2EF;}

.blog-col {    display: flex;    margin: 0 0 30px;}

.blog-col .blog-col-inner {    height: 100%;    padding: 48px;    min-height: 415px;    position: relative; border-radius: 48px;}

.blog-main-sec .add-icon-sec {    position: absolute;    bottom: 48px;    right: 48px;    left: auto;    background: transparent;}
.blog-col-inner { width: 100%;}
.breadcumbs.blog img { width: 24px; height: 24px;}
/*.blog-col-inner { border-radius: 48px !important;}*/

.blog-main-sec .blog-main-col h2 { border-bottom: 1px solid #8FAAA0; padding-bottom: 20px; margin-bottom: 72px;}
.breadcumbs.blog li { border-left: 0;}
.charUp, .split-parent, .split-line{
    overflow: hidden;
} 

.calendly-overlay .calendly-popup { 

    height: 100% !important;
    max-height: 800px !important;
}
.top-content-blog {
    padding-top: 70px;
}

@media (max-width:1199px){
    .nav-header {
        position: fixed;
        height: 100vh;
        background: #fff;
        width: 100%;
        transform: translate(200%, 0px);
        transition: 0.5s;
        left: 0;
        top: 0;
        z-index: 1;
        gap: 15px;
    }
    
    .nav-header.active {
        transform: translate(0px, 0px);
        display: flex;
    flex-direction: column;
    align-items: flex-end;
    }
    
    .site-header {
        top: 0 !important;
        padding: 30px 0;
    }
    
    .toggle-icon {
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        display: flex;
        margin: 0;
        align-items: center;
    }
    
    .toggle-icon svg {
        width: 40px;
        height: 40px;
    }
    .toggle-close {
        position: absolute;
        top: 40px;
        right: 40px;
        display: block;
    }
    
    .nav-header nav ul li {
        text-align: right;
        margin-bottom: 20px;
    }
    
    .nav-header .header-links ul {
        flex-direction: column;
        width: 100%;
        padding-right: 0;
        gap: 0;
    }
    .nav-header nav ul {
        display: flex;
        flex-direction: column;
        gap: 15px;  
    }
    .nav-header .header-links {width: 100%;padding: 0 0px;}
    
    .nav-header .header-links ul li {
        text-align: right;
        display: block;
        width: 100%;
        padding: 30px 40px;
    }
    
    .nav-header .header-links ul li a {
        display: block;
    }
    .nav-header ul {
        padding-right: 40px;
    }
    
    .site-header a {
        font-size: 24px;
    }
    .header-links a {
        font-size: 16px;
    }
    
    .menuContainer {
        width: 100%;
    }
    .nav-header .header-links li a img {
        width: 24px;
        margin-left: 12px;
    }
    .header-links li:last-child {
        border-top: 1px solid #fff;
        border-left: 0;
    }
    .lang-menu {
        margin-bottom: 50px;
    }
}

@media(max-width:992px){
    .container {
        max-width: calc(100% - 12px);
    }
    .imageLeftContnt .containerMoveLeft {
        padding-right: 10px;
    }
    .imageLeftContnt .text-col {
        padding-left: 22px;
    }
    .section-space {padding: 70px 0;}
    .imageLeftContnt h3 { margin-top: 72px;}
    /* .site-header .container {
        display: none;
    } */
    .team-review {
        margin: 0 0 72px;
    }
    .team-block .team-block-col {
        margin-bottom: 122px;
    }
    .leftTitleContent .contentBlock {
        padding-left: 36px;
        padding-right: 36px;
    }
    .appointment .appointment-col {
        width: 406px;
        height: 406px;
    }
    .appointment .book-now {
        padding: 36px 12px 36px 130px;
    }
    .appointment-col .icon {
      margin-top: 21px;
    }
    .appointment-middle-inner .icon{
        margin-top: 0;
    }
    .staticImageRight img {
        min-height: 280px;
        max-height: 280px;
    }
    .staticImageRight {
        padding-left: 22px;
    }
    .appointment {
        padding-left: 22px;
    }
    .site-footer h2.h1 {
        font-size: 72px;
        line-height: 72px;
    }
    ul.breadcumbs li:first-child {
        border-right: 1px solid #EAF2EF;
        padding: 0 10px 0 0;
    }
    ul.breadcumbs li {
         border-left:0; 
        padding: 0 10px 0;
    }
    .imageLeftContnt {
        padding-right: 10px;
    }
    .imageLeftContnt .text-col {
        margin-top: 72px;
    }
    .notre-process .notre-col  {
        margin-bottom: 24px;
    }
    .notre-process .process-list .listNum{
        margin-bottom: 36px;
    }
    .appointment-middle .appointment-middle-inner {
        padding-left: 36px;
        padding-right: 36px;
    }
    .faqServiceBlock ul{
        flex-direction: column;
        margin-top: 24px;
    }
    .faqServiceBlock ul li a{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
    }
    .faqServiceBlock-row {padding-bottom: 12px;}

    .sidecommonmain .col-lg-5 .pin-spacer {
        height: auto !important;
        padding: 0 !important;
    }
    
    .sidecommonmain .img-col {
        transform: none !important; 
    }
    
    .sticky-slider .imageLeftContnt .text-col {
        padding: 72px 0 0px 24px;
        margin: 0;
    }
    
    .sticky-slider .imageLeftContnt {
        height: auto !important;
    }
    .service-links .btnWithArrow, .imageLeftContnt .btn {
        margin-top: 36px;
    }
    .acc-head h4 span.qt {
        width: calc(100% - 90px);
    }
    .service-links ul li a h2 {
        margin: 0 28px 0 0;
        font-size: 24px;
        line-height: 24px;
        width: calc(100% - 75px);
    }
    .team-block .col-lg-6 {
        margin: 0 0 50px;
    }
    .bottom-footer ul li:last-child {
        margin-bottom: 0;
    }
    .imageLeftContnt.sidecommonmain {
        padding: 72px 0;
    }
    
    .imageLeftContnt.sidecommonmain:first-child {
        padding-top: 0;
    }
    
    .imageLeftContnt.sidecommonmain:last-child {
        padding-bottom: 0;
    }
    .sticky-slider .imageLeftContnt {
        margin: 0 0 0px;
    }
    .process-top {
        padding-bottom: 72px;
    }
    .titleBredCombs .inner-title-block {
        margin: 0 0 14px;
    }
    .default-main-content-outer .default-main-content {
        padding-top: 122px;
    }
    .titleBredCombs .textRightAlign {
        padding: 0px 0 0;
    }
    }

@media(max-width:767px){
    .appointment .book-now {
        padding: 36px 12px 36px 90px;
    }
    .btnWithArrow {
        padding: 25px 20px 25px 30px;
    }
    .social-footer ul {
        display: flex;
        gap: 16px;
    }
    .menu-footer, .social-footer {
        padding: 36px 12px;
    }
    .bottom-footer ul li {
        width: 100%;
        margin-bottom: 18px;
    }
    .social-footer .address {
        width: 47%;
    }
    .addressBlock .block {
        width: 100%;
    }
    
    .addressBlock {
        flex-wrap: wrap;
        gap: 10px;
        margin: 20px 0;
    }
    
    .contractor-popup-inner {
        overflow: auto;
        height: 100%;
    }
    
    .contractor-popup {
        padding: 10px;
    }
    
    .common-form .half-field {
        width: 100%;
    }
    
    .common-form .gform_fields .half-field {
        width: 100%;
    }

}
@media(min-width:992px){
    h1, .h1 {    font-size: 10.278vw; line-height: 10.278vw; ; }
    h2, .h2 {    font-size: 4.167vw; line-height: 4.167vw;    }
    h3, .h3 {    font-size: 2.778vw;    line-height: 2.778vw;}
    h4, .h4 {    font-size:2.419vw;    line-height: 2.419vw;}

    .nav-header .header-links {padding: 0 40px 0 30px }
    .nav-header .header-links ul {display: flex; gap: 30px;}
    .nav-header nav ul {display: flex;gap: 26px;}
    .nav-header {display: flex; gap: 25px;}
    
}

@media(min-width:1400px){
    .container{
        max-width: 1350px;
    }
   .containerMoveRight {
        width: 100%;
        max-width: 100%;
        padding-left: calc((100vw - 1335px) / 2);
        padding-right: 0;
    }
    .containerMoveLeft{
        width: 100%;
        max-width: 100%;
        padding-right: calc((100vw - 1335px) / 2);
        padding-left: 0;
    }
    h1, .h1 {    font-size:10.278vw; line-height: 10.278vw; }
    h2, .h2 {    font-size: 4.167vw; line-height: 4.167vw;    }
    h3, .h3 {    font-size: 2.778vw;    line-height:2.778vw}
    h4, .h4 {    font-size: 1.667vw;    line-height:  1.667vw;}  
}
@media(min-width:1600px){
    .container {
        max-width: 1440px;
    }
   .containerMoveRight {
        padding-left: calc((100vw - 1425px) / 2);
    }
    .containerMoveLeft{
        padding-right: calc((100vw - 1425px) / 2);
    }

    h1, .h1 {    font-size: 7.292vw; line-height: 7.292vw; ; }
    h2, .h2 {    font-size: 3.125vw; line-height: 3.125vw;    }
    h3, .h3 {    font-size: 2.083vw;    line-height: 2.083vw}
    h4, .h4 {    font-size: 1.25vw;    line-height: 1.25vw;}   
}


@media(min-width:1900px){
    .container {
        max-width: 1600px;
    }
    .containerMoveRight {
        padding-left: calc((100vw - 1585px) / 2);
    }
    .containerMoveLeft{
        padding-right: calc((100vw - 1585px) / 2);
    }
}

.single .site-footer {
    border-top: 1px solid #8FAAA0;
}