.sterilization-banner-section {
    width: 100%;
    height: 100%;

}

.sterilization-banner-section img {
    width: 100%;
    height: 100%;
}

.sterilization-section {
    padding: 100px 0 100px 0;
    background-color: #f9f9f5;
    width: 100%;
    max-width: 75%;
    margin: 0 auto;
    padding: 100px 0px;
    text-align: center;
}

.sterilization-heading h2 {
    color: #000;
    margin: 0;
    font-family: TimesNow;
    font-weight: 300;
    font-size: 72px;
    line-height: 80px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 46px !important;
}

.sterilization-heading h2 .fst-italic {
    text-transform: lowercase !important;
}

.sterilization-desc {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    max-width: 548px;
    margin: auto;
    color: #555555;
    margin-bottom: 70px;
}

/* Sterilization Grid Section */
.sterilization-grid-section {
    width: 100%;
}

.sterilization-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    margin: 0 auto;
}

.sterilization-grid-item {
    background-color: #EEEBE6;
    padding: 50px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sterilization-check {
    margin-bottom: 20px;
    width: 39px;
    height: 26px;
}

.sterilization-check img {
    width: 39px;
    height: 26px;
}

.sterilization-check svg {
    width: 30px;
    height: 30px;
    stroke: #000;
}

.sterilization-content {
    font-family: TimesNow;
    font-weight: 300;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    color: #000000;
}

@media only screen and (max-width: 1024px) {
    .sterilization-section {
        max-width: 85% !important;
        margin: 0 auto;
        padding: 80px 0px;
    }

    .sterilization-grid-container {
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .sterilization-heading h2 {
        color: #000;
        margin: 0;
        font-family: TimesNow;
        font-weight: 300;
        font-size: 54px;
        line-height: 60px;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 46px;
    }

    .sterilization-grid-container {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .sterilization-grid-item {
        padding: 40px 30px;
    }

    .sterilization-content {
        font-family: TimesNow;
        font-weight: 300;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        color: #000000;
    }
}

@media only screen and (max-width: 576px) {
    .sterilization-section {
        max-width: 85% !important;
        margin: 0 auto;
        padding: 60px 0px;
    }

   .sterilization-heading h2 {
    color: #000;
    margin: 0 !important;
    font-family: TimesNow;
    font-weight: 300 !important;
    font-size: 28px !important;
    line-height: 35px !important;
    text-align: left !important;
    text-transform: uppercase;
    margin-bottom: 30px !important;
}

    .sterilization-grid-container {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .sterilization-grid-item {
        padding: 25px;
    }

    .sterilization-content {
        font-size: 14px;
        line-height: 22px;
    }

    .sterilization-desc {
        font-family: Inter;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
        margin: auto;
        color: #555555;
        margin-bottom: 30px;
    }
}

/* INVISIBLE ALIGNERS EXPERIENCE SECTION */
.covid-care-section {
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 480px;
    font-family: 'Inter', sans-serif;
}

.covid-care-left {
    background: #515E58;
    color: #fff;
    flex: 1 1 50%;
    padding: 110px 80px 110px 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.covid-care-heading {
    font-family: TimesNow;
    font-weight: 300;
    font-style: Light;
    font-size: 52px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 24px;
}

.covid-care-list {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.covid-care-item {
    display: flex;
    align-items: center;
    gap: 18px;
    border-bottom: 1px solid #FFFFFF40;
    padding-bottom: 23px;
}

.covid-care-item:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}



.covid-care-item-content {
    flex: 1;
}

.covid-care-item-title {
    color: #fff;
    margin-bottom: 2px;
    letter-spacing: 0.01em;
    font-family: Inter;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    text-transform: uppercase;
}

.covid-care-item-desc {
    color: #fff;
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.covid-care-right {
    flex: 1 1 50%;
    background: #f7f6f3;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 0;
}

.covid-care-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

/* Tablet */
@media (max-width: 991px) {
    .covid-care-section {
        flex-direction: column-reverse;
        min-height: unset;
    }

    .covid-care-left,
    .covid-care-right {
        flex: unset;
        width: 100%;
        padding: 36px 20px;
    }

    .covid-care-left {
        padding: 80px 7.5%;
    }


    .covid-care-right {
        padding: 0;
        justify-content: flex-start;
    }

    .covid-care-image {
        max-width: 100%;
        height: 100%;
    }



}

/* Mobile */
@media (max-width: 600px) {
    .covid-care-section {
        flex-direction: column-reverse;
        min-height: unset;
        margin-bottom: 0px;
    }



    .covid-care-left {
        padding: 60px 7.5%;
    }

    .covid-care-heading {
        font-family: TimesNow;
        font-weight: 300;
        font-style: Light;
        font-size: 30px;
        line-height: 100%;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 24px;
    }

    .covid-care-list {
        gap: 18px;
    }



    .covid-care-item-title {
        font-size: 0.98rem;
    }

    .covid-care-item-desc {
        font-size: 0.92rem;
    }

    /* .covid-care-right {
        padding: 0 0 18px 0;
    }

    .covid-care-image {
        max-width: 98vw;
        border-radius: 6px;
    } */
}