.faq-box{
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}

.faq-btn{
    width:100%;
    background:#fff;
    border:none;
    padding:18px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    text-align:left;
}

.faq-btn i{
    transition:0.3s;
}

.faq-content{
    display:none;
    padding:0 20px 18px;
    color:#666;
    font-size:14px;
    line-height:1.7;
}

.faq-box.active .faq-content{
    display:block;
}

.faq-box.active .faq-btn i{
    transform:rotate(180deg);
}

.contact-cards-section{
    margin-top:20px;
    margin-bottom:30px;
}

.contact-card-new{
    background:#fff;
    border:1px solid #edf0f5;
    border-radius:18px;
    padding:22px;
    display:flex;
    align-items:center;
    gap:18px;
    min-height:120px;
    transition:.3s;
    box-shadow:0 2px 10px rgba(0,0,0,.03);
}

.contact-card-new:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.contact-card-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.contact-card-icon i{
    font-size:28px;
}

.green{
    background:#eefaf0;
}

.green i{
    color:#0f8b32;
}

.purple{
    background:#f4f1ff;
}

.purple i{
    color:#6c4cff;
}

.orange{
    background:#fff4eb;
}

.orange i{
    color:#ff8b1f;
}

.blue{
    background:#eef5ff;
}

.blue i{
    color:#246bff;
}

.contact-card-content h5{
    margin-bottom:8px;
    font-size:22px;
    font-weight:700;
    color:#0f172a;
}

.contact-card-content p{
    margin:0;
    color:#475569;
    font-size:15px;
    line-height:1.8;
}

@media(max-width:768px){

    .contact-card-new{
        min-height:auto;
    }

    .contact-card-content h5{
        font-size:18px;
    }
}