.fancy-frequent-questions{
    height: 700px !important;
    width: 1000px !important;
    padding: 0px ;
    align-items: center;
    font-size: 20px;
}
#frequents-questions-modal.fancybox-content, #section-fq-modal.fancybox-content {
    max-width: 120vw !important;
}

@media (max-width: 1019px){
    .fancy-frequent-questions{
        height: 700px !important;
        width: 100% !important;
        padding: 0px ;
        align-items: center;
        font-size: 14px;
    }
    #frequents-questions-modal.fancybox-content, #section-fq-modal.fancybox-content {
        max-width: 120vw !important;
    }
    .card-section{
        width: 100%;
    }
}
@media (max-width:886px){
    .cards-section .card-section{
        width: 42%;
    }
}
@media (max-width:601px){
    .cards-section .card-section{
        width: 100%;
    }
}
.fancy-options{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    font-size: 13px;
    font-weight: bolder;
    padding-top: 1.5rem;
    border-top: 1px solid #B9B9B9;
}
#frequents-questions-modal.b-btm{
    border-bottom: solid 1px #e5e5e5;
    padding: 10px 0px 15px 0px !important;
    margin-bottom: 1rem;
}

.fancy-frequent-questions .fancy-container{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px 5%;
    margin-top: 2.5rem
}
#frequents-questions-modal.fancybox-content, #section-fq-modal.fancybox-content{
    padding: 10px 0;
}
.section-name{
    padding: 7px;
    color: #000;
    display: flex;
    align-items: center;
}
.section-name img.section-icon {
    width: 24px;
    margin-left: 10px;
}
.more-topics{
    color:#61b2ee;
    padding: 7px;
    cursor: pointer;
}
.more-topics:hover{
    text-decoration: underline;
}
.fancy-subtitle{
    color: #666;
    font-size: 16px;
    display: flex;
    justify-content: center;
}
.question{
    display: flex;
    padding: 1rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px !important;
    background: #e2e2e266;
    font-size: 17px;
    cursor: pointer;
}
.show-question{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px !important;
    font-size: 17px;
}
.question:hover{
    background-color: #b8b7b766;
}
.active-arrow.questions{
    transform: rotate(-90deg);
    fill: #8b888866;
    position: unset;
    width: 1em!important;
}
.close-question{
    fill: #49474766;
    cursor: pointer;
}
.question:hover .active-arrow.questions{
    opacity: 1;
    fill: #49474766;
}
.fancybox-button:hover {
    color: darkblue !important;
    background-color: #fff !important;
}
.data-question{
    display: flex;
    padding: 1rem;
    flex-direction: column;
    margin-bottom: 10px !important;
    background: #e2e2e266;
    font-size: 16px;
}
.card-section{
    display: flex;
    padding: 1rem;
    flex-direction: column;
    margin: 14px 21px !important;
    background: #e2e2e266;
    font-size: 14px;
    width: 28%;
    box-shadow: 0px 3px 3px #939393;
    justify-content: space-between;
}
.cards-section{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 1.5rem;
    border-top: 1px solid #B9B9B9;
}
.card-section .card-section-container{
    /* height: 200px; */
    /* margin-bottom: 5px; */
}
.card-section .card-title{
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}
.card-section .card-description{
    color: #666;
    text-align: justify;
}
.card-section .see-questions{
    display: inline-block;
    cursor: pointer;
}
.card-section-footer {
    margin-top: 12px;
}
.card-section .see-questions .active-arrow.questions{
    fill: #61b2ee;
}
.card-section .see-questions:hover{
    text-decoration: underline;
}
.see-questions-pointer{
    cursor: pointer;
}
#frequents-questions-modal a{
    color: #297cbd !important;
    cursor: pointer;
}
#frequents-questions-modal a:hover{
    color: #3490dc !important;
}
svg.active-arrow.fill.questions.ml-3 {
    overflow: hidden;
    vertical-align: middle;
    margin-left: 1rem;
}