/* -------- BEGIN: common -------- */
.program__btn {
    color: var(--woman-pink);
    background-color: var(--white-color);
}

.program__btn:focus,
.program__btn:hover,
.program__btn:active {
    color: var(--white-color);
    background-color: var(--woman-pink);
}
/* -------- END: common -------- */


/* -------- BEGIN: main-section -------- */
.main-section {
    background-color: #4AB7F0;
    background-image: url('/img/products/programs/womens-health/main-bg.jpg');
    background-image: -webkit-image-set(
        url('/img/products/programs/womens-health/main-bg.webp') type("image/webp"),
        url('/img/products/programs/womens-health/main-bg.jpg')
    );
    background-image: image-set(
        url('/img/products/programs/womens-health/main-bg.webp') type("image/webp"),
        url('/img/products/programs/womens-health/main-bg.jpg')
    );
}

.main-section__subtitle {
    max-width: calc(800px * var(--adaptive-multiplier-05x));
}

.main-section__subtitle span {
    background-color: var(--woman-pink);
}

@media (min-width: 2000px) {
    .main-section {
        padding: 15vh 0;
    }
}

@media (max-width: 1399px) {
    .main-section {
        background-position: center right 20%;
    }
}

@media (max-width: 575px) {
    .main-section {
        background-position: center left;
    }

    .main-section::after {
        opacity: .25;
    }
}

@media (max-width: 480px) {
    .main-section {
        background-position: center left 20%;
    }

    .main-section::after {
        opacity: .4;
    }
}
/* -------- END: main-section -------- */


/* -------- BEGIN: abstract-section -------- */
.abstract__strip {
    border-left-color: var(--woman-pink);
}
/* -------- END: abstract-section -------- */


/* -------- BEGIN: umbrella-section -------- */
.umbrella {
    -ms-grid-columns: 1fr 1.35fr 1fr;
    grid-template-columns: 1fr 1.35fr 1fr;
}

.umbrella__object {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.umbrella__points-wrap_top-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.umbrella__points-wrap_top-left img {
    top: -25px;
    right: -70px;
}

.umbrella__points-wrap_bottom-left img {
    top: unset;
    bottom: 0;
}

.umbrella__points-wrap_right img {
    top: 60px;
    left: -20px;
}
/* -------- END: umbrella-section -------- */


/* -------- BEGIN: necessity-section -------- */
.necessity-section {
    padding-top: calc(90px * var(--adaptive-multiplier-05x));
    padding-bottom: calc(150px * var(--adaptive-multiplier-05x));
    background-image: url('/img/products/programs/womens-health/necessity-bg.jpg');
    background-image: -webkit-image-set(
        url('/img/products/programs/womens-health/necessity-bg.webp') type("image/webp"),
        url('/img/products/programs/womens-health/necessity-bg.jpg')
    );
    background-image: image-set(
        url('/img/products/programs/womens-health/necessity-bg.webp') type("image/webp"),
        url('/img/products/programs/womens-health/necessity-bg.jpg')
    );
}

.necessity__points {
    list-style-image: url('/img/products/programs/womens-health/necessity-check.svg');
}
/* -------- END: necessity-section -------- */


/* -------- BEGIN: program-point-section -------- */
.program-point__img {
    height: 145px;
}
/* -------- END: program-point-section -------- */


/* -------- BEGIN: benefit-section -------- */
.program-radiation__clouds {
    left: 100px;
}

@media (max-width: 1199px) {
    .program-radiation__clouds {
        top: 20px;
        left: 70px;
    }

    .program-radiation__cloud {
        max-width: 400px;
    }
}
/* -------- END: benefit-section -------- */


/* -------- BEGIN: usage-program-section -------- */
.usage-program-section {
    background-color: #78CEFF;
}

.prevention-program__day-wrap {
    border-color: var(--woman-pink);
}

.prevention-program__day_color,
.usage-program__stage-name {
    color: var(--woman-pink);
}

.intensive-program__time-of-day-wrap {
    background-color: var(--woman-pink);
}
/* -------- END: usage-program-section -------- */


/* -------- BEGIN: shopping-gate-section -------- */
.shopping-gate-section {
    background-color: var(--woman-pink);
}
/* -------- END: shopping-gate-section -------- */