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

body{
background:#fffaf5;
color:#3d2b1f;
overflow-x:hidden;
}

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


/* HERO */

.help-hero{
position:relative;
padding:160px 0 120px;
background:
linear-gradient(
135deg,
#d6b48d,
#ecd8bf
);
overflow:hidden;
}

.hero-content{
text-align:center;
position:relative;
z-index:2;
}

.hero-content h1{
font-size:72px;
line-height:1.1;
margin-bottom:25px;
color:#4e3423;
font-weight:800;
}

.hero-content p{
max-width:850px;
margin:auto;
font-size:20px;
line-height:1.9;
color:#5e4636;
margin-bottom:40px;
}

.hero-buttons{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.hero-btn{
padding:18px 34px;
border-radius:60px;
background:white;
text-decoration:none;
font-weight:700;
color:#5c4033;
transition:.4s;
box-shadow:
0 15px 35px rgba(0,0,0,.08);
}

.hero-btn:hover{
transform:
translateY(-6px);
}

.hero-btn.secondary{
background:#5c4033;
color:white;
}


/* FLOATING */

.floating-circle{
position:absolute;
border-radius:50%;
background:rgba(255,255,255,.25);
animation:float 8s infinite ease-in-out;
}

.one{
width:260px;
height:260px;
top:-80px;
right:-60px;
}

.two{
width:180px;
height:180px;
bottom:50px;
left:-40px;
animation-delay:2s;
}

.three{
width:120px;
height:120px;
top:50%;
left:20%;
animation-delay:4s;
}

@keyframes float{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-25px);
}

}


/* SECTIONS */

.quick-help,
.faq-section,
.contact-help{
padding:110px 0;
}

.section-title{
text-align:center;
margin-bottom:70px;
}

.section-title h2{
font-size:58px;
margin-bottom:18px;
color:#5c4033;
}

.section-title p{
font-size:18px;
color:#7a6658;
}


/* HELP GRID */

.help-grid{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:30px;
}

.help-card{
background:white;
padding:45px 35px;
border-radius:35px;
text-align:center;
transition:.45s;
box-shadow:
0 20px 50px rgba(0,0,0,.06);
}

.help-card:hover{
transform:
translateY(-12px);
}

.help-icon{
width:90px;
height:90px;
margin:auto auto 25px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:
linear-gradient(
45deg,
#c49a6c,
#ecd8bf
);
font-size:34px;
color:white;
}

.help-card h3{
font-size:28px;
margin-bottom:15px;
}

.help-card p{
line-height:1.8;
color:#6f5a4a;
}


/* FAQ */

.faq-wrapper{
max-width:950px;
margin:auto;
}

.faq-item{
background:white;
margin-bottom:25px;
border-radius:28px;
overflow:hidden;
box-shadow:
0 15px 35px rgba(0,0,0,.05);
}

.faq-question{
width:100%;
padding:28px 35px;
background:none;
border:none;
display:flex;
justify-content:space-between;
align-items:center;
font-size:22px;
font-weight:700;
cursor:pointer;
color:#5c4033;
}

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

.faq-answer p{
padding:0 35px 30px;
line-height:1.9;
color:#6f5a4a;
}


/* CONTACT */

.contact-grid{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:30px;
}

.contact-box{
background:white;
padding:50px 35px;
border-radius:35px;
text-align:center;
text-decoration:none;
color:#3d2b1f;
transition:.4s;
box-shadow:
0 20px 50px rgba(0,0,0,.06);
}

.contact-box:hover{
transform:
translateY(-12px);
}

.contact-box i{
font-size:42px;
margin-bottom:25px;
color:#b58a63;
}

.contact-box h3{
font-size:30px;
margin-bottom:12px;
}

.contact-box p{
line-height:1.7;
color:#7a6658;
}


/* MOBILE */

@media(max-width:1100px){

.help-grid{
grid-template-columns:
repeat(2,1fr);
}

.contact-grid{
grid-template-columns:1fr;
}

.hero-content h1{
font-size:54px;
}

.section-title h2{
font-size:42px;
}

}

@media(max-width:768px){

.help-grid{
grid-template-columns:1fr;
}

.hero-content h1{
font-size:38px;
}

.hero-content p{
font-size:16px;
}

.section-title h2{
font-size:34px;
}

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

.contact-box,
.help-card{
padding:35px 25px;
}

}


/* ==========================
PRIVACY FOOTER CTA
========================== */

.privacy-footer{

padding:120px 20px;

text-align:center;

background:
linear-gradient(
135deg,
#d8b998,
#eddcc7
);

position:relative;

overflow:hidden;

}


/* SOFT BACKGROUND GLOW */

.privacy-footer::before{

content:"";

position:absolute;

top:-120px;
right:-120px;

width:320px;
height:320px;

border-radius:50%;

background:
rgba(255,255,255,.18);

}

.privacy-footer::after{

content:"";

position:absolute;

bottom:-100px;
left:-100px;

width:260px;
height:260px;

border-radius:50%;

background:
rgba(255,255,255,.12);

}


/* TITLE */

.privacy-footer h2{

position:relative;

z-index:2;

font-size:62px;

line-height:1.25;

font-weight:800;

max-width:900px;

margin:auto auto 40px;

color:#4e3423;

}


/* BUTTON */

.footer-home-btn{

position:relative;

z-index:2;

display:inline-flex;

align-items:center;

justify-content:center;

gap:12px;

padding:20px 38px;

border-radius:70px;

background:white;

text-decoration:none;

font-size:18px;

font-weight:700;

color:#5c4033;

transition:.4s ease;

box-shadow:
0 18px 40px rgba(0,0,0,.08);

}

.footer-home-btn i{

font-size:16px;

transition:.35s;

}

.footer-home-btn:hover{

transform:
translateY(-6px)
scale(1.03);

box-shadow:
0 22px 50px rgba(0,0,0,.12);

}

.footer-home-btn:hover i{

transform:
translateX(-4px);

}


/* TABLET */

@media(max-width:1024px){

.privacy-footer{

padding:100px 25px;

}

.privacy-footer h2{

font-size:48px;

max-width:700px;

}

.footer-home-btn{

padding:18px 34px;

font-size:17px;

}

}


/* MOBILE */

@media(max-width:768px){

.privacy-footer{

padding:80px 20px;

}

.privacy-footer h2{

font-size:34px;

line-height:1.4;

margin-bottom:30px;

}

.footer-home-btn{

width:100%;

max-width:320px;

padding:17px 24px;

font-size:16px;

border-radius:60px;

}

}


/* SMALL MOBILE */

@media(max-width:480px){

.privacy-footer h2{

font-size:28px;

}

.footer-home-btn{

font-size:15px;

padding:16px 20px;

}

}