.faq{
    background:#10284A;
    padding:120px 0;
}

.faq .container{
    max-width:1200px;
    margin:auto;
}

.faq-header{
    text-align:center;
    margin-bottom:80px;
}

.faq-tag{
    display:block;
    font-size:14px;
    letter-spacing:4px;
    color:#ffffff;
    opacity:.7;
    margin-bottom:20px;
}

.faq-header h2{
    font-size:48px;
    font-weight:700;
    color:#fff;
    margin-bottom:15px;
}

.faq-header p{
    color:#fff;
    opacity:.8;
}

#faq-container{
    max-width:900px;
    margin:auto;
}

.faq-item{
    border-top:1px solid rgba(255,255,255,.25);
}

.faq-item:last-child{
    border-bottom:1px solid rgba(255,255,255,.25);
}

.faq-question{
    width:100%;
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:24px 0;

    font-size:20px;
    font-weight:600;

    text-align:left;
}

.faq-icon{
    width:28px;
    height:28px;

    border-radius:50%;

    background:#173866;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#ff4d4d;

    transition:.3s;
}

.faq-answer{
    max-height:0;
    overflow:hidden;

    transition:max-height .4s ease;
}

.faq-answer p{
    color:rgba(255,255,255,.75);
    line-height:1.8;
    padding-bottom:24px;
}

.faq-item.active .faq-answer{
    max-height:300px;
}

.faq-item.active .faq-icon{
    transform:rotate(90deg);
}

.faq-cta{
    text-align:center;
    margin-top:120px;
}

.faq-cta h3{
    color:#fff;
    font-size:48px;
    margin-bottom:30px;
}

.btn-faq{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:70px;
    padding:0 50px;

    background:#A3D730;

    color:#fff;
    font-weight:600;

    border-radius:35px;

    text-decoration:none;

    transition:.3s;
}

.btn-faq:hover{
    transform:translateY(-2px);
}