

@media(max-width:1600px){
    .choose-cards p {
        font-size: 12px;
    }
    .choose-cards h3 {
        font-size: 18px;
    }
    .choose-cards .c:first-child p {
   
        line-height: 17px;
    }
    .choose-cards .c:first-child h3 {
        margin-right: 40px;
    }
    .choose-cards .c:nth-child(3) p {

        line-height: 18px;
    }
    .choose-cards .c:nth-child(2) h3 {
        margin-top: 50px;
    }
    .choose-cards .c:nth-child(2) p {
        line-height: 19px;
    }
    .choose-cards .c:nth-child(4) p
 {
    margin-right: -16px;
    line-height: 20px;
    padding: 0px 16px;
}

.choose-cards .c:nth-child(5) p {
    line-height: 17px;
}

}
@media(max-width:1430px){
    .top-rank-para {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
    }
 
    .labels .label{
        font-size:17px;

       
      }
}
@media(max-width:1200px){
      

  .banner-title{
      font-size: 42px;
      line-height: 60px;
      color: #000000;
  }
  .banner-subtitle {
    font-size: 26px;
    color: #000000;

}
.section-heading-dark {
    font-size: 42px;
    line-height: 46px;
  
}
.upgrade-section .section-heading-dark{
    font-size: 42px;
    line-height: 46px;
}
.telemedicine-section .section-heading-dark {
    font-size: 42px;
    line-height: 46px;
}
.ai-scribe-section-text-secondary {
    font-size: 25.3px;
    line-height: 32px;
}
p {
    font-size: 16px;
}
.feature-list{
    font-size: 16px;
}
.top-rank-para {
    font-size: 16px;
}
.spec-link {
    font-size: 18px;
}
.section-heading-dark {
    font-size: 39px;
    line-height: 46px;
}
.upgrade-section .section-heading-dark{
    font-size: 39px;
    line-height: 46px;
}
.telemedicine-section .section-heading-dark {
    font-size: 39px;
    line-height: 46px;
}
.ai-scribe-section-text-secondary {
    font-size: 22px;
    line-height: 29px;
}
.benefit-tab {
    line-height: 28px;
    font-size: 22px; 
}

.labels .label {
    font-size: 14px;
}









}
@media(max-width:1024px){
    .personalized  {
        font-size: 14px;
    }
}

@media(max-width:991px){
    .section-heading-dark {
        font-size: 28px;
        line-height: 42px;
        text-align: center;
    }
    .upgrade-section .section-heading-dark{
        font-size: 30px;
        line-height: 42px;
        text-align: center;
    }
    .telemedicine-section .section-heading-dark,
    .what-you-expect.telemedicine-section .section-heading-dark {
        font-size: 28px;
        line-height: 42px;
        text-align: center;
    }
    .ai-scribe-section-text-secondary {
        font-size: 22.3px;
        line-height: 29px;
        text-align: center;
    }
    p,
    .top-rank-para,
    .feature-list {
        font-size: 16px;
        line-height: 28px;       
    }
    
    .main-para{
        text-align: center;
    }
    div#benefitsTabs {
        scrollbar-width: none;
    }
    .nav-pills .benefit-tab{
        font-size: 18px;
    }

    .labels {

        margin-left: 12%;
    }
    .tr{
        justify-self: center;
        margin-left: 27%
    }
    .br{
        justify-self: center;
        margin-left: 27%
    }
    .spec-item {
        font-size: 16px;
        font-weight: 300;
        line-height: 12px;
    }
} /*@media(max-width:991px)*/


@media(max-width:767px){
    .banner-section{
        height: auto;
    }
    .banner-title {
        font-size: 42px;
        line-height: 50px;
    }
    .section-heading-dark {
                font-size: 28px;
        line-height: 42px;
    }
    .telemedicine-section .section-heading-dark {
                font-size: 28px;
        line-height: 42px;
    }
    .ai-scribe-section-text-secondary {
        font-size: 19.3px;
        line-height: 25px;
    }
    .section-padding {
        padding: 40px 0px;
    }

    .hero-section {
        display: none !important;
    }


    .hero-mobile-section .main-hero-heading {
        color: #424242;
        font-size: 28px;
        line-height: 36px;
    }

    .hero-mobile-section .main-para-text-light {
        color: #616161;
        font-size: 20px;
        line-height: 28px;
    }
.banner-section{
    border-radius: 20px;
}
 

    .mobile-banner-btn .learn-btn {
        border: 1px solid var(--dark-color);
        background: var(--dark-color);
        color: #fff !important;
    }

    .mobile-banner-btn .learn-btn:hover,
    .mobile-banner-btn .learn-btn:focus,
    .mobile-banner-btn .learn-btn:focus-visible {
        background: var(--dark-color);
        color: #fff !important;
    }
}
@media(max-width:567px){
    .banner-title {
        font-size: 30px;
        line-height: 45px;
    }
    .banner-subtitle {
        font-size: 22px;
     
    
    }
    .ai-wheel .pos-efficiency {
     left: 16%;
       
    }
    .ai-wheel .pos-ux {
        left: 11%;
    }
    .ai-wheel .pos-security {
        left: 77%;
        
    }
    .tr{
        justify-self: center;
        margin-left: 35%;
    }
    .br{
        justify-self: center;
        margin-left: 35%;
    }
    .section-heading-dark,
    .telemedicine-section .section-heading-dark,    
    .upgrade-section .section-heading-dark,
    .what-you-expect.telemedicine-section .section-heading-dark{
        font-size: 24px;
        line-height: 38px;
    }
    
}

/* Smooth icon hover (filter animation) */

 .arrow-img {
    filter: brightness(0) invert(1);
}
.platform-tabs-wrap {
    padding: 0 38px; /* space for buttons on both sides */
  }
  #capabilities{
      position: relative;

  }
  /* Hide ugly scrollbar (optional) */
  .platform-tabs::-webkit-scrollbar { display: none; }
  .platform-tabs { -ms-overflow-style: none; scrollbar-width: none; }
  /* Buttons (default hidden on desktop) */
  .tab-scroll-btn {
    display: none;
    position: absolute;
   bottom: -12px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.15);
    background:#0f6cbd !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    z-index: 5;
    line-height: 1;
    font-size: 20px;
  }
  
  /* positions */
  .tab-scroll-btn--left { right: 20%; }
  .tab-scroll-btn--right { right: 12%; }
  .tab-scroll-btn.is-disabled {
    opacity: 0.35;
    pointer-events: none;
  }
  
  /* show only on <= 768px */
  @media (max-width: 991px) {
    .tab-scroll-btn { display: inline-flex; align-items:center; justify-content:center; 
    
    }
    .tab-scroll-btn--left { right: 23%; }
    #capabilities.spySection {
        padding: 40px 0px!important;
        margin-bottom: 20px;
    }
    #capabilities{
        margin-bottom: 40px;
    }

  }
  
  /* disabled state */
  .tab-scroll-btn.is-disabled {
    opacity: .35;
    pointer-events: none;
  }
  
  .tab-scroll-btn--left {
      left: 73%;
      border: 1px solid #0f6cbd;
      opacity: 1 !important;
  }


@media(max-width:767px){
    .tab-scroll-btn{
        top: 100%;
    }
    #capabilities {
        margin-bottom: 63px;
}

.nav-pills .benefit-tab {
    font-size: 16px;
}


.banner-section::before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(92deg, #085FA9 18%, #0F6CBD 33%, rgba(230, 247, 255, 0) 76%);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    opacity: 1.9;
    z-index: 0;
}











}
  @media (max-width: 600px) {
    .slick-prev {
        left: calc(79% - (86% - 100vw) / 2) !important;
        transform: translate(-60px, -20px) !important;
    }

    button.slick-next.slick-arrow {
        right: 3%;
    }

    .slick-next {
        left: auto !important;
    }
    .tab-scroll-btn--right {
        right: 4%;
    }

    .tab-scroll-btn--left {
        right: 18% !important;
        left: initial;
    }
    #benefitsTabs .nav-link {
        white-space: nowrap;
        flex: 0 0 auto;
        font-size: 14px;
        padding: 6px 12px;
    }
}


@media (max-width: 490px) {
    .tab-scroll-btn--left {
        right: 20% !important;
    }

}

@media (max-width: 440px) {
.tab-scroll-btn--left {
    right: 24% !important;
}
}