.faq_container {
    background-color: #f1f1f1;
    padding: 50px 15px;
    min-height: 600px;
}

.faq_list .accordion {
    margin-bottom: 15px;
}

.accordion .box-item .question {
    background: white;
    text-align: left;
    margin-bottom: 10px;
    border-radius: 25px;
    padding: 14px 30px;
    position: relative;
}

.faq_list .accordion:not(.my_hide) .answer, .faq_list .accordion:not(.my_hide) .question {
    border-bottom: 2px groove;
}

.accordion .box-item .question svg {
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    transition: 0.3s;
    transform: rotate(180deg);
}

.accordion.my_hide .box-item .question svg {
    transform: rotate(0deg);
}

.accordion:not(.my_hide) .box-item .question {
    color: var(--bs-info);
}

.accordion:not(.my_hide) .box-item .question svg path {
    fill: var(--bs-info);
}

.accordion .box-item>div {
    padding: 15px;
    transition: 0.5s;
    background-color: #F7F7F7CC;
    border-radius: 17px;
    margin-bottom: 20px;
}

.my_hide .answer {
    height: 0px !important;
    overflow: hidden;
    padding: 0px 15px !important;
}