/*Bradesco Saude FAQ*/
.bs-faq {
    margin-bottom: 70px;
}

.bs-faq-subtitle {
    margin-bottom: 30px;
    font-size: 24px;
}


.bs-faq-actions {
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 30px;
}

.bs-faq-action {
    min-height: 70px;
    flex: 0 0 31.76%;
    padding: 20px;


    display: flex;
    gap: 20px;
    align-items: center;
    border-radius: 5px;
    background: white;

    border-left: 3px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;

    box-shadow: 0px 0px 8px #0000001A;
}

.bs-faq-action .bs-faq-action-icon {
    font-size: 32px;
}

.bs-faq-action:hover,
.bs-faq-action:active,
.bs-faq-action:focus {
    box-shadow: 0px 0px 14px #00000029;
    border-left-color: #CC092F;
}

.bs-faq-action.active {
    box-shadow: 0px 0px 14px #00000029;
    border-left-color: #CC092F;
}

.bs-faq-search {
    margin-bottom: 50px;
}

.bs-faq-search .form-control::placeholder {
    color:  #d2d4da;
}

.bs-faq-search .form-control::-webkit-input-placeholder {
    color:  #d2d4da;
}

.bs-faq-search .form-control::-ms-input-placeholder {
    color:  #d2d4da;
}

.bs-faq-input {
    margin-top: 12px;
}

.bs-faq-input-icon {
    font-size: 22px;
}

/*Accordion ITEM*/

.bs-faq-item-title {
    color: #cc092f;
    padding-left: 24px;
    border-top: 1px solid #545454;

    min-height: 70px;
    background: #FAFAFA;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bs-faq-item-arrow {
    font-size: 24px;
    padding: 24px;
    background: #F4F4F6;
}


.bs-faq-item-title:hover {
    color: #04386C;
}

.bs-faq-item-conteudo {
    background: #FFFFFF;
    padding: 24px 25px 45px 25px;
}



.bs-faq-item[open] .bs-faq-item-conteudo {
    animation: show-details .3s forwards;
}


.bs-faq-item[open] .bs-faq-item-title {
    color: #04386C;
}

.bs-faq-item[open] .bs-faq-item-arrow {
    color: #04386C;
    background: #E8E9EC;
    transform: rotate(-180deg);
}




/*End faq accordion*/


.bs-faq-footer {
    margin-bottom: 70px;
}

.bs-faq-footer .bs-faq-subtitle {
    margin-bottom: 10px;
}

.bs-faq-footer-header {
    margin-bottom: 50px;
}

.bs-faq-footer-link {
    min-width: 162px;
}

@media (max-width: 820px) {
    .bs-faq-actions {
        grid-template-columns: 1fr;
    }

    .bs-faq-footer-link {
        min-width: 100%;
    }
}


@keyframes show-details {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}



/*Focus visible css*/

.js-focus-visible .bs-faq-input-button.focus-visible {
    outline: 2px dashed #4d4e53;
}

.js-focus-visible .bs-faq-action.focus-visible {
    outline: 2px dashed #4d4e53;
}

.js-focus-visible .bs-faq-footer-link.focus-visible {
    outline: 2px dashed #4d4e53;
}

.js-focus-visible .bs-faq-item-title.focus-visible {
    outline: 2px dashed #4d4e53;
}
