@import "https://fonts.googleapis.com/css2?family=Poppins&display=swap";
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body{font-family:'Poppins',sans-serif;color:#444}
a{color:#96b26b;text-decoration:none}
ul{list-style:none;padding:0}
a:hover{color:#65c9cd;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif}
/* width */
::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #CFD5D1; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #96b26b; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #96b26b; 
}

/*--------------------------------------------------------------
# BACK TO TOP
--------------------------------------------------------------*/
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#96b26b;width:40px;height:40px;border-radius:4px;transition:all .4s}
.back-to-top i{font-size:28px;color:#fff;line-height:0}
.back-to-top:hover{background:#5ec6ca;color:#fff}
.back-to-top.active{visibility:visible;opacity:1}
@media screen and (max-width: 768px) {
[data-aos-delay]{transition-delay:0!important}
}

/*--------------------------------------------------------------
# TOPBAR
--------------------------------------------------------------*/
#topbar{background:#96b26b;color:#fff;height:40px;font-size:16px;font-weight:600;z-index:996;transition:all .5s;padding:10px 0}
#topbar.topbar-scrolled{top:-40px}
#topbar i{padding-right:-1px;line-height:0}
#topbar .top_wrapper{display:flex;gap:20px;flex-direction:column}
#topbar .contact_wrap{display:flex;gap:2px;align-items:center}
#topbar .contact_wrap.tel_wrap .wrap{display:flex;flex-direction:column;line-height:1}
#topbar .contact_wrap.email_wrap span{display:flex;flex-direction:column;line-height:1.1}
#topbar .contact_wrap.email_wrap span a{white-space:nowrap;font-size:16px;color:#fff;font-weight:500;font-family:'Poppins',sans-serif}
#topbar .contact_wrap .email_wrap span{font-size:16px;font-weight:500}
#topbar .icon_wrap{display:flex;min-width:38px;justify-content:center;align-items:center}
#topbar .appointment-btn{background: #3671b9; border: 1px solid #3671b9;
  color: #fff;}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
#header{background:#fff;transition:all .5s;z-index:997;padding:3px 0;top:40px;box-shadow:0 2px 15px rgba(0,0,0,0.1)}
@media (max-width: 992px) {
#header{padding:3px 0}
#hide{display: none;}
}
#header.header-scrolled{top:0}
#header .logo{font-size:28px;margin:0;padding:0;line-height:1;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
#header .logo a{color:#555}
#header .logo img{max-height:70px}
.appointment-btn{margin-left:25px;background-color:#f6faff;color:#626262;border-radius:3px;padding:8px 25px !important;white-space:nowrap;height: 41px; font-size:14px;border:1px solid #eaeff5;position:relative;font-weight:600;overflow:hidden;text-transform:uppercase;z-index:1;transition:all .5s ease 0;}
.appointment-btn i{margin-right:6px;line-height:23px}
.appointment-btn:hover{border-color: #222;
  background: #222;
  color: #fff !important;}
@media (max-width: 768px) {
.appointment-btn{display:block;    margin-right: 10px;background: #3671b9; border: 1px solid #3671b9;
  color: #fff;}

  .navbar-mobile .appointment-btn{background: #f6faff; border: 1px solid #f6faff; color: #222;}
#topbar #hide{display: none;}
#topbar1{display: block;}
#topbar{display: none;}

}
.navbar{padding:0}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navbar li{position:relative}
.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-family:'Poppins',sans-serif;font-size:15px;color:#626262;white-space:nowrap;transition:.3s;text-transform:uppercase;}
.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}
.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#96b26b}
.navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.25);transition:.3s;border-radius:4px}
.navbar .dropdown ul li{min-width:200px}
.navbar .dropdown ul a{padding:10px 20px;text-transform:none}
.navbar .dropdown ul a i{font-size:12px}
.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:#96b26b}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul{left:-90%}
.navbar .dropdown .dropdown:hover>ul{left:-100%}
}
.mobile-nav-toggle{color:#555;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}
.mobile-nav-toggle.bi-x{color:#fff}
@media (max-width: 991px) {
.mobile-nav-toggle{display:block}
.navbar ul{display:none}
}
.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(60,60,60,0.9);transition:.3s;z-index:999}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}
.navbar-mobile ul{height: 350px; display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:8px;background-color:#fff;overflow-y:auto;transition:.3s}
.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#555}
.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:#96b26b}

.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.25)}
.navbar-mobile .dropdown ul li{min-width:200px}
.navbar-mobile .dropdown ul a{padding:10px 20px}
.navbar-mobile .dropdown ul a i{font-size:12px}
.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{color:#96b26b}
.navbar-mobile .dropdown>.dropdown-active{display:block}
.navbar-mobile a.appointment-btn:hover {
  color: #222 !important;
}
/*--------------------------------------------------------------
# HERO
--------------------------------------------------------------*/
#hero {
  width: 100%;
  background: url("../img/diagnostic-bg.png") !important;
  background-repeat: no-repeat;
    background-position: left;
  background-size: cover;
  position: relative;
  padding-top: 82px;
}
#hero .row
{
  padding: 130px 0 60px;
}
#hero:before {
  content: "";
  background: #ffffff99;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero span {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

#hero h1 {
  color:#031b4e;margin-bottom:10px;padding-bottom:10px;font-size:38px;letter-spacing:0;font-weight:700;text-transform:uppercase;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform-origin:50% 50% 0;text-align:left;position:relative
}
#hero h1 span {
  color:#96b26b;margin-bottom:10px;padding-bottom:10px;font-size:38px;letter-spacing:0;font-weight:700;text-transform:uppercase;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform-origin:50% 50% 0;text-align:left;position:relative
}
#hero p{text-align: left;}

#hero .btn-get-started{font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:12px 40px; border-radius:3px;transition:.5s;margin:10px; margin: 10px 0 0 0;color:#fff;background:#96b26b;border-color:#96b26b}
#hero .btn-get-started:hover{background:#222;}
@media (max-width: 768px) {
  #hero {
    text-align: center;
    padding-top: 58px;
  }
  #hero p {
    text-align: justify;
    font-size: 15px;
}
  #hero {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 0;
  text-align: left;    padding-left: 10px;
  padding-right: 10px;}
  #hero .row {
    padding: 140px 0 80px;
}

  #hero span {
    font-size: 18px;
  }
  #hero h1, #hero h1 span {
    font-size: 26px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-height: 500px) {

  #hero {
    width: 100%;
    padding-bottom: 0;}
}
/*--------------------------------------------------------------
# section title
--------------------------------------------------------------*/
section{padding:60px 0;overflow:hidden}
.section-bg{background-color:#f7fcfc}
.section-title h2{font-size:32px;font-weight:700;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;position:relative;text-align:center}
.section-title p{margin-bottom:0;text-align:center}

/*--------------------------------------------------------------
# CTA
--------------------------------------------------------------*/
.cta{background:#96b26b;color:#fff;background-size:cover;padding:60px 0}
.cta h3{font-size:28px;font-weight:700}
.cta .cta-btn{font-family:'Poppins',sans-serif;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:10px 35px;border-radius:25px;transition:.5s;margin-top:10px;border:2px solid #fff;color:#fff}
.cta .cta-btn:hover{background:#fff;color:#96b26b}

/*--------------------------------------------------------------
# SERVICES
--------------------------------------------------------------*/
.services .icon-box{margin-bottom:20px;text-align:center}
.services .icon{display:inline-flex;justify-content:center;align-items:center;width:80px;height:71px;margin-bottom:20px;background:#fff;border-radius:50%;transition:.5s;color:#96b26b;overflow:hidden;box-shadow:0 0 25px rgba(0,0,0,0.15)}
.services .icon i{font-size:36px;line-height:0}
.services .icon-box:hover .icon{box-shadow:0 0 25px rgba(63,187,192,0.3)}
.services .title{font-weight:600;margin-bottom:15px;font-size:18px;position:relative;padding-bottom:15px}
.services .title a{color:#444;transition:.3s}
.services .title a:hover{color:#96b26b}
.services .title::after{content:"";position:absolute;display:block;width:50px;height:2px;background:#96b26b;bottom:0;left:calc(50% - 25px)}
.services .description{line-height:24px;font-size:14px}

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/

.footer-top-wrap{background-color:#1f1f1f;padding:60px 0 2px;border-bottom:1px solid #333}
.footer-box{margin-bottom:30px}
.footer-box .footer-logo{padding-bottom:25px;width:170px}
.footer-box .footer-about{font-size:17px;padding-bottom:5px}
@media only screen and (max-width: 767px) {
.footer-box .footer-about{font-size:16px}
}
.footer-box .footer-about p{color:#e3e3e3;font-size:15px}
.footer-box .footer-contact-info{margin-bottom:32px}
.footer-box .footer-contact-info li{font-size:15px;color:#cecece;margin-bottom:15px;position:relative;padding-left:42px}
@media only screen and (max-width: 767px) {
.footer-box .footer-contact-info li{font-size:15px}
}
.ftrlogo img {
  width: 51%;
  height: 227px;

}
.ftrlogo h3 {
  color: #fff;

  font-size: 20px;
}
.footer-box .footer-contact-info li:last-child{margin-bottom:0}
.footer-box .footer-contact-info li i{font-size:20px;color:#fff;top:5px;left:0;position:absolute}
@media only screen and (max-width: 767px) {
.footer-box .footer-contact-info li i{font-size:20px}
}
.footer-box .footer-social li{display:inline-block;margin-right:13px}
@media only screen and (max-width: 1199px) {
.footer-box .footer-social li{margin-right:5px}
}
.footer-box .footer-social li a{padding:5px;color:#fff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.footer-box .footer-social li a:hover{color:#96b26b}
.footer-box .footer-header{position:relative}
.footer-box .footer-header:after{content:"";width:50px;height:4px;background-color:#96b26b;bottom:0;left:0;position:absolute}
.footer-box .footer-header h3{color:#fff;font-size:26px;font-weight:500;padding-bottom:20px}
@media only screen and (max-width: 991px) {
.footer-box .footer-header h3{font-size:24px}
}
@media only screen and (max-width: 767px) {
.footer-box .footer-header h3{font-size:22px}
}
@media only screen and (max-width: 575px) {
.footer-box .footer-header h3{font-size:20px}
}
.footer-box .footer-latest-post li{line-height:22px;margin-bottom:20px}
.footer-box .footer-latest-post li:last-child{margin-bottom:0}
.footer-box .footer-latest-post li a{font-size:17px;color:#e3e3e3;margin-bottom:12px;display:block;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
@media only screen and (max-width: 767px) {
.footer-box .footer-latest-post li a{font-size:16px}
}
.footer-box .footer-latest-post li a:hover{color:#96b26b}
.footer-box .footer-latest-post li span{font-size:16px;color:#8a8a8a;display:block}
.footer-box .footer-departments li{margin-bottom:10px}
.footer-box .footer-departments li:last-child{margin-bottom:0}
.footer-box .footer-departments li a{font-size:15px;color:#e3e3e3;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
@media only screen and (max-width: 767px) {
.footer-box .footer-departments li a{font-size:15px}
}
.footer-box .footer-departments li a:hover{color:#96b26b}
.footer-box .footer-quick-link li{margin-bottom:10px}
.footer-box .footer-quick-link li:last-child{margin-bottom:0}
.footer-box .footer-quick-link li a{font-size:15px;color:#e3e3e3;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
@media only screen and (max-width: 767px) {
.footer-box .footer-quick-link li a{font-size:15px}
}
.footer-box .footer-quick-link li a:hover{color:#96b26b}
.footer-box .footer-opening-hours li{font-size:15px;color:#e3e3e3;margin-bottom:15px}
@media only screen and (max-width: 767px) {
.footer-box .footer-opening-hours li{font-size:15px}
}
.footer-box .footer-opening-hours li:last-child{margin-bottom:0}
.footer-box .footer-opening-hours li span{color:#96b26b}
.footer-bottom-wrap{background-color:#1f1f1f;min-height:46px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;color:#7c7c7c;text-align:center;padding:14px 0}
.footer-bottom-wrap .copyright a{color:#fff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.footer-bottom-wrap .copyright a:hover{color:#96b26b}

/*--------------------------------------------------------------
# VC SECTION
--------------------------------------------------------------*/
#vc .row{padding:50px 20px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0}
#vc h2{font-weight: 700; font-size: 30px;}

#vc p {
  text-align: justify;
}
@media (max-width: 768px) {
 
    #vc .row{padding: 10px 0;}
    section.introduction-section {
      padding: 0 15px;
  }section#vc .container {
    padding: 0 15px;
}
  
  }
  
.introduction-section img {width: 80%;height: 430px;}
.introduction-section .section-title h2 {
  text-align: left;
}
@media (max-width: 768px) {

    .introduction-section img {
      width: 77%;
      height: 279px;
      display: block;
  }

  .introduction-section .section-title h2 {
    font-size: 25px; padding-bottom: 0;
}
  
  }
/*--------------------------------------------------------------
# CONSULTANT PAGE
--------------------------------------------------------------*/
main.innerpages .content_wrapper #consultants h3{font-size:40px!important}
#consultants h4{font-size:20px}
main.innerpages .content_wrapper #consultants h6{margin-block-end:25px;font-size:20px;color:#96b26b;position:relative;display:block;padding-bottom:0;margin-bottom:0;font-weight:500;font-style:italic}

/*--------------------------------------------------------------
# BRANCHES PAGE
--------------------------------------------------------------*/
#branches .branch-box{padding:15px 20px;box-shadow:rgba(0,0,0,0.16) 0 1px 4px;text-align:center;margin-bottom:15px}
main.innerpages .content_wrapper .branch-box h2{text-align:center;font-size:16px}
#branches .branch-box a{text-align:center;font-size:16px}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-page .icon-box {
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 6px;
}


.service-page .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}

.service-page .icon-box h4 a {
  color: #556270;
  transition: 0.3s;
}

.service-page .icon-box p {
  margin-left: 70px;
  line-height: 24px;
  font-size: 14px;
}

.service-page .icon-box:hover h4 a {
  color: #96b26b;
}

.service-page .icon-box img {
 border-radius: 100%;
  margin-bottom: 10px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {

  .service-page .icon-box {
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 6px;
  }
  main.innerpages .content_wrapper #consultants h6{font-size: 18px;}
}


/*--------------------------------------------------------------
# INNER PAGES
--------------------------------------------------------------*/
main.innerpages{padding-block-end:100px;margin-top:78px;padding:40px 0}
main.innerpages p{font-size:16px; text-align: justify;}
main.innerpages .banner_wrapper{width:100%;height:250px;background-repeat:no-repeat;background-position:top center;background-size:cover;display:flex;justify-content:center;align-items:center}
main.innerpages .banner_wrapper h1{letter-spacing:2px;font-family:"Fjalla One";color:#fff;position:relative;padding-block-end:15px;text-transform:uppercase;justify-content:center;display:flex;text-align:center}
main.innerpages .content_wrapper{margin-block-start:40px}
main.innerpages .content_wrapper h6{margin-block-end:25px;font-size:40px;font-family:"BaskervilleMTW01-Roman";color:#96b26b;position:relative;display:inline-flex;padding-bottom:10px;margin-bottom:20px;font-weight:700}
main.innerpages .content_wrapper .side_img_wrap{overflow:hidden;height:100%}
main.innerpages .content_wrapper .side_img_wrap .img-fluid{height:100%;object-fit:cover;object-position:top center;transform:scale(1);transition:all .3s ease}
main.innerpages .content_wrapper .side_img_wrap .img-fluid:hover{transform:scale(1.1);transition:all .3s ease}
main.innerpages .content_wrapper p{font-size:16px;margin:18px 0}
main.innerpages .content_wrapper h3{font-size:25px;display:block;margin-bottom:10px;font-weight:600;color:#96b26b}
main.innerpages i{color:#fff}
main.innerpages .content_wrapper h2{font-size:28px;text-align:left;font-weight:600}
main.innerpages .content_wrapper .contact .info-container{text-align:left;background-color:#fff;height:100%;padding:20px;border-radius:10px 0 0 10px;box-shadow:0 2px 25px rgba(0,0,0,0.1)}
main.innerpages .content_wrapper .contact .info-item{width:100%;background-color:#96b26b;margin-bottom:20px;padding:20px;border-radius:10px;color:#fff}
main.innerpages .content_wrapper .contact .info-item:last-child{margin-bottom:0}
main.innerpages .content_wrapper ul{list-style:decimal-leading-zero;padding-left:20px}
main.innerpages .content_wrapper ul li{margin-bottom:10px}
main.innerpages .content_wrapper .contact .info-item i{padding:16px;font-size:20px;color:#fff;float:left;width:44px;height:44px;background-color:rgba(255,255,255,0.2);display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out;margin-right:15px}
main.innerpages .content_wrapper .contact .info-item h4{padding:0;font-size:20px;font-weight:600;margin-bottom:5px}
main.innerpages .content_wrapper .contact .info-item a,main.innerpages .content_wrapper .contact .info-item p{padding:0;font-size:13px;color:#fff;margin:0}
main.innerpages .content_wrapper .contact .info-item:hover i{background:#f6faff;color:#000}
main.innerpages .content_wrapper .contact .php-email-form{width:100%;height:100%;background:#fff;box-shadow:0 2px 25px rgba(0,0,0,0.1);padding:30px;border-radius:0 10px 10px 0}
main.innerpages .content_wrapper .contact .php-email-form .form-group{padding-bottom:8px}
main.innerpages .content_wrapper .contact .php-email-form .error-message{display:none;color:#fff;background:#df1529;text-align:left;padding:15px;font-weight:600}
main.innerpages .content_wrapper .contact .php-email-form .error-message br+br{margin-top:25px}
main.innerpages .content_wrapper .contact .php-email-form .sent-message{display:none;color:#fff;background:#059652;text-align:center;padding:15px;font-weight:600}
main.innerpages .content_wrapper .contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}
main.innerpages .content_wrapper .contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #059652;border-top-color:#fff;animation:animate-loading 1s linear infinite}
main.innerpages .content_wrapper .contact .php-email-form input,main.innerpages .content_wrapper .contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:16px;font-family:Arsenal}
main.innerpages .content_wrapper .contact .php-email-form input[type=text],main.innerpages .content_wrapper .contact .php-email-form input[type=email],main.innerpages .content_wrapper .contact .php-email-form textarea{padding:12px 15px}
main.innerpages .content_wrapper .contact .php-email-form input[type=text]:focus,main.innerpages .content_wrapper .contact .php-email-form input[type=email]:focus,main.innerpages .content_wrapper .contact .php-email-form textarea:focus{border-color:#fff}
main.innerpages .content_wrapper .contact .php-email-form textarea{padding:10px 12px}
main.innerpages .content_wrapper .contact .php-email-form button[type=submit]{border:1px solid #96b26b;font-weight:700;background:#96b26b;border:0;padding:13px 43px;color:#fff;transition:.4s;border-radius:50px;position:absolute;transform:translate(-60px,17px)}
main.innerpages .content_wrapper .contact .php-email-form button[type=submit]:hover{background:#f6faff;border:1px solid #eaeff5;color:#000}

@media (max-width: 768px) {

  main.innerpages .content_wrapper #consultants h3 {
    font-size: 30px!important;
}
.reverse-row .row {
  flex-direction: row-reverse;
}
}