.propel-bank-hero {
    background: url('https://cdn.propelholdings.com/web/images/pbank/hero-bg2.webp') no-repeat;
    background-size: contain;
    background-position: center right;
    background-color: #001731;
    ;
    width: 100%;
}

.p-bank-color {
    color: #1C82D5;
}

.p-bank-icon {
    width: 68px;
    height: 68px;
    background-color: rgba(28, 130, 213, 0.1);
    border-radius: 5px;
}

.banking-platform {
    background: url('https://cdn.propelholdings.com/web/images/pbank/arch-btm-bg.webp') no-repeat;
    background-position: bottom;
    background-color: #fff;
    background-size: contain;
    width: 100%;
    padding-bottom: 80px;
}

@media (max-width: 768px) {
    .banking-platform {
        background: none;
        padding-bottom: 0px;
    }
}

.quote-container {
    background-color: #001731;
    width: 100%;
}

.quote-icon {
    width: 47px;
}

.growth-platform {
    background-color: #001731;
    width: 100%;
}

.pb-btn {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 1rem 2rem;
    font-size: 18px;
    letter-spacing: 1.25px;
    color: #fff;
    border-radius: 200px;
    text-decoration: none;
}

.pb-btn:hover,
.pb-btn:active {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.faq-container {
    background: url('https://cdn.propelholdings.com/web/images/pbank/arch-top-bg.webp') no-repeat;
    background-position: top;
    background-color: #fff;
    background-size: contain;
    width: 100%;
    min-height: 50vh;
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 768px) {
    .faq-container {
        background: none;
    }
}

/* accordion mod */
.accordion {
    --bs-accordion-border-radius: 0px !important;
}

.accordion-item {
    border: none;
    border-bottom: 0.5px solid rgba(44, 66, 81, 1);
}

.accordion-button {
    font-size: 18px;
    font-weight: 500;
}

.accordion-button {
    padding: 30px;
}

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

.accordion-button:link,
.accordion-button:visited,
.accordion-button:hover,
.accordion-button:active {
    background-color: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
    border: hidden !important;
    box-shadow: 0px !important;
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='--cf-black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(180deg)
}