.hl-container {
    /*background-image: linear-gradient(90deg,#0097b2 0%,#7ed957 100%);*/
    background: var(--ewm-color-secondary);
    background: var(--ewm-gray-gradient180);
    width: 100%;
    height: 100%;
    padding: 2.143rem;
    color: #FFF;
    font-style: italic;
    text-align: center;
    border-radius: 20px;
}

.faq-items .faq-item {
    background-color: #000;
    color: #fff;
    padding: 15px;
    border-radius: 20px;
    border: 0.5px solid var(--ewm-color-primary);
}
.faq-items .faq-item .card-body a {
    color: var(--ewm-color-primary);
}

.faq-items .faq-item .card-header {
    background-color: #000;
    border: none;
    cursor: pointer;
}

.faq-items .faq-item .card-header h5 {
    color: #FFF;
    font-size: 1.25rem;
    /*font-weight: bold;*/
}

.faq-items .faq-item .card-header h5 .bi-arrow-down-circle.color-blue{
    color: var(--ewm-white);

}

.faq-items .faq-item .card-body {
    /* display: none; /*Initially hidden
    opacity: 0; */
    transition: opacity 0.3s ease-in-out; /* Fade in effect */
}

.faq-items .faq-item .card-body p{
    color: #FFF;
    font-size: 1.1rem;
    padding-top: 1.429rem;
    word-wrap: break-word;
}

.faq-items .faq-item .card-body.show {
    display: block; /* Make it visible when show class is added */
    opacity: 1; /* Fully opaque when visible */
}

.faq-items .faq-item .btn-link {
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-align: left;
}

.faq-items .faq-item .btn-link:hover {
    text-decoration: none;
}

.faq-items .faq-item .icon-toggle {
    transition: transform 0.3s ease;
}

.faq-items .faq-item .collapsed .icon-toggle {
    transform: rotate(180deg);
}