 :root { --newspirit-font: "new-spirit", serif; --manrope-font: "Manrope", sans-serif; }
  body { font-family: var(--manrope-font); font-weight: 400;    }
  h1,h2,h3,.serif { font-family: var(--newspirit-font); font-weight: 400; }
 
 h1,h2,h3, p{ margin: 0px;}
a{ text-decoration: none;}
  /* NAV */
  .navbar { background:#000; backdrop-filter:blur(10px); border-bottom:1px solid rgba(0,0,0,.08); padding-top: 15px;padding-bottom: 15px; }
  .nav-link {font-family: var(--newspirit-font);font-size: 15px;  line-height: 20px;  font-weight: 400; letter-spacing: 0.5px;  color: #fff;  padding: 0px; transition: all 0.5s ease;    }
  .nav-link:hover { color:#ddbc9b; }
  .btn-red{color: #ddbc9b;font-size: 16px;font-weight: 500; padding: 10px 20px;display: inline-block;}
.btn1{ color:#ddbc9b;  }
.btn1:hover{ color:#fff;}
.btn2{font-family: var(--newspirit-font);font-size: 16px; line-height: 26px; font-weight:500;color: #000;border:1px solid #ddbc9b; background: #ddbc9b url(../images/icon-arrow-right.svg)no-repeat 90% 52%/14px;  padding:8px 45px 8px 18px; border-radius: 35px; display: inline-block; transition: all 0.5s ease;}
.btn2:hover{border:1px solid #ddbc9b; color: #ddbc9b; background: #000 url(../images/icon-arrow-right-gold.svg)no-repeat 90% 52%/14px;  }

.btn3,.btn-sbmt{font-family: var(--newspirit-font);font-size: 16px; line-height: 26px; font-weight:500;color: #ddbc9b;border: 1px solid #000; background: #000 url(../images/icon-arrow-right-gold.svg)no-repeat 90% 52%/14px;  padding:8px 45px 8px 18px; border-radius: 35px; display: inline-block; transition: all 0.5s ease;}
.btn-sbmt { display: block; margin: 0 auto;border: 1px solid #000;}
.btn3:hover,.btn-sbmt:hover{background: #ddbc9b url(../images/icon-arrow-right.svg)no-repeat 90% 52%/14px;   color:#000; border: 1px solid #000; }


.mrg-btm1{ margin-bottom: 10px;}
.mrg-btm2{ margin-bottom: 20px;}
.mrg-btm3{ margin-bottom: 30px;}
.mrg-btm4{ margin-bottom: 15px;}

.show-tab{display: none;}
.sec-1{ background: url(../images/sec-1-bg.webp)no-repeat center center; background-size: cover; padding:350px 0px 100px 0px; margin-top: 60px; position: relative;}
.img1{ position: absolute;bottom:0px;left:0px;z-index: 0; width:650px;}
.img2{ position: absolute;bottom:-105px;right:0px;z-index: 0; width:250px;}
.img3{width: 95%;margin-left: auto; display: block;}
.text1{font-family: var(--newspirit-font); font-size: 50px; line-height: 60px; font-weight: 400; color:#fff; }
.text2{font-family: var(--newspirit-font); font-size: 18px; line-height: 26px; font-weight: 400;color: #fff;}
.text3{ font-size: 16px; line-height: 26px; font-weight: 400;color: #fff;}
.text4{font-family: var(--newspirit-font); font-size: 50px; line-height: 50px; font-weight: 400; color:#000; }
.text5{ font-size: 16px; line-height: 24px; font-weight: 400;color: rgba(0,0,0,0.8);}
.text6{font-family: var(--newspirit-font); font-size: 18px; line-height: 26px; font-weight: 400;color: rgba(0,0,0,0.8);}
.text7{ font-size: 16px; line-height: 26px; font-weight: 400;color: rgba(255,255,255,0.5);}

.sec-1a,.sec-2a{position: relative;z-index: 1;}
.wdt1{width: 300px;padding-bottom: 50px;}
.wdt2{ width:550px;}
.wdt3{width: 480px;}
.sec-2{ background: url(../images/sec-2-bg.webp)no-repeat 0% 50px;background-size: 100%; padding:150px 0px 250px 0px;}
.sec-3{background:#dabc96; padding: 150px 0px;}
.sec-4{background:#fff url(../images/bg2.webp)no-repeat 0% 0px ; background-size: 100%;padding: 150px 0px;}
.sec-5{background:#fff url(../images/bg3.webp)no-repeat 0% 0px ;background-size: 100%; padding: 150px 0px;}









  /* HERO */
  .hero { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; padding-top:72px; }
  .hero-left { display:flex; flex-direction:column; justify-content:center; padding:80px 60px; }
  .eyebrow { font-size:11px; letter-spacing:.18em; text-transform:uppercase;  display:flex; align-items:center; gap:10px; }
  .eyebrow::before { content:''; width:28px; height:1px;   }
  .hero h1 { font-size:clamp(52px,6vw,84px); line-height:1.05; }
  .hero-sub { font-family:var(--newspirit-font); font-size:20px; font-style:italic; }
  .meta-item { font-size:13px; display:flex; align-items:center; gap:12px; }
  .dot { width:6px; height:6px; border-radius:50%;  flex-shrink:0; }
  .hero-right { background:#fff; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }
  .big-year { font-family:var(--newspirit-font); font-size:clamp(120px,16vw,240px); font-weight:300; color:rgba(255,255,255,.05); user-select:none; line-height:1; }
  .hero-tag { position:absolute; top:32px; right:32px;   color:#fff; font-size:10px; letter-spacing:.14em; text-transform:uppercase; padding:7px 14px; }
  .hero-assoc { position:absolute; bottom:40px; right:32px; text-align:right; }
  .hero-assoc .lbl { font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.3); }
  .hero-assoc .name { font-family:var(--newspirit-font); font-size:14px; font-style:italic; color:rgba(255,255,255,.55); line-height:1.4; }
  .hero-city { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.2); white-space:nowrap; }

  /* STRIP */
  .strip { background: #dabc96; }
  .strip-item { padding:25px 0px; border-right:1px solid rgba(255,255,255,.07); }
  .strip-item:last-child { border-right:none; }
  .strip-lbl { font-size:15px; letter-spacing:1px; text-transform:uppercase; color:#000;}
  .strip-val { font-family:var(--newspirit-font); font-size:22px; color:#000; }
  .strip-sub { font-size:15px; color:#000; margin-top:2px; }

  /* SECTION LABELS */
  .sec-lbl { font-size: 15px;letter-spacing: 2px;text-transform:uppercase; color:#686565; display:flex; align-items:center; gap:10px; }
  
  .sec-heading { font-size:clamp(36px,4vw,56px); line-height:1.1; }
  .body-text {font-size: 18px;line-height: 26px; color:#3a3632; }
  .quote {  padding:20px 28px; background:#fff; font-family:var(--newspirit-font); font-size:21px; font-style:italic; font-weight:300; line-height:1.55; color:#2a2520; }

  /* DARK SECTIONS */
  .dark-sec { background:#562a85; }
  .dark-lbl { font-size: 15px;letter-spacing: 2px; text-transform:uppercase; color:#000; display:flex; align-items:center; gap:10px; }

  .dark-heading { font-size:clamp(34px,3.5vw,50px); line-height:1.12; color:#fff; }
  .dark-body { font-size:18px; line-height:24px; color:rgba(255,255,255,.8); }
  .assoc-card { background:#fff; border:1px solid #fff; padding:22px 24px; transition:background .2s; }
 
  .assoc-card .yr { font-size:15px; letter-spacing:1px; text-transform:uppercase; color:#000; margin-bottom:6px; }
  .assoc-card .ttl { font-family:var(--newspirit-font); font-size:18px; color:#3a3632; margin-bottom:4px; }
  .assoc-card .loc { font-size:15px; color:#3a3632; }
  .gold-link {font-size:15px; letter-spacing:1px; text-transform:uppercase; color:var(--gold); border-bottom:1px solid rgba(184,151,74,.4); text-decoration:none; padding-bottom:1px; }
 

  /* PILLARS */
  .pillar { padding:36px 28px;  height:100%; background:#fff; border:1px solid #ddbc9b;}

  .pillar-num { font-family:var(--newspirit-font); font-size:44px; color:#000; line-height:1; margin-bottom:16px; }
  .pillar-title { font-family:var(--newspirit-font); font-size:22px;line-height: 26px; color:#000; margin-bottom:10px; }
  .pillar-desc { font-size:15px; line-height:22px; color:#000; }
.pillar.no-brdr{border-left: 0px;border-right: 0;}
.pillar.no-brdr1{ border-right: 0;}
  /* OUTCOMES */
  .outcome { display:flex; gap:20px; padding:22px 0; border-bottom:1px solid rgba(0,0,0,.08); }
  .outcome:first-child { border-top:1px solid rgba(0,0,0,.08); }
  .outcome-icon { width:34px; height:34px; flex-shrink:0; background:#ddbc9b; color:#000; display:flex; align-items:center; justify-content:center; font-family:var(--newspirit-font); font-size:15px; }
  .outcome-text { font-size:15px; line-height:20px; color:#3a3632; padding-top:4px; }
.outcome.no-brdr2{ border-top: 0;}
  /* TIMING CARDS */
  .timing-card { background:#fff; border:1px solid #fff; padding:28px 24px; transition:background .2s; }
  .timing-country { font-size:15px; letter-spacing:1px; text-transform:uppercase; color:#3a3632; margin-bottom:6px; }
  .timing-time { font-family:var(--newspirit-font); font-size:38px; font-weight:300; color:#3a3632; line-height:1; }
.timing-country img{width: 15px;margin-top: -4px;}
  /* FORM */
  .form-wrap { background:#fff; padding:48px; border:1px solid rgba(0,0,0,.08); }
  .form-label { font-size:15px; letter-spacing:1px; text-transform:uppercase;  font-weight:500; }
  .form-control,.form-select { background:#fff; border:1px solid #000; border-radius:0;  font-size:18px;   padding:13px 15px; margin-bottom: 15px;}
  .form-control:focus,.form-select:focus { background:#fff;   box-shadow:none;  border:1px solid #000;}
  footer { background:#000; border-top:1px solid rgba(255,255,255,.05); }

#txtinstitute{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23562a85' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px 14px;
}
  /* ANIMATIONS */
  .fade-up { opacity:0; transform:translateY(20px); transition:opacity .6s ease,transform .6s ease; }
  .fade-up.visible { opacity:1; transform:translateY(0); }
.navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
 button:focus:not(:focus-visible) {box-shadow: none;} 





@media (max-width:1600px) {
.sec-1{ padding: 200px 0px 50px;}
.img1{ width:500px;}
}
@media (max-width:1025px) {
  .wdt2{ width:auto;}
}
@media (max-width:992px) {
.show-tab{display: block;}
#navMenu{ padding:50px 10px ;}
.nav-link {font-size: 20px; line-height: 30px;font-weight: 400; text-transform: capitalize; padding: 10px; margin-bottom: 10px;}
.wdt1{width: 300px; }
.wdt2{ width:auto;}
.wdt3{width: auto;}
.mrg-tb-btm1{ margin-bottom: 30px;}
.navbar-toggler{ padding: 0px;}

}
@media (max-width:768px) {
    .hero { grid-template-columns:1fr; }
    .hero-right { height:240px; }
    .hero-left { padding:52px 24px; }
    .strip-item { border-right:none; border-bottom:1px solid rgba(255,255,255,.07); }
    .form-wrap { padding:28px 20px; }
  }

@media (max-width:640px) {
   .sec-2{padding: 50px 0px 150px 0px;}
   .sec-3,.sec-4{ padding: 50px 0px;}
}  
@media (max-width:576px) {
 .img1 {width: 95%;}
 .img2 {width: 180px;}
 .sec-1{ background: url(../images/mob-banner.webp)no-repeat 0px 0px/cover; padding: 250px 0px 50px 0px;}
.text1,.text4{font-size: 40px;line-height: 45px; }
.wdt1{ padding-bottom: 0px;}
.container{ width: 95%;max-width:95%;}
.timing-time{ font-size: 30px; line-height: 30px;}
.outcome-icon{ margin-top: 5px;}
  .navbar { padding-top: 10px;padding-bottom: 10px; }
    .strip-item { padding:25px ;}
}