/* -------- BEGIN: common -------- */
.program__title_color-blue {
    color: #039EE2;
}

.program__title_color-green {
    color: #3EB445;
}

.program__btn {
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.00) 40.34%, rgba(0, 0, 0, 0.20) 71.2%), #73B26D;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 40.34%, rgba(0, 0, 0, 0.20) 71.2%), #73B26D;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16);
}

.program__btn:focus,
.program__btn:hover,
.program__btn:active {
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.00) 40.34%, rgba(0, 0, 0, 0.20) 71.2%), #73B26D;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 40.34%, rgba(0, 0, 0, 0.20) 71.2%), #73B26D;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* -------- END: common -------- */


/* -------- BEGIN: main-section -------- */
.main-section {
    background-color: #C2C6D0;
    background-image: url('/img/products/programs/support-for-cancer-patients/main-bg.jpg');
    background-image: -webkit-image-set(
        url('/img/products/programs/support-for-cancer-patients/main-bg.webp') type("image/webp"),
        url('/img/products/programs/support-for-cancer-patients/main-bg.jpg')
    );
    background-image: image-set(
        url('/img/products/programs/support-for-cancer-patients/main-bg.webp') type("image/webp"),
        url('/img/products/programs/support-for-cancer-patients/main-bg.jpg')
    );
    background-position: center right 20%;
}

.main-section__title {
    font-size: calc(70px * var(--adaptive-multiplier-05x));
}

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

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

@media (max-width: 1199px) {
    .main-section::after {
        opacity: .3;
    }
}

@media (min-width: 992px) and (max-width: 1999px) {
    .main-section__content {
        width: 80%;
    }
}

@media (max-width: 575px) {
    .main-section__title {
        font-size: 28px;
    }

    .main-section__subtitle {
        font-size: 15px;
    }
}

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


/* -------- BEGIN: abstract-section -------- */
.abstract__strip {
    border-left-color: #5A8E54;
}
/* -------- END: abstract-section -------- */


/* -------- BEGIN: umbrella-section -------- */
.umbrella {
    -ms-grid-columns: 1fr 30px 1.5fr 30px 1fr;
    grid-template-columns: 1fr 1.5fr 1fr;
    -ms-grid-rows: 1fr 30px 1fr 30px 1fr;
    grid-template-rows: repeat(3, 1fr);
}

.umbrella > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.umbrella > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.umbrella > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.umbrella > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.umbrella > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.umbrella > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.umbrella > *:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.umbrella > *:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.umbrella > *:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}

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

.umbrella__points-wrap_left,
.umbrella__points-wrap_right {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: calc(30px * var(--adaptive-multiplier-05x));
}

.umbrella__points-wrap_left img {
    top: unset;
    right: 0;
    bottom: 75px;
}

.umbrella__points-wrap_right img {
    top: -30px;
    left: -50px;
}

.umbrella__points-wrap_bottom img {
    top: -90px;
    right: -50px;
}

@media (max-width: 1199px) {
    .umbrella {
        -ms-grid-columns: 1fr 1.3fr 1fr;
        grid-template-columns: 1fr 1.3fr 1fr;
    }

    .umbrella__points-wrap_left {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

    .umbrella__points-wrap_left img {
        right: -95px;
        bottom: 55px;
    }

    .umbrella__points-wrap_bottom img {
        right: -50px;
    }
}

@media (max-width: 991px) {
    .umbrella__points-wrap_right {
        padding: 0;
    }
}
/* -------- END: umbrella-section -------- */


/* -------- BEGIN: necessity-section -------- */
.necessity-section {
    position: relative;
    z-index: 1;
    background-image: url('/img/products/programs/support-for-cancer-patients/necessity-bg.png');
    background-position: center right;
    background-size: auto 100%;
}

.necessity__points {
    list-style-image: url('/img/products/programs/support-for-cancer-patients/necessity-check.svg');
}

@media (max-width: 991px) {
    .necessity-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        opacity: .5;
    }
}

@media (max-width: 575px) {
    .necessity-section {
        background-position: center right 35%;
    }
}
/* -------- END: necessity-section -------- */


/* -------- BEGIN: program-point-section -------- */
@media (min-width: 992px) {
    .program-point__point-item.program__paragraph {
        font-size: calc(20px * var(--adaptive-multiplier-075x));
    }
}
/* -------- END: program-point-section -------- */


/* -------- BEGIN: benefit-section -------- */
.program-radiation__clouds {
    top: 80px;
}

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

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


/* -------- BEGIN: usage-program-section -------- */
.usage-program-section {
    background-color: #95CD99;
}

.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: #39B1E7;
}

.shopping-gate-section .program__btn-quadro {
    border-color: #FBB6BE;
    background-color: #FBB6BE;
}

.shopping-gate-section .program__btn-quadro:hover {
    border-color: #FFF;
    background-color: transparent;
}
/* -------- END: shopping-gate-section -------- */