/* Fresh CSS override for hero banner */
/* Base reusable section */
.section-banner {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding: 80px 0;
  min-height: 500px;
}

/* Medium screens ≥768px */
@media (min-width: 768px) {
  .section-banner {
    min-height: 550px;
    padding: 100px 0;
  }
  
}

/* Large screens ≥1200px */
@media (min-width: 1200px) {
  .section-banner {
    min-height: 580px;
    padding: 120px 0;
  }
  .page-template-main-service-tmpl #hero {
    min-height: 580px;
  }
  .video-banner-section{
    min-height: 580px !important;
  }
}

/* Extra large ≥1400px */
@media (min-width: 1400px) {
  .section-banner {
    min-height: 650px;
    padding: 140px 0;
  }
}

/* Ultra-wide screens ≥1600px */
@media (min-width: 1600px) {
  .section-banner {
    min-height: 700px;
    padding: 160px 0;
  }
  
}

/* 2K & above ≥1920px */
@media (min-width: 1920px) {
  .section-banner {
    min-height: 750px;
    padding: 180px 0;
  }
}
/* Desktop header height */
.page-template-home-tmpl {
  --header-height: 90px;
}
/* Mobile header height */
@media (max-width: 768px) {
  .page-template-home-tmpl {
    --header-height: 0px;
  }
  .left-dig-sec .main-heading{font-size: 20px !important;}
  .cta-box{margin-bottom: 20px; height: 300px !important;}
  .global-office{padding: 0px 0!important;}
  .banner_content_new p{width: 100% !important;}
  .left-dig-sec{padding-right: 0px !important;}
}
/* Use variable wherever needed */
.section-banner--flush {
  margin-top: calc(-1 * var(--header-height));
}
.banner_content_new h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
  
}

.banner_content_new p {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 50px;
  width: 81%;
  
}
.client-home-logo {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.12);
  margin: 2px auto;              /* add top/bottom spacing */
  max-width: 87vw;
  /*padding: 1vw 4vw;*/             /* balanced padding */
  padding: 0px 40px;
  min-height: 60px;               /* slightly taller for better alignment */
}

.client-home-logo .owl-carousel .owl-item {
  padding: 0 20px;                /* consistent spacing between logos */
}

.client-home-logo .item img {
  max-height: 70px;               /* smaller logos fit better */
  max-width: 160px;               /* keeps them uniform */
  object-fit: contain;
  margin: 0 auto;
  display: block;
  transition: transform 0.3s ease; /* smooth hover */
}

.client-home-logo .item img:hover {
  transform: scale(1.08);         /* subtle zoom effect */
}
@media (max-width: 992px) {
  .client-home-logo {
    padding: 15px 25px;
  }

  .client-home-logo .item img {
    max-height: 60px;
    max-width: 140px;
  }
  .banner_content_new h1 {
    font-size: 26px;
    margin-bottom: 25px;
  }

  .banner_content_new p {
    font-size: 17px;
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {
  .client-home-logo {
    padding: 10px 15px;
  }

  .client-home-logo .item img {
    max-height: 50px;
    max-width: 120px;
  }
  .banner_content_new h1 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .banner_content_new p {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 2160px) {
  .client-home-logo {
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: flex-start; /* Aligns the content to the top */
    padding: 1vw 4vw;
    position: relative;
    top: -138px; /* Adjust to move the element */
  }
}
.page-template-home-tmpl .eachbuildNumber::after{background: unset;}
.page-template-home-tmpl .eachbuildNumber{border-right: unset;}






.newcontactbtn{ background: #005292; color: #fff !important; /*text-transform: none;*/}
.newcontactbtn:after {background: linear-gradient(to left, #FED23C, #FFA44A) !important;transition: background 0.3s ease-in-out;
}
.newcontactbtn:hover:after {background: #005292 !important;}
.newhomebtn{ background: #fff; color: #000 !important; border: 1px solid #000; }
.newhomebtn:after {background: #fff !important;}
.read_more_case{color: #fff; font-size: 13px;}
.read_more_case a{color: #FED23C;}
.read_more_case a:hover{color: #FED23C;}
.why-choose-telemedicine-solution h2{font-size: 31px!important;}
.why-choose-telemedicine-solution h2 span {color: #005292; opacity: 1;}
.hire-iconbox-data3 h5{height: 56px;}
/* Headings and text */
.left-dig-sec .main-heading {
  font-size: 31px;
  font-weight: 700;
  color: #000;
  margin-bottom: 25px;
  line-height: 1.4;
}

.left-dig-sec h4 {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}

.left-dig-sec p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
}

/* CTA box */
.cta-box {
  background: #e8f1f8;
  border-radius: 12px;
  padding: 25px 30px;
  text-align: left;
  margin-top: 20px;
  width: 100%;
  max-width: 400px;
  height: 250px;
}

.cta-box .cta-icon img {
  width: 28px;
  margin-bottom: 12px;
}
.left-dig-sec{padding-right: 56px;}

.digital-transform h2 span{color:#005292;opacity:1}
.digital-transform{font-size: 17px; margin-top: -65px;}
.digital-right{padding-left: 0px; /*padding-right: 45px;*/}
.digital-right p a{color: #005292;}
@media (max-width: 480px) {
    .page-template-sub-service-page-tmpl .keystone-sec .case-img img{height: 100% !important;}
}

@media (max-width: 1400px) {
    .client-home-logo {
        top: -64px !important;
        position: relative ;
    }
}
@media (max-width: 1920px) {
    .page-template-home-tmpl #hero p {
        width: 70%;}
}

.page-template-sub-service-page-tmpl #hero h2 {
    color: #fff;
    margin-bottom: 50px;
    font-size: 20px;
    opacity: .8 !important;
}
.page-template-main-service-tmpl  .innovation-section {
    padding: 0px 0;
}
.schedule-a-call{
    margin-left: 48px;
    margin-top: -14px;
font-weight: 700;    
}
.schedule-a-call a{
    color: #fae200;    
}
.readmore-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.read-more-link {
    color: #FED23C;
    text-decoration: none;
    font-size: 15px;
    opacity: 0.9;
}
.btn-custom-subservice{max-width: 220px !important;}

.page-template-news-insight .filterButtons .tabNav button.active {
    background: linear-gradient(to right, #FED23C, #FFA44A);
    color: #000;
}
.career-btn-cust{max-width: 255px;}