/* About Us CSS */
@import url(https://db.onlinewebfonts.com/c/3362c44fac2b8b52f505e23a41388b4e?family=Britti+Sans+Trial+Light);
@font-face {
    font-family: "Britti Sans Trial Light";
    src: url("https://db.onlinewebfonts.com/t/3362c44fac2b8b52f505e23a41388b4e.eot");
    src: url("https://db.onlinewebfonts.com/t/3362c44fac2b8b52f505e23a41388b4e.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/3362c44fac2b8b52f505e23a41388b4e.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/3362c44fac2b8b52f505e23a41388b4e.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/3362c44fac2b8b52f505e23a41388b4e.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/3362c44fac2b8b52f505e23a41388b4e.svg#Britti Sans Trial Light")format("svg");
}
body{
    background-color: #F6F8FA !important;
    font-family: "Inter", sans-serif;
}


  /* About Hero Section Start  */
 

  .about-hero-heading-bg-image {
    max-width: 1408px;
    height: 414px;
    margin: 0px 16px 12px 16px;
}

.about-hero-heading-bg-image{
    background-image: url("../images/about/about-hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
}

.about-hero-heading {
    padding-top: 120px;
    padding-bottom: 110px;
    padding-left: 64px;
    padding-right: 135px;
    width: 60%;
}
.about-hero-heading h2 {
    font-size: 64px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -1.92px;
    font-family: 'Inter';
    color: #FFFFFF;
}

  /* Responsive Design */
@media only screen and (max-width: 767px) {
    .about-hero-heading-bg-image {
        width: auto;
        height: 250px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}
.about-hero-heading {
    width: auto;
    height: auto;
    padding: 20px;
    display: inline-block;
    vertical-align: middle;
}
    .about-hero-heading h2{
        font-size: 24px;
        letter-spacing: 1px;
        text-align: center;
        padding-top: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .about-hero-heading-bg-image{
        width: auto;
        height: 300px;
        background-size: cover;
    }
    .about-hero-heading{
        width: auto;
        height: 100px;
        padding: 30px;
        display: inline-block;
        vertical-align: middle;
        
    }
    .about-hero-heading h2{
        margin-top: 70px;
        padding-top: 60px;
        font-size: 36px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .about-hero-heading{
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: middle;
       
    }
    .about-hero-heading h2{
        font-size: 48px;
    }
}
  
  /* About Hero Section End */

  /* Image With Text Start */ 
    .image-with-text-billing-section {
        max-width: 1408px;
        height: 1112px;
        margin: 0px 16px 12px 16px;
        box-shadow: 0px 4px 8px -1px rgba(221, 221, 18, 0.02);
        border-radius: 32px;
        background-color: #fff;
        padding: 104px;
    }
    .image-with-text-billing-about-continer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 67px;
        margin-bottom: 104px;
    }

    .image-with-text-billing-content a,
    .image-with-text-billing-our-mission-content-top-button a {
        border: 1px solid #DFE1E7;
        padding: 8px 10px 8px 8px;
        border-radius: 8px;
        box-shadow: 0px 1px 2px 0px rgba(13, 0, 18, 0.06);
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: -0.28px;
        color: #666D80;
        font-family: 'Inter';
    }

    .image-with-text-billing-content h2,
    .image-with-text-billing-our-mission-content h2 {
        font-size: 48px;
        font-weight: 600;
        line-height: 125%;
        letter-spacing: -1.44px;
        font-family: 'Inter';
        color: #0D0D12;
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .image-with-text-billing-content p,
    .image-with-text-billing-our-mission-content p {
        font-size: 18px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -0.36px;
        color: #666D80;
        font-family: 'Inter';
    }

    .image-with-text-billing-our-mission-continer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 104px;
    }

    .image-with-text-billing-our-mission-content-top-button {
        display: inline-block;
    }

    .image-with-text-billing-our-mission-content-top-button a {
        display: flex;
        align-items: center;
        gap: 6px;
    }


/* Responsive Design */
@media (max-width: 768px) {
    .image-with-text-billing-section{
        width: auto;
        height: auto;
        padding: 50px 30px;
    }

    .image-with-text-billing-about-continer{
        flex-direction: column;
        margin-bottom: 52px;
    }

    .image-with-text-billing-image img,
    .image-with-text-billing-our-mission-image img{
        width: 100%;
    }

    .image-with-text-billing-our-mission-continer{
        flex-direction: column;
        gap: 52px;
    }

    .image-with-text-billing-content h2, .image-with-text-billing-our-mission-content h2{
        font-size: 24px;
    }

    .image-with-text-billing-content p, .image-with-text-billing-our-mission-content p{
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .image-with-text-billing-section{
        width: auto;
        height: auto;
        padding: 50px;
    }

    .image-with-text-billing-about-continer,
    .image-with-text-billing-our-mission-continer{
        flex-direction: column;
    }

    .image-with-text-billing-image img,
    .image-with-text-billing-our-mission-image img{
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .image-with-text-billing-section{
        width: auto;
        height: auto;
        padding: 70px;
    }

    .image-with-text-billing-about-continer,
    .image-with-text-billing-our-mission-continer{
        flex-direction: column;
    }

    .image-with-text-billing-image img{
        width: 100%;
    }
}

  /* Image With Text End */

  /* Reasons to choose Reliable Healthcare Billing Start */
  .reasons-to-choose-features-section {
    max-width: 1408px;
    height: 675px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 12px;
    background: #fff;
    padding: 104px;
    border-radius: 28px;
    box-shadow: 0px 4px 8px -1px rgba(221, 221, 18, 0.02);
}

.reasons-to-choose-features-why-choose-us-badge {
    border: 1px solid #DFE1E7;
    padding: 8px 10px 8px 8px;
    border-radius: 8px;
    display: ruby;
    box-shadow: 0px 1px 2px 0px rgba(13, 0, 18, 0.06);
}

.reasons-to-choose-features-why-choose-us-badge a {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.28px;
    color: #666D80;
    font-family: 'Inter';
    display: flex;
    align-items: center;
    gap: 8px;
}

.reasons-to-choose-features-heading{
    margin-top: 20px;
}

.reasons-to-choose-features-heading h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -1.44px;
    color: #0D0D12;
    font-family: 'Inter';
    width: 50%;
}

.reasons-to-choose-features-grid {
    margin-top: 48px;
    display: flex;
    gap: 24px;
    align-items: center;
}

.reasons-to-choose-feature-item {
    border: 1px solid #DFE1E7;
    padding: 32px;
    border-radius: 24px;
}

.reasons-to-choose-feature-item-image {
    margin-bottom: 32px;
}

.reasons-to-choose-feature-item-content h3 {
    font-size: 23px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.72px;
    font-family: 'Inter';
    color: #0D0D12;
    margin-bottom: 8px;
}

.reasons-to-choose-feature-item-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.32px;
    font-family: 'Inter';
    color: #666D80;
}

/* Responsive Design */
@media only screen and (max-width: 767px) {
    .reasons-to-choose-features-section{
        width: auto;
        height: auto;
        padding: 50px 30px;
    }

    .reasons-to-choose-features-heading h2{
        font-size: 24px;
        width: 100%;
    }

    .reasons-to-choose-features-grid{
        flex-direction: column;
        margin-top: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .reasons-to-choose-features-section{
        width: auto;
        height: auto;
        padding: 50px;
    }

    .reasons-to-choose-features-heading h2{
        width: 100%;
    }

    .reasons-to-choose-features-grid{
        display: grid;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .reasons-to-choose-features-section{
        width: auto;
        height: auto;
        padding: 70px;
    }

    .reasons-to-choose-features-heading h2{
        width: 100%;
    }
}

  /* Reasons to choose Reliable Healthcare Billing End */


  /* Numbers That Speak Start */

.stats-section {
    padding: 64px 104px;
    background-color: #ffffff;
    max-width: 1408px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 12px;
    border-radius: 28px;
    box-shadow: 0px 4px 8px -1px rgba(221, 221, 18, 0.02);
}

.stats-container {
    max-width: 1200px;
    margin: 0 auto;
}

.stats-heading {
    color: #0D0D12;
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -1.44px;
    font-family: 'Inter';
    margin-bottom: 48px;
}

.stats-column {
    display: flex;
    gap: 80px;
    align-items: center;
    justify-content: space-between;
}

.stat-number {
    color: #0D0D12;
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -1.44px;
    font-family: 'Inter';
    margin-bottom: 12px;
}

.stat-label {
    color: #101828;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 0px;
    font-family: 'Inter';
}

@media only screen and (max-width: 767px) {
    .stats-section{
        width: auto;
        height: auto;
        padding: 50px 30px;
    }

    .stats-heading{
        font-size: 24px;
        margin-bottom: 24px;
        text-align: center;
    }

    .stats-column{
        flex-direction: column;
        gap: 25px;
    }

    .stat-card {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .stats-section{
        width: auto;
        height: auto;
        padding: 50px;
    }

    .stats-column{
        gap: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .stats-section{
        width: auto;
        height: auto;
        padding: 70px;
    }

    .stats-column{
        gap: 40px;
    }
}

  /* Numbers That Speak End */



  /* Real-life results and Revenues Start */
  .real-life-results-section {
    max-width: 1440px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 12px;
    
    background-color: #101828;
    padding: 68px 118px 0px 150px;
    border-radius: 28px;
}

.real-life-results-container {
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
}

.real-life-results-heading-paragraph h2 {
    font-size: 56px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 125%;
    letter-spacing: -1.68px;
    font-family: 'Inter';
    text-align: left;
}

.real-life-results-heading-paragraph .lead-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'Satoshi';
    margin-top: 12px;
    margin-bottom: 72px;
}

.real-life-results-total-claims-heading-text {
    display: flex;
    justify-content: space-between;
    gap: 163px;
    padding-top: 48px;
    padding-bottom: 64px;
    border-top: 1px solid #FFFFFF33;
    
}

.real-life-results-total-claims-heading .number-of-claims {
    font-size: 65px;
    font-weight: 600;
    line-height: 74px;
    letter-spacing: -1px;
    color: #ABEFC6;
    font-family: 'Inter';
    margin-bottom: 24px;
}

.real-life-results-total-claims-heading .total-claims {
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0px;
    font-family: 'Inter';
    color: #FFFFFF;
}

.real-life-results-total-claims-heading {
    width: 222px;
}

.real-life-results-total-claims-text .reliable-text {
    font-size: 32px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'Inter';
}
.real-life-results-total-claims-text {
    width: 749px;
}
.real-life-results-claim-text-avatar {
    display: flex;
    gap: 12px;
    align-items: center;
}

.real-life-results-claim-text-avatar-text .name-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0px;
    font-family: 'Inter';
    color: #FFFFFF;
    margin-bottom: 5px;
}

.real-life-results-claim-text-avatar-text .designation {
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'Inter';
}

.real-life-results-claim-text-avatar-and-text {
    margin-top: 32px;
}



@media only screen and (max-width: 767px) {
    .real-life-results-section{
        width: auto;
        height: auto;
        padding: 50px 30px;
    }

    .real-life-results-total-claims-heading-text{
        flex-direction: column;
        padding-top: 24px;
        padding-bottom: 32px;
        gap: 24px;
    }

    .real-life-results-total-claims-text{
        width: 100%;
    }

    .real-life-results-heading-paragraph h2{
        font-size: 28px;
    }

    .real-life-results-heading-paragraph .lead-text{
        font-size: 16px;
        margin-bottom: 30px;
    }

    .real-life-results-total-claims-text .reliable-text{
        font-size: 16px;
    }

    .real-life-results-total-claims-heading .number-of-claims{
        font-size: 40px;
        margin-bottom: 0px;
    }

    .real-life-results-total-claims-heading{
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .real-life-results-section{
        width: auto;
        height: auto;
        padding: 50px;
    }

    .real-life-results-total-claims-heading-text{
        flex-direction: column;
        gap: 80px;
    }

    .real-life-results-total-claims-heading,
    .real-life-results-total-claims-text{
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .real-life-results-section{
        width: auto;
        height: auto;
        padding: 70px;
    }
}
  /* Real-life results and Revenues End */



  /* Want to start billing with us Start */
  .billing-contact-cta {
    padding: 80px;
    background-color: #040B1F;
    border-radius: 28px;
    max-width: 1408px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 12px;
}

.billing-contact-cta {
    background-image: url("../images/landing-page/billing-contact-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.billing-container {
    max-width: 1248px;
    margin: 0 auto;
}

.billing-contact-heading-text h2 {
    font-weight: 600;
    font-size: 56px;
    line-height: 125%;
    letter-spacing: -1.68px;
    color: #FFFFFF;
    font-family: 'Inter';
    text-align: center;
    margin-bottom: 20px;
}

.billing-contact-heading-text .cta-text {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.36px;
    font-family: 'Inter';
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px !important;
}

.billing-contact-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.billing-contact-call-icon {
    background: #FFFFFF;
    padding: 12px 20px;
    border-radius: 9999px;
}

.billing-contact-call-icon a {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0px;
    color: #000000;
    font-family: 'Outfit';
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-person {
    display: flex;
    align-items: center;
    gap: 16px;
}

.billing-contact-image-text .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'Satoshi';
}

.billing-contact-image-text .title {
    font-size: 14px;
    color: #FFFFFFB2;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0px;
}


@media only screen and (max-width: 767px) {
    .billing-contact-cta{
        padding: 50px 30px;
    }

    .billing-contact-heading-text .cta-text{
        width: 100%;
        font-size: 16px;
        margin-bottom: 20px !important;
    }

    .billing-contact-info{
        flex-direction: column;
        gap: 20px;
    }

    .billing-contact-heading-text h2{
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .billing-contact-cta{
        padding: 50px;
    }

    .billing-contact-heading-text .cta-text{
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .billing-contact-cta{
        padding: 70px;
    }
}
/* Want to start billing with us End */

/* FAQ Section Start */
.medical-faq-section {
    padding: 104px;
    background-color: #FFFFFF;
    max-width: 1408px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 12px;
    border-radius: 30px;
    box-shadow: 0 4px 8px -1px rgba(13, 13, 18, 0.02);
}

.medical-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.medical-faq-heading h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -1.44px;
    font-family: 'Inter';
    margin-bottom: 20px;
}

.medical-faq-heading-image,
.medical-faq-collapsible-content{
    width: 50%;
}

.medical-faq-image img {
    width: 510px;
    height: 327px;
}

details summary {
    color: #0D0D12;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    padding: 10px 0px;
    letter-spacing: -0.36px;
    font-family: 'Inter';
    cursor: pointer;
  }
  
  details p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #666D80;
    font-family: 'Inter';
    letter-spacing: -0.3px;
    padding-bottom: 20px;
  }
  
  details {
    border-bottom: 1px solid #DFE1E7 !important;
    border-top: none !important;
  }
 
  
  summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .control-icon-close {
    display: none;
  }
  
  /* details[open] .control-icon-close {
    display: initial;
    transition: .3s ease;
  }
  
  details[open] .control-icon-expand {
    display: none;
  } */

@media only screen and (max-width: 767px) {
    .medical-faq-section{
        width: auto;
        height: auto;
        padding: 50px 30px;
    }

    .medical-container{
        flex-direction: column;
        gap: 20px;
    }

    .medical-faq-heading-image, .medical-faq-collapsible-content{
        width: 100%;
    }

    .medical-faq-image img{
        width: 100%;
        height: auto;
    }

    .medical-faq-heading h2{
        font-size: 24px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .medical-faq-section{
        width: auto;
        height: auto;
        padding: 50px;
    }
    .medical-container{
        flex-direction: column;
    }

    .medical-faq-heading-image, .medical-faq-collapsible-content{
        width: 100%;
    }

    .medical-faq-image img{
        width: 100%;
        height: auto;
    }

    .medical-faq-collapsible-content{
        margin-top: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .medical-faq-section{
        width: auto;
        height: auto;
        padding: 70px;
    }

    .medical-faq-heading-image, .medical-faq-collapsible-content{
        width: 100%;
    }

    .medical-container{
        flex-direction: column;
    }
    .medical-faq-image img{
        width: 100%;
        height: auto;
    }

    .medical-faq-collapsible-content{
        margin-top: 50px;
    }
}
/* FAQ Section End */