/* faq styles migrated from lpc/2_4 #faq (same class names, scoped under .faq) */
.faq {
    padding-top: min(5.8854167vw, 113px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: min(5.8854167vw, 113px);
}

.faq h2.title {
    font-size: min(2.5vw, 48px);
    font-weight: bold;
    color: #333333;
}

.faq h2.title>b {
    color: #f39800;
}

.faq h3.sub-title {
    margin-top: min(0.8854167vw, 17px);
    font-size: min(0.9375vw, 18px);
    font-weight: 600;
    color: #999999;
    text-transform: uppercase;
}

.faq .items {
    display: flex;
    flex-direction: column;
    width: min(34.0104167vw, 653px);
    margin-top: min(2.6041667vw, 50px);
}

.faq .items .q {
    font-size: min(1.3020833vw, 25px);
    font-weight: bold;
    background: linear-gradient(to right, #F39800, #F3BC61);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin-top: min(1.3020833vw, 25px);
    display: flex;
}

.faq .items .q:before {
    content: "Q";
    color: white;
    font-weight: bold;
    background: linear-gradient(to right, #F39800, #F3BC61);
    font-size: min(1.3020833vw, 25px);
    width: min(2.34375vw, 45px);
    height: min(2.34375vw, 45px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    -webkit-text-fill-color: initial !important;
    margin-right: min(1.5625vw, 30px);
    margin-top: max(-0.2604167vw, -5px);
}

.faq .items .q:after {
    content: '';
    position: absolute;
    left: max(-0.15625vw, -3px);
    top: 0;
    border-bottom: min(0.5208333vw, 10px) solid #F39800;
    border-left: min(0.2083333vw, 4px) solid transparent;
    border-right: min(0.2083333vw, 4px) solid transparent;
    transform: rotateZ(-60deg);
}

.faq .items .q:first-child {
    margin-top: 0;
}

.faq .items .a {
    margin-top: min(0.4166667vw, 8px);
    font-size: min(0.9375vw, 18px);
    font-weight: 500;
    color: #36393e;
    position: relative;
    display: flex;
}

.faq .items .a:before {
    content: "A";
    color: #36393e;
    font-weight: bold;
    background: linear-gradient(to right, #FBF0B2, #FBF8E4);
    font-size: min(1.3020833vw, 25px);
    width: min(2.34375vw, 45px);
    height: min(2.34375vw, 45px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    -webkit-text-fill-color: initial !important;
    margin-right: min(1.5625vw, 30px);
}

.faq .items .a:after {
    content: '';
    position: absolute;
    left: min(2.2395833vw, 43px);
    top: min(0.2604167vw, 5px);
    border-bottom: min(0.5208333vw, 10px) solid #FBF8E4;
    border-left: min(0.2083333vw, 4px) solid transparent;
    border-right: min(0.2083333vw, 4px) solid transparent;
    transform: rotateZ(55deg);
}

@media screen and (max-width: 750px) {
    .faq {
        padding-inline: min(3vw, 15px);
    }

    .faq h2.title {
        font-size: min(6.4vw, 48px);
        text-align: center;
    }

    .faq h3.sub-title {
        font-size: min(2.4vw, 18px);
    }

    .faq .items {
        width: 100%;
        margin-top: min(10vw, 50px);
    }

    .faq .items .q {
        font-size: min(3.6vw, 18px);
        margin-top: min(5vw, 25px);
    }

    .faq .items .a {
        font-size: min(2.8vw, 14px);
        margin-top: min(1.6vw, 8px);
    }

    .faq .items .q:before {
        width: min(6vw, 30px);
        height: min(6vw, 30px);
        font-size: min(3.2vw, 16px);
    }

    .faq .items .a:before {
        width: min(6vw, 30px);
        height: min(6vw, 30px);
        font-size: min(3.2vw, 16px);
    }

    .faq .items .q:after {
        left: max(-0.6vw, -3px);
        border-bottom: min(2vw, 10px) solid #F39800;
        border-left: min(0.8vw, 4px) solid transparent;
        border-right: min(0.8vw, 4px) solid transparent;
    }

    .faq .items .a:after {
        left: min(5.4vw, 27px);
        top: min(1vw, 5px);
        border-bottom: min(2vw, 10px) solid #FBF8E4;
        border-left: min(0.8vw, 4px) solid transparent;
        border-right: min(0.8vw, 4px) solid transparent;
    }
}