@font-face {
    font-family: Avenir;
    src: url("../lib/fonts/Avenir Book.ttf") format('truetype');
}

@font-face {
    font-family: Avenir Italic;
    src: url("../lib/fonts/Avenir-Italic.ttf") format("truetype");
}

@font-face {
    font-family: BebasBook;
    src: url("../lib/fonts/Bebas Neue Book.ttf") format("truetype");
}

/* Offer / Funds Pages */

* {
    font-family: unset;
}

body {
    font-family: Montserrat-Thin;
}

.offer-page {
    font-family: Montserrat-Thin !important;
}

.header-content {
    max-width: 1285px !important;
}

.card {
    border-radius: .25rem !important;
    max-width: 580px !important;
}

.small {
    font-size: 12px !important;
}

p {
    font-size: 16px;
}

.btn-cust-submit {
    width: 200px !important;
}

.boostup-faq-container {
    background-color: #F0ECE9;
}

.boostup-faq-header {
    color: var(--third-bg-color);
    font-weight: 700 !important;
    font-size: 34px !important;
}

.accordion-item {
    border: 0px !important;
    background-color: transparent !important;
    margin: 10px 0px 10px 0px;
}

.accordion-body {
    background-color: white !important;
    border-radius: 0px 0px 10px 10px !important;
}

.boostup-accordion-button {
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 10px 10px 0px 0px !important;
}

    .boostup-accordion-button:not(.collapsed) {
        background-color: var(--orange) !important;
    }

    .boostup-accordion-button:is(.collapsed) {
        background-color: var(--third-bg-color) !important;
        color: white !important;
        border-radius: 10px !important;
    }

    .boostup-accordion-button:not(.collapsed)::after {
        background-image: url('../images/boost-up/tsl-boost-up-minus.png') !important;
        background-repeat: no-repeat !important;
        background-size: 2.25rem;
        width: 2.25rem;
        height: 2.25rem;
    }

    .boostup-accordion-button:is(.collapsed)::after {
        background-image: url('../images/boost-up/tsl-boost-up-plus.png') !important;
        background-repeat: no-repeat !important;
        background-size: 2.25rem;
        width: 2.25rem;
        height: 2.25rem;
    }

.boost-up-18 {
    font-size: 18px;
    font-weight: bold;
}

.pre-screen {
    border-left: 0px;
    border-right: 0px;
    font-family: Montserrat-Thin !important;
    letter-spacing: 3px;
}

.ps1 {
    font-size: 25px;
}

.ps2 {
    font-size: 25px;
    font-weight: bold;
}

.ps3 {
    font-size: 25px;
}

.ps4 {
    font-size: 25px;
}

.ps5 {
    font-size: 25px;
}

.ps6 {
    font-size: 25px;
    font-weight: bold;
}

.ps7 {
    font-size: 25px;
    font-weight: bold;
    padding: 20px 0px 0px 130px;
}

.ps8 {
    font-size: 25px;
}

.offer-list {
    font-size: 20px;
}

.ps-main-content {
    font-size: 20px;
    padding-left: 1%;
    max-width: 1285px !important;
    margin: 0px auto;
}

.ps-list-bold {
    font-size: 20px !important;
    font-weight: bold;
}

.ps-check-text {
    font-family: Montserrat-Thin !important;
    font-weight: bold;
    font-size: 16px !important;
    color: #1D6777;
}

.offer-list-num {
    background-color: #1D6777;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50% !important;
}

    .offer-list-num p {
        vertical-align: middle;
        text-align: center;
        font-size: 20px !important;
        padding-top: 40%;
        font-weight: bold;
    }

.offer-list-img {
    background-color: #1D6777;
    color: white;
    font-size: 55px;
    width: 105px;
    height: 105px;
}

    .offer-list-img p {
        vertical-align: middle;
        text-align: center;
    }

.offer-right {
    border-left: 3px dotted black;
}

    .offer-right p {
        padding: 20px 0px;
        font-weight: bold;
    }

@media screen and (max-width: 450px) {
    .offer-right {
        border-left: 0px !important;
    }
}

.offer-orange {
    color: #E07A30;
}

.border-blue {
    border-top: 2px solid #89C4DB;
    border-bottom: 2px solid #89C4DB;
}

.ps-border {
    border: 2px solid black;
}

.text-sup {
    font-size: .6em;
}

.bg-green-offer {
    background-color: var(--secondary-bg-color);
    color: white;
    font-size: 25px;
    text-align: center;
}

.bg-blue-funds {
    background-color: #033246;
    color: white;
}

.bg-blue-funds p {
    font-size: 20px !important;
}

.disclosure p {
    font-size: 12px !important;
}