/* ==================================
   FAQ FOODREVIEW+
================================== */


.faq-hero{

height:380px;

background:
linear-gradient(
90deg,
rgba(0,0,0,.85),
rgba(0,0,0,.4)
),
#111;

display:flex;

align-items:center;

color:white;

}



.faq-hero-content h1{

font-size:55px;

font-weight:800;

margin-bottom:15px;

}


.faq-hero-content p{

font-size:22px;

color:#ddd;

}




.faq-page{

background:#f5f6fa;

padding:70px 0;

}



.faq-wrapper{

max-width:900px;

margin:auto;

}



.faq-title{

text-align:center;

margin-bottom:45px;

}



.faq-title h2{

font-size:38px;

color:#111;

}



.faq-title p{

color:#777;

font-size:17px;

}





.faq-item{

background:white;

border-radius:15px;

margin-bottom:15px;

box-shadow:
0 8px 25px rgba(0,0,0,.06);

overflow:hidden;

}





.faq-question{

width:100%;

padding:22px 25px;

border:0;

background:white;

display:flex;

justify-content:space-between;

align-items:center;

font-size:18px;

font-weight:700;

cursor:pointer;

color:#111;

}



.faq-question i{

font-style:normal;

font-size:28px;

color:#e50914;

transition:.3s;

}




.faq-answer{

max-height:0;

overflow:hidden;

transition:.4s ease;

padding:0 25px;

}



.faq-answer p,

.faq-answer li{

font-size:16px;

line-height:1.8;

color:#555;

}



.faq-item.active .faq-answer{

max-height:300px;

padding-bottom:25px;

}



.faq-item.active .faq-question i{

transform:rotate(45deg);

}





@media(max-width:600px){


.faq-hero{

height:280px;

}


.faq-hero-content h1{

font-size:32px;

}



.faq-hero-content p{

font-size:15px;

}



.faq-page{

padding:40px 15px;

}



.faq-title h2{

font-size:28px;

}



.faq-question{

font-size:15px;

padding:18px;

}



.faq-answer p{

font-size:14px;

}



}