*{
    margin:0; 
    padding:0; 
    box-sizing:border-box; 
}
html, body{
    overflow-x:hidden;
    width:100%;
}

.faq-section{
    background:#f9f9f9;
    padding:93px 5%;
}
.faq-section h1{
    text-align:center;
    color:#0f2027;
    margin-bottom:20px;
}
.accordion .faq-category h2{
    color:#00d4a3;
    margin-top:30px;
    margin-bottom:15px;
}
.accordion-btn{
    background:#fff;
    color:#0f2027;
    cursor:pointer;
    padding:15px 20px;
    width:100%;
    border:none;
    text-align:left;
    outline:none;
    font-size:16px;
    transition:0.3s;
    border-bottom:1px solid #ddd;
    position: relative;
}
.accordion-btn::after{
    content: '\002B'; 
    font-size: 20px;
    color: #ff702e;
    position: absolute;
    right: 20px;
    top:50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}
.accordion-btn.active::after{
    transform: translateY(-50%) rotate(45deg);
}
.panel{
    padding:0 20px;
    background-color:white;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.3s ease-out;
    border-bottom:1px solid #ddd;
}
.panel p{
    padding:15px 0;
    margin:0;
    color:#141414;
}
.accordion-btn:hover{
    background:#e6f7f3;
}
@media(max-width:768px){
    .faq-section{
        padding:80px 5%;
    }

    .accordion-btn{
        font-size:15px;
        padding:12px 15px;
    }

    .panel p{
        font-size:14px;
    }
}