/*==========================
POLICY PAGE
==========================*/

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

body{
background:#faf8f6;
color:#222;
line-height:1.7;
}

/*==========================
HERO
==========================*/

.policy-hero{

position:relative;

height:380px;

background:linear-gradient(135deg,#6d1236,#8B0F45,#b58b3d);

display:flex;

justify-content:center;

align-items:center;

overflow:hidden;

}

.hero-overlay{

position:absolute;

inset:0;

background:rgba(0,0,0,.28);

}

.hero-content{

position:relative;

z-index:2;

text-align:center;

color:#fff;

padding:20px;

max-width:900px;

}

.hero-badge{

display:inline-block;

padding:8px 18px;

border-radius:40px;

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

backdrop-filter:blur(10px);

font-size:14px;

letter-spacing:2px;

margin-bottom:20px;

}

.hero-content h1{

font-size:52px;

margin-bottom:18px;

}

.hero-content p{

font-size:19px;

opacity:.95;

}

/*==========================
CONTAINER
==========================*/

.policy-container{

max-width:1250px;

margin:auto;

padding:70px 20px;

}

/*==========================
INTRO
==========================*/

.policy-intro{

text-align:center;

max-width:850px;

margin:auto auto 60px;

}

.policy-intro h2{

font-size:38px;

margin-bottom:15px;

color:#8B0F45;

}

.policy-intro p{

font-size:17px;

color:#666;

}

/*==========================
GRID
==========================*/

.policy-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

margin-bottom:45px;

}

.policy-card{

background:#fff;

padding:35px;

border-radius:24px;

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

transition:.35s;

}

.policy-card:hover{

transform:translateY(-8px);

}

.policy-icon{

width:70px;

height:70px;

border-radius:50%;

background:linear-gradient(135deg,#8B0F45,#C89B3C);

display:flex;

justify-content:center;

align-items:center;

color:#fff;

font-size:30px;

margin-bottom:25px;

}

.policy-card h2{

margin-bottom:20px;

color:#8B0F45;

}

.policy-card ul{

padding-left:18px;

}

.policy-card li{

margin-bottom:12px;

color:#555;

}

/*==========================
WARNING
==========================*/

.warning-box{

background:#fff7f7;

border-left:6px solid #d62828;

padding:35px;

border-radius:20px;

margin-bottom:60px;

}

.warning-box h2{

margin-bottom:25px;

color:#d62828;

}

.warning-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

font-weight:600;

}

/*==========================
TIMELINE
==========================*/

.timeline-section{

margin-bottom:70px;

}

.timeline-section h2{

text-align:center;

font-size:36px;

margin-bottom:40px;

color:#8B0F45;

}

.timeline{

display:flex;

justify-content:space-between;

align-items:center;

gap:10px;

flex-wrap:wrap;

}

.step{

flex:1;

text-align:center;

min-width:160px;

}

.circle{

width:70px;

height:70px;

margin:auto;

border-radius:50%;

background:linear-gradient(135deg,#8B0F45,#C89B3C);

display:flex;

justify-content:center;

align-items:center;

color:#fff;

font-size:22px;

font-weight:700;

margin-bottom:18px;

}

.line{

height:4px;

flex:.4;

background:#d5c29d;

}

/*==========================
CONTACT
==========================*/

.contact-card{

background:#fff;

padding:45px;

border-radius:25px;

text-align:center;

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

margin-bottom:60px;

}

.contact-card h2{

font-size:36px;

color:#8B0F45;

margin-bottom:15px;

}

.contact-card p{

color:#777;

margin-bottom:30px;

}

.contact-item{

display:flex;

justify-content:center;

align-items:center;

gap:15px;

font-size:18px;

margin-bottom:18px;

}

.contact-item i{

color:#8B0F45;

font-size:22px;

}

/*==========================
FAQ
==========================*/

.faq-section{

max-width:900px;

margin:auto;

}

.faq-section h2{

text-align:center;

font-size:36px;

margin-bottom:30px;

color:#8B0F45;

}

.faq{

background:#fff;

border-radius:18px;

margin-bottom:18px;

overflow:hidden;

box-shadow:0 10px 25px rgba(0,0,0,.07);

}

.faq-btn{

width:100%;

padding:22px;

display:flex;

justify-content:space-between;

align-items:center;

background:#fff;

border:none;

font-size:18px;

cursor:pointer;

font-weight:600;

}

.faq-btn i{

transition:.3s;

}

.faq.active i{

transform:rotate(45deg);

}

.faq-content{

max-height:0;

overflow:hidden;

padding:0 22px;

transition:.35s;

color:#666;

}

.faq.active .faq-content{

max-height:300px;

padding:20px 22px;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:992px){

.policy-grid{

grid-template-columns:1fr;

}

.warning-grid{

grid-template-columns:repeat(2,1fr);

}

.hero-content h1{

font-size:42px;

}

}

@media(max-width:768px){

.policy-container{

padding:45px 15px;

}

.hero-content h1{

font-size:34px;

}

.hero-content p{

font-size:16px;

}

.policy-intro h2{

font-size:30px;

}

.timeline{

flex-direction:column;

}

.line{

width:4px;

height:45px;

}

.warning-grid{

grid-template-columns:1fr;

}

.contact-item{

font-size:15px;

word-break:break-word;

}

.policy-card{

padding:25px;

}

}

@media(max-width:480px){

.hero-content h1{

font-size:28px;

}

.hero-content p{

font-size:15px;

}

.hero-badge{

font-size:12px;

}

.policy-card h2{

font-size:24px;

}

.contact-card{

padding:25px;

}

}

/*==========================
ANIMATIONS
==========================*/

.hidden{

opacity:0;

transform:translateY(40px);

transition:.7s;

}

.show{

opacity:1;

transform:translateY(0);

}

/*==========================
BACK TO TOP
==========================*/

.top-btn{

position:fixed;

right:25px;

bottom:25px;

width:55px;

height:55px;

border:none;

border-radius:50%;

background:linear-gradient(135deg,#8B0F45,#C89B3C);

color:#fff;

font-size:18px;

cursor:pointer;

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

opacity:0;

visibility:hidden;

transition:.3s;

z-index:9999;

}

.top-btn.show{

opacity:1;

visibility:visible;

}

.top-btn:hover{

transform:translateY(-4px);

}