:root{--title-font-size: clamp(1.375rem, 0.7422rem + 1.7578vw, 2.5rem);--title-mb: clamp(0.5rem, 0.3598rem + 0.3902vw, 0.75rem);--section-py: clamp(3rem, 1.7378rem + 3.5122vw, 5.25rem);--tc-primary: #4F6243;--tc-secondary: #444444;--tc-light: #EFE6DA;--title-color: #000000;--subtitle-font-size: clamp(1.25rem, 0.3654rem + 2.4615vw, 1.75rem);--subtitle-mb: clamp(0.5rem, 0.3598rem + 0.3902vw, 0.75rem);--columngap: clamp(0.25rem, -0.872rem + 3.122vw, 2.25rem);--rounded: clamp(3.00rem, calc(-9.341rem + 34.341vw), 25.00rem);--engeboxgap: clamp(0.5rem, 0.024rem + 2.1154vw, 1.875rem);}
body{--bs-body-font-family: "Manrope", sans-serif;color:var(--tc-secondary);font-optical-sizing:auto;overflow-x:hidden; }
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none!important}

html::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar{width: 6px; cursor: pointer; }
html::-webkit-scrollbar-track, .ltranslator .dropdown-menu::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #444444;box-shadow: inset 0 0 1px #444444; border-radius: 24px; }
html::-webkit-scrollbar-thumb, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb {background:var(--tc-primary); border-radius: 24px; }
html::-webkit-scrollbar-thumb:hover, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover {background:var(--tc-primary); }
html ::-moz-selection {color: #ffffff; background:var(--tc-primary); }
html ::selection {color: #ffffff; background:var(--tc-primary); }
html .skiptranslate{display:none !important; }

.themenavbar .navbar-brand{max-width: 251px;margin-inline: 18px 48px;padding-block: 13px 14px;}
.themenavbar .navbar-nav .nav-link{padding: 7px 14px;font-weight: 600;font-size: 21px;line-height: normal;position: relative;--bs-nav-link-color: var(--tc-secondary);--bs-navbar-active-color: var(--tc-primary);--bs-nav-link-hover-color: var(--tc-primary);}
.themenavbar .navbar-nav .dropdown-toggle::after{border: none;content: "";vertical-align: baseline;width: 10px;height: 8px;background-size: contain;filter: contrast(0) invert(1);}
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;bottom: 32px;width: 0px;height: 1px;left: 0px;right: 0;margin: auto;background: var(--tc-primary);}
.themenavbar .navbar-nav .dropdown-menu {border: none;padding-top: 0;--bs-dropdown-spacer: 0;border-radius: 0px 0px 12px 12px;}
.themenavbar .navbar-nav .dropdown-menu>li+li .dropdown-item{border-top: solid 1px #EFEFEF;}
.themenavbar .navbar-nav .dropdown-item {font-size: 16px;font-weight: 500;padding: 9px 24px;position: relative;--bs-dropdown-link-color: var(--tc-secondary);--bs-dropdown-link-active-color: var(--tc-secondary);--bs-dropdown-link-active-bg: #fff;--bs-dropdown-link-hover-bg: #fff;}
.themenavbar .navbar-nav .dropdown-item:before {content: "";position: absolute;color: var(--tc-primary);left: 16px;top: 20px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: var(--tc-primary);transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover {padding: 9px 16px  9px 32px;}
.themenavbar .navbar-nav .dropdown-item:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }

.themenavbar .navbar-toggler{width: 42px;height: 42px;margin-left: auto;overflow:hidden;position:relative;border: none;padding-inline: 7px;margin-right: -5px;}
.themenavbar .navbar-toggler::before{transform: translateY(-8px);width: 46%;}
.themenavbar .navbar-toggler::after{transform: translateY(8px);width: 40%;}
.themenavbar .navbar-toggler::before, .navbar-toggler::after, .navbar-toggler .lines{content: "";position:absolute;display:block;width: 70%;height: 2px;background: #393185;border-radius: 4px;transition:.6s;}
.themenavbar .offcanvas.show .navbar-toggler .lines, .themenavbar .offcanvas.show+.rightnav .navbar-toggler .lines{transform:translateX(110px);transition-delay:0s;background: #ffffff;}
.themenavbar .offcanvas.show .navbar-toggler::before, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::before{transform: translateY(0) rotate(45deg);width: 50%;height: 2px;}
.themenavbar .offcanvas.show .navbar-toggler::after, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::after{transform: translateY(0) rotate(314deg);width: 50%;height: 2px;}

#themeCarousel {overflow: clip; border-bottom-left-radius: var(--rounded); }
#themeCarousel .carousel-caption{bottom: 50%;max-width: 822px;margin: auto;transform: translateY(50%);}
#themeCarousel .carousel-item h5{font-size: clamp(1.25rem, 0.7813rem + 2.3438vw, 3.125rem);margin-bottom: 9px;color:#FFF;line-height: 106%;font-weight: 700;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.32);}
#themeCarousel .carousel-item h5{-webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
#themeCarousel .carousel-indicators>button{width: 8px;height: 8px;border: none;margin-bottom: 3rem;border-radius: 8px;-webkit-transition:all 250ms linear;transition:all 250ms linear;}
#themeCarousel .carousel-indicators>button.active{width: 24px; }
#themeCarousel .carousel-item>img{aspect-ratio: 15/11; object-fit: cover; }

@keyframes bounceIn{0%,100%,20%,50%,80%{transform:translateY(0);opacity:1}40%,60%{transform:translateY(-5px);filter:blur(.5px) brightness(0) invert(1) contrast(.7)}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes bgmove{50%{background-position: 0 80%}}
@keyframes bgmove{50%{background-position: 0 80%}}
@-webkit-keyframes imgShine{100%{left:125%;}}
@keyframes imgShine{100%{left:125%;}}
@-webkit-keyframes spin{from{transform:rotate(0deg); } to{transform:rotate(360deg); } }
@keyframes spin{from{transform:rotate(0deg); } to{transform:rotate(360deg); } }


/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:992px) {
          .gy-30{--bs-gutter-y: 30px;}.gx-30{--bs-gutter-x: 30px; }
     }

     @media only screen and (min-width:1200px) {
          .themenavbar .navbar-nav {max-width: 720px;flex-grow: 1;}
          .themenavbar .navbar-nav .nav-item{flex: 1 1 auto; text-align: center; }
          .themenavbar .navbar-nav .nav-link{padding: 32px 0px;display: inline-block;font-weight: 600;font-size: 16px;}
          .themenavbar .navbar-nav li:hover .nav-link::before, .themenavbar .navbar-nav .nav-link.active::before{width: 100%;} 
          .themenavbar .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12)); }
          .themenavbar .navbar-nav .nav-item .dropdown-menu {visibility: hidden; display: block !important; -webkit-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%); }
          .themenavbar .navbar-nav .nav-item:hover .dropdown-menu, .themenavbar .navbar-nav .nav-item .dropdown-menu.show{visibility: visible; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);} 
     }

     @media only screen and (min-width:1400px){
          .container {max-width: 1374px;}
     }

     @media only screen and (max-width:1399px) {	
          .themenavbar .navbar-nav .nav-link{font-size: 15px; }
          .themenavbar .navbar-brand{margin-inline: 4px 12px;}
          .rightnav .nav{padding-inline: 12px 4px;}
          .rightnav .themebtn{font-size: 15px;padding: 9px 16px;}
          .rightnav .practobtn{padding: 11px 16px;}
          #animatecapability .steps-wrapper .flex-row-reverse {margin-top: 70px;}
          #animatecapability .step .icon-wrapper h5{font-size: 19px; white-space: nowrap; }
          #animatecapability .step{padding: 0px 12px 0px 28px;}
          .conditions .slider-custom-nav button.swiper-button-next{right: 34VW; margin-right: -32px; } 
          .conditions .slider-custom-nav button.swiper-button-prev{left: 34VW; margin-left: -36px; }
     }

     @media only screen and (max-width:1199px) {
          .themenavbar .offcanvas{border: none; max-width: 320px; height: fit-content; border-bottom-left-radius: 24px; }
          .themenavbar .offcanvas::after{top: 0;right: 0;z-index: -1;content: "";width: 100%;height: 100%;opacity: 70%;position: absolute;background-image: none;}
          .themenavbar .offcanvas-title{color: rgb(0 0 0 / 15%);text-transform: uppercase;font-weight: 600;}
          .themenavbar .navbar-nav .nav-link{font-size: 24px;font-weight: 600;padding: 10px 12px;}
          .themenavbar .navbar-nav .dropdown-item{font-size: 19px;padding: 9px 16px;}
          #animatecapability .steps-wrapper{padding-top: 32px; }
          #animatecapability .steps-wrapper .flex-row-reverse {margin-top: 30px; }
          #animatecapability .step{padding: 0px 12px 0px 16px; }
          #animatecapability .step .icon-wrapper h5{font-size: 18px;margin-block: 14px 7px;}
          #animatecapability .step .icon-wrapper .icon, #animatecapability .step::before{width: 132px;border-width: 5px;flex-shrink: 0;}
          #animatecapability .step .icon-wrapper .icon::after{width: 32px; left: 100px; font-size: 15px;}
          .treatdesc{padding: 14px; padding-left: calc(0.5 * var(--section-py)); }
          .treatdesc h5{font-size: 20px; }
          .footertop .contlist{padding-inline: calc(0.4 * var(--section-py)); }
          .engeitem{gap: 16px; padding-block: 36px; }
          .engeitem>img{height: 48px;}
     }

     @media only screen and (max-width:991px) {
          .herosectext{padding-inline: 0px; }
          .herosectext h5, .years h5{font-size: var(--title-font-size);margin-top: 0;line-height: 1.2;}
          .herosectext p{font-size: 18px;margin-bottom: 18px;}
          .years{left: 0; bottom: 28px; border-top-left-radius: 0px; }
          .years p{font-size: 16px; line-height: 21px;}
          .approach h5{margin-top: 8px;}
          .signature p{display: none; }
          #animatecapability .line-wrapper{top: 8px;height: 100%;width: auto;opacity: 0;}
          #animatecapability .line-wrapper svg{width: auto;height: 100%;}
          #animatecapability .steps-wrapper{padding-top: 16px;}
          #animatecapability .steps-wrapper .flex-row{margin-top: 0;flex-wrap: wrap;}
          #animatecapability .steps-wrapper .step{width: 100%;margin-bottom: 28px;padding: 1px 8px 24px;border-bottom: solid 1px #ebe5e0;} 
          #animatecapability .steps-wrapper .flex-row-reverse .step:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
          #animatecapability .step .icon-wrapper{text-align: center;}
          #animatecapability .step .icon-wrapper p{max-width: 100%;}
          #animatecapability .step .icon-wrapper .icon, #animatecapability .step::before{width: 116px;border-width: 4px;margin: auto;left: 0;right: 0;}
          #animatecapability .step .icon-wrapper .icon::after{left: calc(50% + 28px);}
          .conditions .slider-custom-nav button{padding: 11px 14px;}
          .conditions .slider-custom-nav button.swiper-button-next{right: -3px;margin-right: 0;} 
          .conditions .slider-custom-nav button.swiper-button-prev{left: -3px;margin-left: 0;}
          .patientbox h5{font-size: 22px;}
          .contact .themeform{margin-left: 0;margin-top: -30%;}
          .footertop {padding: calc(0.4 * var(--section-py));}
          .footertop .contlist{margin: 0;height: auto;gap: 14px;padding: 21px 8px 18px;}
          .footertop .contlist.thememap{padding: 0px 0px 20px;}
          .footertop .contlist img{width: auto;height: 40px;}
          .thememap .ratio{border-radius: 4px;}
     } 

     @media only screen and (max-width:767px) {
          .themebtn{padding: 9px 16px;line-height: normal;}
          .rightnav .themebtn{padding: 8px 12px;background: var(--tc-primary);}
          .rightnav .nav {padding-inline: 0px;}
          .herosectext p{font-size: 16px;}
          .treatdesc h5{font-size: 18px; }
          .section-label{font-size: 16px;padding-bottom: 18px;background-size: 16px;}
          .footertop{padding-inline: 0;}
          .footertop .contlist p, .footertop .contlist li{font-size: 18px;line-height: 27px;}
     }

     @media only screen and (max-width:575px) {
          p,li{font-size: 16px;}
          .themenavbar .navbar-brand{width: calc(100% - 156px);}
          .rightnav .themebtn{padding: 6px 7px;}
          .rightnav .practobtn{padding: 4px;overflow: clip;background: #28328c;}
          .rightnav .practobtn>img {width: 32px;}
          .years p{font-size: 15px; line-height: 19px;}
          #animatecapability .steps-wrapper .step{margin-bottom: 24px; padding: 1px 8px 21px;}
          #animatecapability .step .icon-wrapper .icon, #animatecapability .step::before{width: 112px;}
          .engebox{padding-top: calc(1.1 * var(--section-py));padding-bottom: calc(0.5 * var(--section-py));}
          .engeitem{padding-block: 24px; }
          .greviews{width: 26vw;}
          .patientbox{padding-inline: 21px; padding-bottom: 21px; }
          .patientbox h5{font-size: 20px;}
          .contact .themeform{padding: 24px 21px;}
          .footertop {padding: calc(0.2 * var(--section-py));}
          .footertop h5{font-size: 18px;margin-bottom: 6px;}
          .footertop .contlist p, .footertop .contlist li{font-size: 16px;line-height: 25px;}
          .footertop .contlist{padding-inline: 0;justify-content: center;}
          .footertop .contlist img{width: auto;height: 32px;}
          .footermid .navlist li:first-of-type a>img{width: 98px; }
          .footermid .navlist{max-width: 210px; margin: auto; }
          .copyrights{padding: 20px 8px 21px;}
          .whatsapp_btn a.wht_btn{width: 46px; height: 46px;}
          .whatsapp_btn{bottom: 4px; left: 4px;}
     }

     @media (min-width:992px) and (max-width:1199px) {
          #animatecapability .line-wrapper{top: 98px;width: calc(100% + var(--bs-gutter-x));margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x));}
          #animatecapability .line-wrapper .line-desktop svg{width: 100%; height: 320px; }
     }