/* =========================
GLOBAL PAGE STYLE
========================= */

.disclaimer-page{
background:linear-gradient(180deg,#f4f7fb,#eef3f9);
padding:60px 20px;
min-height:70vh;
font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}


/* =========================
MAIN CONTAINER
========================= */

.disclaimer-container{

max-width:920px;
margin:auto;
background:#ffffff;

padding:45px 40px;

border-radius:14px;

box-shadow:
0 10px 35px rgba(0,0,0,0.08);

transition:0.3s;

}

/* subtle hover lift */

.disclaimer-container:hover{

box-shadow:
0 14px 40px rgba(0,0,0,0.12);

}


/* =========================
MAIN TITLE
========================= */

.disclaimer-container h1{

font-size:34px;

text-align:center;

margin-bottom:30px;

color:#0b4da2;

letter-spacing:0.5px;

position:relative;

}


/* decorative underline */

.disclaimer-container h1::after{

content:"";

display:block;

width:70px;

height:4px;

background:linear-gradient(90deg,#0b4da2,#00b4ff);

margin:12px auto 0;

border-radius:5px;

}


/* =========================
SECTION HEADINGS
========================= */

.disclaimer-container h2{

margin-top:30px;

margin-bottom:10px;

font-size:22px;

color:#1c355e;

display:flex;

align-items:center;

gap:8px;

}


/* decorative icon before headings */

.disclaimer-container h2::before{

content:"📌";

font-size:18px;

}


/* =========================
PARAGRAPH TEXT
========================= */

.disclaimer-container p{

line-height:1.8;

font-size:16px;

color:#444;

margin-bottom:14px;

text-align:justify;

}


/* =========================
LAST UPDATE STYLE
========================= */

.last-update{

margin-top:25px;

font-size:15px;

background:#f0f6ff;

padding:10px 14px;

border-left:4px solid #0b4da2;

border-radius:4px;

color:#333;

}


/* =========================
CONTACT BUTTON
========================= */

.contact-btn{

display:inline-block;

margin-top:25px;

padding:12px 22px;

background:linear-gradient(135deg,#0b4da2,#00aaff);

color:#fff;

font-weight:600;

text-decoration:none;

border-radius:6px;

transition:0.3s;

box-shadow:0 4px 12px rgba(0,0,0,0.15);

}


/* hover effect */

.contact-btn:hover{

background:linear-gradient(135deg,#083a7a,#008ecc);

transform:translateY(-2px);

box-shadow:0 6px 18px rgba(0,0,0,0.18);

}


/* =========================
TABLET RESPONSIVE
========================= */

@media (max-width:900px){

.disclaimer-container{

padding:35px 28px;

}

.disclaimer-container h1{

font-size:30px;

}

.disclaimer-container h2{

font-size:20px;

}

.disclaimer-container p{

font-size:15px;

}

}


/* =========================
MOBILE RESPONSIVE
========================= */

@media (max-width:600px){

.disclaimer-page{

padding:40px 15px;

}

.disclaimer-container{

padding:28px 20px;

border-radius:10px;

}

.disclaimer-container h1{

font-size:26px;

}

.disclaimer-container h2{

font-size:18px;

}

.disclaimer-container p{

font-size:15px;

line-height:1.75;

}

.contact-btn{

width:100%;

text-align:center;

padding:13px;

font-size:15px;

}

}


/* =========================
VERY SMALL MOBILE
========================= */

@media (max-width:400px){

.disclaimer-container{

padding:22px 16px;

}

.disclaimer-container h1{

font-size:23px;

}

.disclaimer-container h2{

font-size:17px;

}

.disclaimer-container p{

font-size:14px;

}

}