/* -------------------------------------------------------- */
/* Section pricing-banner */
.section-pricing-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 200px 0px;
    background:
        linear-gradient(to bottom , transparent 10%, var(--color-pale-blue)),
        linear-gradient(to right, var(--color-primary), var(--color-light-blue));
    background-blend-mode: screen;
}

.section-pricing-banner img {
    max-width: 100%;
}
/* End Section pricing-banner */
/* -------------------------------------------------------- */
/* Section solution */
.section-solution {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0px;
    background:
        linear-gradient(to bottom , var(--color-pale-blue) 70%, transparent),
        linear-gradient(to right, var(--color-primary), var(--color-light-blue));
    background-blend-mode: screen;
}

.solution-card-header {
    padding: 40px 20px 20px 20px;
    text-align: center;
    background-color: var(--color-white);
    border-bottom: 1px solid #D3E9F5;
}

.solution-card-header.dark {
    background-color: var(--color-primary);
    border-bottom: 1px solid #32225F;
}

.solution-card-title {
    min-height: 65px;
    display: flex;
    justify-content: start;
    align-items: center;
    line-height: 25px;
    border-bottom: 1px solid #83BAD6;
}

.solution-card-title.big {
    min-height: 80px;
}

.solution-card-item {
    min-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #D3E9F5;
    font-size: 18px;
    line-height: 25px;
    background-color: var(--color-white);
}

.solution-card-item.dark {
    background-color: var(--color-primary);
    border-bottom: 1px solid #32225F !important;
    color: var(--color-white);
}

.solution-card-item.big {
    min-height: 80px;
}

.solution-card-item.big {
    padding: 40px;
}

.solution-icon {
    display: block;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.solution-icon.yessir {
    background-image: url("/assets/icons/yessir.svg");
}

.solution-icon.close {
    background-image: url("/assets/icons/close.svg");
    filter: invert(39%) sepia(5%) saturate(1931%) hue-rotate(215deg) brightness(92%) contrast(87%);
}

.solution-icon.white {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(275deg) brightness(105%) contrast(102%) !important;
}

/* End Section solution */
/* -------------------------------------------------------- */
/* Media querys */

/* XL */
@media screen and (max-width: 1200px) {
    .solution-card-title {
        justify-content: center;
        border-bottom: none;
    }

    .solution-card-title.big {
        background-color: var(--color-white);
    }
}

/* LG */
@media screen and (min-width: 992px) {
    .section-pricing-banner {
        margin-top: -100px;
    }
}

/* MD */
@media screen and (max-width: 767px) {
    .solution-card-header {
        padding: 20px 10px 10px 10px;
    }

    .solution-card-header .custom-button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px !important;
    }

    .solution-card-header .custom-button .custom-icon {
        left: unset !important;
    }
}