:root{
  --primary:#d4af37;
  --primary-dark:#b89224;

  --dark:#0f172a;
  --dark-2:#111827;

  --text:#5b6475;

  --light:#f8fafc;
  --white:#ffffff;

  --border:#e5e7eb;

  --gold-light:#fff8e1;
  --gold-soft:#fdf3c7;

  --shadow:
    0 10px 35px rgba(15,23,42,.06);

  --radius:24px;
}

/* BASE */

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:'Plus Jakarta Sans',sans-serif;
  background:#f5f7fb;
  color:var(--text);
  overflow-x:hidden;
}

/* HERO */

.page-hero{
  padding:120px 20px 90px;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top left,
      rgba(212,175,55,.14),
      transparent 35%),
    radial-gradient(circle at bottom right,
      rgba(212,175,55,.10),
      transparent 35%),
    linear-gradient(135deg,#0f172a,#111827);
}

.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:40px 40px;
}

.page-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(212,175,55,.12);
  border:1px solid rgba(212,175,55,.25);
  color:#f5d76e;
  padding:10px 18px;
  border-radius:999px;
  font-size:0.72rem;
  font-weight:700;
  margin-bottom:24px;
  backdrop-filter:blur(10px);
  position:relative;
  z-index:2;
}

.page-hero h1{
  margin:0;
  color:#fff;
  font-family:'Outfit',sans-serif;
  font-size:clamp(38px,6vw,3.2rem);
  font-weight:800;
  line-height:1.05;
  position:relative;
  z-index:2;
}

.page-hero p{
  width:min(760px,92%);
  margin:26px auto 0;
  color:rgba(255,255,255,.78);
  font-size:1rem;
  line-height:1.9;
  position:relative;
  z-index:2;
}

/* SECTION */

.policy-sec{
  padding:70px 20px;
}

.container{
  width:min(1200px,100%);
  margin:auto;
}

/* REMOVE SIDEBAR LAYOUT */

.policy-layout{
  display:block;
}

.policy-sidebar{
  display:none !important;
}

/* CARD */

.policy-wrap{
  width:100%;
}

.policy-card{
  width:100%;
  background:#fff;
  border-radius:30px;
  padding:45px;
  box-shadow:var(--shadow);
  border:1px solid rgba(212,175,55,.12);
}

/* META */

.policy-meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:38px;
}

.policy-pill{
  background:var(--gold-light);
  color:#8a6a06;
  padding:11px 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  border:1px solid rgba(212,175,55,.18);
}

/* INTRO */

.policy-intro{
  margin-bottom:45px;
}

.policy-intro p{
  font-size:17px;
  line-height:1.9;
  margin:0 0 18px;
}

/* BLOCK */

.policy-block{
  margin-bottom:32px;
  padding:34px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(212,175,55,.12);
  transition:.25s ease;
}

.policy-block:hover{
  transform:translateY(-2px);
  border-color:rgba(212,175,55,.28);
  box-shadow:
    0 10px 30px rgba(0,0,0,.04);
}

/* SECTION TAG */

.section-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:#eef2ff;
  color:#3b49df;
  font-size:12px;
  font-weight:800;
  margin-bottom:18px;
}

/* HEADINGS */

.policy-block h3{
  margin:0 0 18px;
  color:var(--dark);
  font-size:clamp(28px,4vw,32px);
  line-height:1.2;
  font-family:'Outfit',sans-serif;
  font-weight:800;
}

.policy-block h4{
  margin-top:28px;
  margin-bottom:14px;
  color:#1e293b;
  font-size:22px;
  font-family:'Outfit',sans-serif;
  font-weight:700;
}

.policy-block p{
  font-size:16px;
  line-height:1.9;
  margin:0 0 18px;
}

/* LIST */

.policy-block ul{
  margin:0;
  padding-left:22px;
}

.policy-block li{
  margin-bottom:14px;
  line-height:1.9;
}

/* TABLE */

.table-wrap{
  overflow-x:auto;
  margin-top:24px;
  border-radius:22px;
}

.policy-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
  overflow:hidden;
}

.policy-table th{
  background:
    linear-gradient(
      135deg,
      var(--primary),
      var(--primary-dark)
    );
  color:#111827;
  text-align:left;
  padding:18px;
  font-size:15px;
  font-weight:800;
}

.policy-table td{
  border:1px solid #ececec;
  padding:18px;
  vertical-align:top;
  line-height:1.8;
  background:#fff;
}

.policy-table tr:nth-child(even) td{
  background:#fffcf2;
}

/* INFO BOX */

.policy-info{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:22px;
  border-radius:20px;
  margin-top:24px;
}

.policy-info.blue{
  background:#eef5ff;
  border:1px solid #d7e6ff;
}

.policy-info-icon{
  font-size:22px;
  flex-shrink:0;
}

/* ALERT */

.policy-alert{
  padding:22px;
  border-radius:18px;
  margin:22px 0;
  line-height:1.8;
}

.policy-alert.red{
  background:#fff1f1;
  border-left:5px solid #dc2626;
  color:#7f1d1d;
}

/* CONTACT */

.contact-card{
  display:flex;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
  padding:30px;
  border-radius:24px;
  background:
    linear-gradient(
      135deg,
      #111827,
      #0f172a
    );

  color:#fff;
  margin-top:24px;
}

.contact-card h4{
  color:#fff;
  margin-top:0;
}

.contact-links{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.contact-links a{
  color:#f5d76e;
  text-decoration:none;
  word-break:break-word;
}

/* LINKS */

a{
  transition:.25s ease;
}

a:hover{
  color:var(--primary);
}

/* SCROLLBAR */

::-webkit-scrollbar{
  width:10px;
  height:10px;
}

::-webkit-scrollbar-thumb{
  background:rgba(212,175,55,.7);
  border-radius:20px;
}

::-webkit-scrollbar-track{
  background:#f3f4f6;
}

/* RESPONSIVE */

@media(max-width:992px){

  .policy-card{
    padding:32px;
  }

  .policy-block{
    padding:26px;
  }

  .policy-block h3{
    font-size:34px;
  }

}

@media(max-width:768px){

  .page-hero{
    padding:110px 20px 80px;
  }

  .page-hero h1{
    font-size:40px;
  }

  .page-hero p{
    font-size:1rem;
  }

  .policy-sec{
    padding:50px 14px;
  }

  .policy-card{
    padding:22px;

    border-radius:22px;
  }

  .policy-block{
    padding:22px;

    border-radius:20px;
  }

  .policy-block h3{
    font-size:28px;
  }

  .policy-block h4{
    font-size:20px;
  }

  .policy-meta{
    gap:10px;
  }

  .policy-pill{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .contact-card{
    padding:24px;
  }

}

@media(max-width:520px){

  p {
    text-align:justify;
  }

  .policy-info {
    display:block;
  }

  .policy-info div:nth-of-type(2), .policy-alert.red {
    text-align:justify;
  }

  .page-hero{
    padding:95px 18px 70px;
  }

  .page-hero h1{
    font-size:38px;
  }

  .page-hero p{
    width:100%;
    font-size:15px;
    line-height:1.8;
  }

  .policy-card{
    padding:18px;
  }

  .policy-block{
    padding:18px;
  }

  .policy-block h3{
    font-size:20px;
  }

  .policy-block h4{
    font-size:18px;
  }

  .policy-block p,
  .policy-block li{
    font-size:15px;
  }

  .policy-table th,
  .policy-table td{
    padding:14px;

    font-size:14px;
  }

  .contact-card{
    flex-direction:column;
  }

} 