a {
    color: inherit;
}

a:hover {
    color: inherit;
}
/* 
.school-page {
    padding-bottom: max(calc(100vw / 1920 * 150), 70px);
} */


.school-page .faq-container {
    padding: max(calc(100vw / 1920 * 120), 40px) max(20px, calc(100vw / 1920 * 60));
    background-color: #f3f4f8;
}

.school-page .faq-container .b-title {
    text-align: center;
}

.school-page .faq-container .list {
    display: flex;
    flex-wrap: wrap;
    gap: max(20px, calc(100vw / 1920 * 40));
    margin-top: max(calc(100vw / 1920 * 55), 30px);
}

.school-page .faq-container .list .item {
    width: calc((100% - max(20px, calc(100vw / 1920 * 40))) / 2);
    border: 1px solid #e6e8ee;
    border-radius: 6px;
    overflow: hidden;
}

.school-page .faq-container .list .item .question {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    background-color: #fff;
}

.school-page .faq-container .list .item .sign {
    border-radius: 50%;
    font-size: max(20px, calc(100vw / 1920 * 30));
    color: #fff;
}

.school-page .faq-container .list .item .question .sign {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0a2d72;
    /* aspect-ratio: 1/1; */
    width: 40px;
    height: 40px;
}

.school-page .faq-container .list .item .answer {
    display: flex;
    padding: 20px 30px;
}


.school-page .faq-container .list .item .answer .sign {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #92f0a1;
    /* aspect-ratio: 1/1; */
    height: 40px;
    width: 40px;
}

.school-page .faq-container .list .item .text {
    margin-left: 20px;
    flex: 1;
    font-size: max(18px, calc(100vw / 1920 * 24));
}

.school-page .faq-container .list .item .question .text {
    padding-top: 2px;
}

.school-page .faq-container .list .item .answer .text {
    padding-top: 6px;
    font-size: max(16px, calc(100vw / 1920 * 18));
}

.school-page .faq-container .list .item .answer .text p a{
    color: #3F5CF6;
}

.school-page .faq-container .list .item .answer .text p a:hover{
    color: black;
    text-decoration: underline #3F5CF6 !important;
}


@media screen and (max-width: 550px) {

}

@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1000px) {


}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 800px) {

    .school-page .faq-container .list .item {
        width: 100%;
    }

    .school-page .faq-container .list .item .question {
        padding: 15px 10px;
    }

    .school-page .faq-container .list .item .answer {
        padding: 15px;
    }

    .school-page .faq-container .list .item .text {
        margin-left: 10px;
    }

    .school-page .environment .list {
        grid-template-columns: repeat(1, 1fr);
    }

}

@media screen and (max-width: 700px) {
    
}

@media screen and (max-width: 576px) {

}