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

.policy-hero{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;

padding:70px 60px;

background:#005BAA;

border-bottom:3px solid #FFC200;

overflow:hidden;
}

.policy-hero-left{
max-width:620px;
}

.policy-title{
font-size:64px;
line-height:1.05;
font-weight:700;

letter-spacing:-2px;

color:#fff;

margin-bottom:24px;
}

.policy-subtitle{
font-size:20px;
line-height:1.8;

color:rgba(255,255,255,.88);
}

.policy-hero-image-wrap{
flex:1;

display:flex;
justify-content:flex-end;
}

.policy-hero-image{
width:100%;
max-width:620px;

aspect-ratio:16/10;

object-fit:cover;

border-radius:34px;

display:block;

box-shadow:
0 20px 50px rgba(0,0,0,.18);
}

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

.policy-page{
padding:70px 24px 100px;

background:#f5f7fb;

position:relative;
overflow:hidden;
}

.policy-container{
max-width:1100px;
margin:0 auto;
}

/* ===================================
   CONTENT CARD
=================================== */

.policy-content{
background:#fff;

border-radius:28px;

padding:56px;

border:1px solid #e5e7eb;

box-shadow:
0 10px 30px rgba(0,0,0,.05);
}

.policy-content h2{
font-size:32px;
font-weight:700;

margin-top:42px;
margin-bottom:18px;

color:#111827;

letter-spacing:-0.5px;
}

.policy-content h2:first-child{
margin-top:0;
}

.policy-content p{
font-size:17px;
line-height:2;

color:#4b5563;

margin-bottom:10px;
}

/* ===================================
   DECORATION
=================================== */

.policy-page::before{
content:'';

position:absolute;

top:120px;
right:-180px;

width:420px;
height:420px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(0,87,168,.05) 0%,
rgba(0,87,168,0) 72%
);

pointer-events:none;
}

/* ===================================
   TABLET
=================================== */

@media(max-width:1000px){

.policy-hero{
flex-direction:column;

text-align:center;

padding:60px 24px;
}

.policy-title{
font-size:44px;
}

.policy-subtitle{
font-size:16px;
}

.policy-hero-image-wrap{
width:100%;
justify-content:center;
}

.policy-hero-image{
max-width:100%;
border-radius:24px;
}

.policy-content{
padding:40px 30px;
}

.policy-content h2{
font-size:24px;
}

.policy-content p{
font-size:15px;
line-height:1.9;
}

}

/* ===================================
   MOBILE
=================================== */

@media(max-width:700px){

.policy-page{
padding:50px 18px 70px;
}

.policy-title{
font-size:34px;
}

.policy-content{
padding:28px 22px;

border-radius:20px;
}

.policy-content h2{
font-size:20px;

margin-top:32px;
}

}