/*==========================================
RESET
===========================================*/

*{

margin:0;

padding:0;

box-sizing:border-box;

}

body{

font-family:"Poppins",sans-serif;

background:#f7f9fc;

color:#333;

line-height:1.8;

overflow-x:hidden;

}

a{

text-decoration:none;

color:inherit;

}

.container{

width:min(1200px,92%);

margin:auto;

}

/*==========================================
NAVBAR
===========================================*/

.privacy-navbar{

position:sticky;

top:0;

left:0;

width:100%;

background:#fff;

border-bottom:1px solid #ececec;

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

z-index:999;

}

.privacy-navbar .container{

height:80px;

display:flex;

align-items:center;

justify-content:space-between;

}

.privacy-logo{

display:flex;

align-items:center;

gap:14px;

font-size:22px;

font-weight:700;

color:#0B6B46;

}

.privacy-logo img{

width:52px;

height:52px;

object-fit:contain;

}

.back-btn{

display:flex;

align-items:center;

justify-content:center;

gap:10px;

padding:12px 24px;

border-radius:14px;

background:#0B6B46;

color:#fff;

font-weight:600;

transition:.3s;

}

.back-btn:hover{

background:#095438;

transform:translateY(-2px);

}

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

.privacy-hero{

background:linear-gradient(135deg,#0B6B46,#14a86d);

padding:90px 0;

text-align:center;

color:#fff;

}

.privacy-hero h1{

font-size:46px;

font-weight:700;

margin-bottom:18px;

}

.privacy-hero p{

font-size:18px;

max-width:760px;

margin:auto;

opacity:.95;

}

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

.privacy-section{

padding:70px 0;

}

.privacy-card{

background:#fff;

border-radius:24px;

padding:45px;

border:1px solid #ececec;

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

}

/*==========================================
UPDATED DATE
===========================================*/

.updated{

display:inline-flex;

align-items:center;

gap:8px;

padding:10px 18px;

background:#F2FBF7;

border-radius:50px;

font-weight:600;

color:#0B6B46;

margin-bottom:35px;

}

.updated span{

font-weight:700;

}

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

#privacyContent h2{

font-size:28px;

font-weight:700;

color:#0B6B46;

margin:35px 0 15px;

padding-left:18px;

position:relative;

}

#privacyContent h2::before{

content:"";

position:absolute;

left:0;

top:4px;

width:5px;

height:30px;

border-radius:20px;

background:#0B6B46;

}

#privacyContent p{

font-size:16px;

color:#666;

margin-bottom:25px;

line-height:1.9;

}

/*==========================================
NOTICE
===========================================*/

.notice-box{

margin-top:40px;

padding:25px;

background:#FDF8E8;

border-left:5px solid #F4B400;

border-radius:16px;

}

.notice-box h3{

font-size:20px;

color:#B56A00;

margin-bottom:10px;

}

.notice-box p{

margin:0;

}

/*==========================================
LISTS
===========================================*/

#privacyContent ul{

margin:20px 0 30px 25px;

}

#privacyContent li{

margin-bottom:12px;

color:#666;

}

/*==========================================
TABLE
===========================================*/

.privacy-table{

width:100%;

border-collapse:collapse;

margin:35px 0;

overflow:hidden;

border-radius:14px;

}

.privacy-table th{

background:#0B6B46;

color:#fff;

padding:16px;

text-align:left;

}

.privacy-table td{

padding:16px;

border-bottom:1px solid #eee;

background:#fff;

}

.privacy-table tr:nth-child(even) td{

background:#fafafa;

}

/*==========================================
ACTION BUTTONS
===========================================*/

.privacy-actions{

margin-top:50px;

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

}

.privacy-btn{

display:flex;

align-items:center;

justify-content:center;

gap:10px;

padding:14px 28px;

border-radius:15px;

background:#0B6B46;

color:#fff;

font-weight:600;

transition:.3s;

}

.privacy-btn:hover{

background:#095438;

transform:translateY(-2px);

}

.print-btn{

background:#f1f1f1;

color:#333;

}

.print-btn:hover{

background:#e3e3e3;

}

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

@media(max-width:992px){

.privacy-card{

padding:35px;

}

}

@media(max-width:768px){

.privacy-navbar .container{

height:72px;

}

.privacy-logo span{

font-size:18px;

}

.privacy-logo img{

width:45px;

height:45px;

}

.back-btn{

padding:10px 16px;

font-size:14px;

}

.privacy-hero{

padding:70px 0;

}

.privacy-hero h1{

font-size:34px;

}

.privacy-card{

padding:28px;

}

#privacyContent h2{

font-size:23px;

}

}

@media(max-width:480px){

.privacy-logo span{

display:none;

}

.privacy-card{

padding:22px;

border-radius:18px;

}

.updated{

font-size:13px;

}

#privacyContent h2{

font-size:20px;

}

#privacyContent p{

font-size:15px;

}

.privacy-actions{

flex-direction:column;

}

.privacy-btn{

width:100%;

justify-content:center;

}

}