*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,Helvetica,sans-serif;
}

body{
background:#f5f7fa;
color:#333;
}

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

.faq-banner{
background:linear-gradient(135deg,#0b4d7a,#97e4cb);
color:#fff;
padding:40px 20px;
text-align:center;
}

.faq-banner h1{
font-size:42px;
margin-bottom:15px;
}

.faq-banner p{
font-size:18px;
max-width:850px;
margin:auto;
line-height:30px;
}

.faq-section{
padding:60px 0;
}

.faq-item{
background:#fff;
margin-bottom:18px;
border-radius:8px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,.08);
}

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

.faq-question:hover{
	color:#fff;
	background-color: #0D98BA;
}

.faq-question span{
font-size:28px;
font-weight:bold;
}

.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .4s ease;
background:#fafafa;
}

.faq-answer p{
padding:20px;
font-size:16px;
line-height:30px;
color:#555;
}

@media(max-width:768px){

.faq-banner h1{
font-size:30px;
}

.faq-banner p{
font-size:16px;
}

.faq-question{
font-size:16px;
padding:18px;
}

.faq-answer p{
font-size:15px;
}

}