/* -------------------------------------------------------- */
/* Section pricing-banner */
.section-pricing-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 0px 50px;
    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 basic */
.section-basic {
    background:
    linear-gradient(to bottom , var(--color-pale-blue) 100%, transparent),
    linear-gradient(to right, var(--color-primary), var(--color-light-blue));
    background-blend-mode: screen;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding: 75px 0px;
}

.accordion-image {
    width: 100%;
    height: auto;
    max-width: 700px;
    margin: 20px 0px;
}
/* End Section basic */
/* -------------------------------------------------------- */
/* Section expanded */
.section-expanded {
    background:
    linear-gradient(to bottom , var(--color-pale-blue) 100%, transparent),
    linear-gradient(to right, var(--color-primary), var(--color-light-blue));
    background-blend-mode: screen;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding: 75px 0px;
}
/* End Section expanded */
/* -------------------------------------------------------- */
/* Section invoices */
.section-invoices {
    background:
    linear-gradient(to bottom , var(--color-pale-blue) 100%, transparent),
    linear-gradient(to right, var(--color-primary), var(--color-light-blue));
    background-blend-mode: screen;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding: 75px 0px;
}
/* End Section invoices */
/* -------------------------------------------------------- */
/* Section pricing-features */
.section-pricing-features {
    background:
    linear-gradient(to bottom , var(--color-pale-blue) 100%, transparent),
    linear-gradient(to right, var(--color-primary), var(--color-light-blue));
    background-blend-mode: screen;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* End Section pricing-features */
/* -------------------------------------------------------- */
/* Section faq */
.section-faq {
    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;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding: 100px 0px;
}


.section-basic .accordion-item,
.section-expanded .accordion-item,
.section-invoices .accordion-item,
.section-faq .accordion-item {
    background-color: transparent !important;
    border: none !important;
    border-top: 1px solid #9BBCCC !important;
    border-radius: 0px !important;
}


.section-basic .accordion-item:last-child,
.section-expanded .accordion-item:last-child,
.section-invoices .accordion-item:last-child,
.section-faq .accordion-item:last-child {
    border-bottom: 1px solid #9BBCCC !important;
}

.section-basic .accordion-button,
.section-expanded .accordion-button,
.section-invoices .accordion-button,
.section-faq .accordion-button {
    background-color: transparent !important;
    color: var(--color-primary) !important;
    font-family: var(--fontfamilybody);
    font-size: var(--fontsizelg);
    font-weight: 400;
    border: none !important;
    padding: 30px 0px !important;
}

.section-basic .accordion-button:not(.collapsed),
.section-basic .accordion-button:not(.collapsed),
.section-expanded .accordion-button:focus,
.section-expanded .accordion-button:focus,
.section-invoices .accordion-button:focus,
.section-invoices .accordion-button:focus,
.section-faq .accordion-button:not(.collapsed),
.section-faq .accordion-button:focus {
    box-shadow: none !important;
    color: var(--color-primary) !important;
}

.section-basic .accordion-body,
.section-expanded .accordion-body,
.section-invoices .accordion-body,
.section-faq .accordion-body {
    padding: var(--bs-accordion-body-padding-y) 0px !important;
}
/* End Section faq */
/* -------------------------------------------------------- */
/* Media querys */

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