.hidden {
    display: none;
}
.center-div {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    text-align: left;
    font-size: 18px;
    border-radius: 50px;
}
.container{
    position: relative;
}

.centerx {
    left: 0;
    top: 50%;
    width: 100%;
    text-align: left;
    font-size: 18px;
}

.question {
    margin-top: 0.5rem; 
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1rem; 
    font-size: 18px; 
    font-weight: bold; 
    cursor: pointer; 
}

.faq_card {
    background-color: #ffff; 
    border: 2px solid rgb(240, 245, 255);
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0.5rem; 
    padding: 1rem;        
    background-color: #fff;
    margin: 15px 53px;
    transition: all 200ms;
}

.text_faq_color {
    color: rgb(6, 28,61);
}
.text_faq_color_active {
    color: rgb(255, 255, 255);
}

.background_color_q {
  background-color: var(--brand-color-primary);
  border-radius: 5px;
}

.question_icon1 {
    float: right; 
    margin-top: -42px; 
    color: rgb(175, 186, 198);
}

.answer_icon1 {
    float: right; 
    margin-top: -42px; 
    color: #fff;
}

.hr_faq {
    border-top: 3px solid #fff; 
    margin: 0px 13px;
}
.answer_p_faq {
    color: rgb(194, 231, 251); 
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
    padding-left: 5px;
}

.question_icon4 {
    float: right; 
    margin-top: -42px; 
    color: rgb(175, 186, 198);
}

.answer_icon4 {
    float: right; 
    margin-top: -42px; 
    color: #fff;
}

.question_icon5 {
    float: right; 
    margin-top: -42px; 
    color: rgb(175, 186, 198);
}
.answer_icon5 {
   float: right; 
   margin-top: -42px; 
   color: #fff;
}
@media (max-width: 900px) {
    .answer_icon5 {
        float: right; 
        margin-top: -58px; 
        color: #fff;
     }
    .question_icon5 {
        float: right; 
        margin-top: -49px; 
        color: rgb(175, 186, 198);
    }
    .answer_icon4 {
        float: right; 
        margin-top: -59px; 
        color: #fff;
    }
    .question_icon4 {
        float: right; 
        margin-top: -50px; 
        color: rgb(175, 186, 198);
    }
    .hr_faq {
        border-top: 2px solid #fff; 
        margin: 0px 4px;
    }
    .question_icon1 {
        float: right; 
        margin-top: -46px; 
        color: rgb(175, 186, 198);
    }
    .answer_icon1 {
        float: right; 
        margin-top: -58px; 
        color: #fff;
    }
    .question {
        margin-top: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 8px;
        padding-right: 10px;
        font-size: 15px;
        font-weight: bold;
        cursor: pointer;
        background-color: #ffff; 

    }
    .faq_card {
        background-color: #ffff; 
        border: 2px solid rgb(240, 245, 255);
        padding-top: 5px;
        padding-bottom: 5px;
        padding: 0;        
        background-color: #fff;
        border-radius: 5px;
        margin: 15px 5px;
        gap: 14px;
        font-weight: 500;
        transition: all 200ms;
    }
    .background_color_q {
        background-color: var(--brand-color-primary);
        border-radius: 5px;
      }
      .text_faq_color_active {
        color: rgb(255, 255, 255);
        background-color: var(--brand-color-primary);

    }
}