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

.terms-hero{
background:#005baa;
padding:90px 24px;
border-top:3px solid #f2b705;
}

.terms-hero-inner{
max-width:1200px;
margin:0 auto;

display:flex;
align-items:center;
justify-content:space-between;
gap:80px;
}

.terms-left{
flex:1;
}

.section-label{
font-size:13px;
font-weight:700;
letter-spacing:4px;
text-transform:uppercase;
color:#cbd5e1;

margin-bottom:20px;
}

.terms-title{
font-size:72px;
font-weight:800;
line-height:1.1;
color:#fff;

margin-bottom:28px;
}

.terms-subtitle{
font-size:20px;
line-height:1.9;
color:#e2e8f0;

max-width:720px;
}

.terms-right{
flex:1;

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

.terms-right img{
width:100%;
max-width:520px;
height:280px;

object-fit:cover;

border-radius:32px;

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

/* ===================================
   TERMS CONTENT
=================================== */

.terms-page{
padding:80px 24px;
background:#f5f7fb;
}

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

.terms-content{
background:#fff;

border-radius:32px;

padding:60px;

border:1px solid #e5e7eb;

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

.terms-content h2{
font-size:42px;
font-weight:800;

margin-top:50px;
margin-bottom:24px;

color:#111827;
}

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

.terms-content p{
font-size:18px;
line-height:2;

color:#4b5563;

margin-bottom:22px;
}

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

@media(max-width:900px){

.terms-hero-inner{
flex-direction:column;
align-items:flex-start;
gap:50px;
}

.terms-title{
font-size:52px;
}

.terms-right{
width:100%;
}

.terms-right img{
max-width:100%;
height:240px;
}

}

@media(max-width:700px){

.terms-hero{
padding:70px 20px;
}

.terms-page{
padding:50px 18px;
}

.terms-title{
font-size:42px;
}

.terms-subtitle{
font-size:17px;
line-height:1.8;
}

.terms-content{
padding:34px 26px;
border-radius:24px;
}

.terms-content h2{
font-size:28px;
}

.terms-content p{
font-size:16px;
line-height:1.9;
}

}