@font-face {
  font-family: var(--vvki-font-body);
  src: url('../fonts/gotham_narrow_book-webfont.woff2') format('woff2'),
    url('../fonts/gotham_narrow_book-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: var(--vvki-font-heading);
  src: url('../fonts/gotham_bold-webfont.woff2') format('woff2'),
    url('../fonts/gotham_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
 :root {
      --green-dark:  var(--vvki-palette-1a3c2e);
      --green-mid:   var(--vvki-palette-2d6a4f);
      --green-light: var(--vvki-palette-52b788);
      --green-pale:  var(--vvki-palette-d8f3dc);
      --accent:      var(--vvki-palette-1e3a8a);
      --accent-pale: var(--vvki-palette-fdf0e6);
      --text-dark:   var(--vvki-palette-1a1a1a);
      --text-mid:    var(--vvki-palette-3d3d3d);
      --text-soft:   var(--vvki-palette-6b6b6b);
      --border:      var(--vvki-palette-dde8e0);
      --bg-light:    var(--vvki-palette-f4f9f6);
      --white:       var(--vvki-palette-ffffff);
      --shadow-md:   0 4px 24px var(--vvki-palette-rgb-7267626128302c302c302c302e313029);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      background: var(--vvki-palette-e4ebe5);
      font-family: 'DM Sans', sans-serif;
      color: var(--text-dark);
      font-size: var(--vvki-type-15px);
      line-height: 1.75;
    }
    .page-wrap {
      max-width: var(--vvki-size-1630px);
      margin: 0 auto;
      background: var(--white);
      box-shadow: 0 0 60px var(--vvki-palette-rgb-7267626128302c302c302c302e313329);
    }

    /* ── NEW HEADER ── */
    .site-header {
      background: var(--vvki-palette-ffffff);
      border-bottom: 5px solid var(--vvki-palette-1e3a8a);
      display: flex;
      align-items: stretch;
      min-height: var(--vvki-size-130px);
      overflow: hidden;
    }

    /* Left vertical blue bar with rotated date */
    .header-datebar {
      background: var(--vvki-palette-1e3a8a);
      color: var(--vvki-palette-ffffff);
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      font-size: var(--vvki-type-14px);
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: var(--vvki-size-16px) var(--vvki-size-10px);
      white-space: nowrap;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* Logo box */
    .header-logo {
      /*border: 3px solid var(--vvki-palette-f5d800);
      background: var(--vvki-palette-000000);
      margin: var(--vvki-size-14px) var(--vvki-size-20px) var(--vvki-size-14px) var(--vvki-size-16px);
      min-width: var(--vvki-size-160px);
      max-width: var(--vvki-size-200px);*/
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      border-radius: 0;
    }
    .header-logo .logo-inner {
      color: var(--vvki-palette-ffffff);
      font-size: var(--vvki-type-15px);
      font-weight: 600;
      text-align: center;
      font-family: 'DM Sans', sans-serif;
      padding: var(--vvki-size-10px);
    }
    .header-logo img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      padding: var(--vvki-size-8px);
    }

    /* Center title */
    .header-title {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: var(--vvki-size-14px) var(--vvki-size-24px);
    }
    .header-title .title-main {
      font-family: 'Playfair Display', serif;
	  font-size: var(--vvki-type-50px);
      font-weight: 900;
      color: var(--vvki-palette-1e3a8a);
      line-height: 1;
      letter-spacing: -1px;
      text-transform: uppercase;
    }
    .header-title .title-sub {
      font-family: 'DM Sans', sans-serif;
	  font-family: var(--vvki-font-body);
      font-size: var(--vvki-type-15px);
      color: var(--vvki-palette-5a6a8a);
      letter-spacing: 1.5px;
      text-transform: capitalize;
      margin-top: var(--vvki-size-6px);
    }

    /* Right picture box */
    .header-picbox {
      /*background: var(--vvki-palette-e8c4a0);
      border-radius: var(--vvki-size-12px);*/
      margin: var(--vvki-size-14px) var(--vvki-size-20px) var(--vvki-size-14px) 0;
      min-width: var(--vvki-size-140px);
      max-width: var(--vvki-size-170px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: var(--vvki-type-13px);
      font-weight: 500;
      color: var(--vvki-palette-5a3a20);
      text-align: center;
      //padding: var(--vvki-size-12px);
      line-height: 1.5;
    }
    .header-picbox img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: var(--vvki-size-10px);
    }

    /* ABOUT BAND */
    .about-band {
      background: var(--green-pale);
      border-bottom: 1px solid var(--border);
      padding: var(--vvki-size-16px) var(--vvki-size-48px);
      font-size: var(--vvki-type-17px);
      color: var(--green-dark);
      /* font-style: italic; */
      font-family: 'Source Serif 4', serif;
	  font-family: var(--vvki-font-body);
      line-height: 1.7;
    }

    /* INNER */
    .inner { padding: 0 var(--vvki-size-48px) var(--vvki-size-56px); }

    /* SECTION */
    .nl-section { padding: var(--vvki-size-44px) 0; border-bottom: 1px solid var(--border); }
    .nl-section:last-child { border-bottom: none; }

    /* LABEL */
    .sec-label {
      display: inline-block;
      background: var(--green-mid);
      color: var(--vvki-palette-fff);
      font-size: var(--vvki-type-17px);
      font-weight: 700;
      letter-spacing: 2.5px;
      text-transform: capitalize;
      padding: var(--vvki-size-5px) var(--vvki-size-14px);
      border-radius: var(--vvki-size-2px);
      margin-bottom: var(--vvki-size-20px);
    }
    .sec-label.orange { background: var(--accent); }

    /* HEADINGS */
    .hero-headline { font-family: 'Playfair Display', serif; font-family: var(--vvki-font-body); font-size: var(--vvki-type-38px); font-weight: 700; color: var(--green-dark); line-height: 1.2; margin-bottom: var(--vvki-size-10px); }
    .hero-deck { font-family: 'Source Serif 4', serif; font-family: var(--vvki-font-body); font-size: var(--vvki-type-17px); color: var(--text-mid); line-height: 1.8; }
    h2.art-h { font-family: 'Playfair Display', serif; font-family: var(--vvki-font-body); font-size: var(--vvki-type-26px); font-weight: 700; color: var(--green-dark); line-height: 1.3; margin-bottom: var(--vvki-size-12px); }
    h3.sub-h { font-family: 'Playfair Display', serif; font-family: var(--vvki-font-body); font-size: var(--vvki-type-21px); font-weight: 600; color: var(--green-dark); border-left: 3px solid var(--green-light); padding-left: var(--vvki-size-12px); margin: var(--vvki-size-22px) 0 var(--vvki-size-10px); }
    h4.mini-h { font-size: var(--vvki-type-13px); font-weight: 700; color: var(--text-dark); /*text-transform: uppercase;*/ letter-spacing: 0.8px; margin: var(--vvki-size-16px) 0 var(--vvki-size-8px); }

    .body-p { font-size: var(--vvki-type-17px); color: var(--text-mid); line-height: 1.85; margin-bottom: var(--vvki-size-12px); }

    /* LIST */
    .nl-ul { list-style: none; padding: 0; margin: var(--vvki-size-10px) 0 var(--vvki-size-16px); }
    .nl-ul li { padding: var(--vvki-size-5px) 0 var(--vvki-size-0px) var(--vvki-size-22px); position: relative; font-size: var(--vvki-type-17px); color: var(--text-mid); line-height: 1.7; }
    .nl-ul li::before { content: '▸'; position: absolute; left: 0; color: var(--green-light); font-size: var(--vvki-type-11px); top: 8px; }
    .nl-ul li strong { color: var(--text-dark); }

    /* QUOTE */
    .quote-box { background: var(--green-pale); border-left: 4px solid var(--green-mid); padding: var(--vvki-size-14px) var(--vvki-size-18px); border-radius: 0 var(--vvki-size-6px) var(--vvki-size-6px) 0; margin: var(--vvki-size-16px) 0; font-family: 'Source Serif 4', serif; font-family: var(--vvki-font-body); font-style: italic; font-size: var(--vvki-type-17px); color: var(--green-dark); line-height: 1.7; }

    /* KNOWLEDGE NOTE */
    .know-box { background: var(--bg-light); border: 1px solid var(--vvki-palette-f0c8a0); border: 1px solid var(--vvki-palette-1e3a8a); border-radius: var(--vvki-size-8px); padding: var(--vvki-size-24px) var(--vvki-size-28px); }
    .know-box .know-title { font-family: 'Playfair Display', serif; font-family: var(--vvki-font-body); font-size: var(--vvki-type-26px); font-weight: 700; color: var(--accent); margin-bottom: var(--vvki-size-12px); }

    /* STATS */
    .stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--vvki-size-14px); margin: var(--vvki-size-18px) 0; }
    .stat-box { background: var(--bg-light); border: 1px solid var(--border); border-radius: var(--vvki-size-6px); padding: var(--vvki-size-16px); text-align: center; }
    .stat-box .num { font-family: 'Playfair Display', serif; font-family: var(--vvki-font-body); font-size: var(--vvki-type-22px); /*font-weight: 700;*/ color: var(--green-mid); }
    .stat-box .lbl { font-size: var(--vvki-type-20px); color: var(--text-soft); margin-top: var(--vvki-size-0px); line-height: var(--vvki-size-25px); }

    /* PHASE TABLE */
    .phase-table { width: 100%; border-collapse: collapse; margin: var(--vvki-size-14px) 0; font-size: var(--vvki-type-16px); }
    .phase-table th { background: var(--green-mid); color: var(--vvki-palette-fff); padding: var(--vvki-size-10px) var(--vvki-size-14px); text-align: left; }
    .phase-table td { padding: var(--vvki-size-10px) var(--vvki-size-14px); border-bottom: 1px solid var(--border); color: var(--text-mid); }
    .phase-table tr:nth-child(even) td { background: var(--bg-light); }

    /* IMAGE PLACEHOLDER */
    .img-ph { overflow: hidden; width: 100%; }
    .img-ph-inner {
      width: 100%;
      min-height: var(--vvki-size-320px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-family: 'Playfair Display', serif;
	  font-family: var(--vvki-font-body);
      font-weight: 600;
      color: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3929);
      font-size: var(--vvki-type-15px);
      text-align: center;
      padding: var(--vvki-size-24px);
      position: relative;
          z-index: 9;
    }
    .img-ph-inner img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.widget-overlay {
    background-color: var(--vvki-palette-ffffffdb);
    margin: var(--vvki-size-0px) -var(--vvki-size-100px) var(--vvki-size-0px) var(--vvki-size-120px);
    border-radius: var(--vvki-size-0px) var(--vvki-size-0px) var(--vvki-size-0px) var(--vvki-size-0px);
    position: relative;
    z-index: 99;
        padding: var(--vvki-size-30px);
}
.widget-overlay-right {
    background-color: var(--vvki-palette-ffffffdb);
    margin: var(--vvki-size-0px) var(--vvki-size-0px) var(--vvki-size-0px) -var(--vvki-size-120px);
    border-radius: var(--vvki-size-0px) var(--vvki-size-0px) var(--vvki-size-0px) var(--vvki-size-0px);
    position: relative;
    z-index: 99;
        padding: var(--vvki-size-30px);
}
    .img-ph-inner small { font-family: 'DM Sans', sans-serif; font-family: var(--vvki-font-body); font-size: var(--vvki-type-11px); font-weight: 400; letter-spacing: 1px; text-transform: uppercase; opacity: 0.75; margin-top: var(--vvki-size-8px); display: block; }
    .ph-cycle:after,
    .ph-room:after ,
    .ph-water:after,
    .ph-award:after,
    .ph-team1:after,
    .ph-team2:after,
    .ph-mou:after{
      position: absolute;
      content: '';
      top: 0px;
      left: 0px;
      width: calc(100% - var(--vvki-size-50px));
      height:calc(100% - var(--vvki-size-50px));
          z-index: -1
    }
    .ph-mou:after { background: linear-gradient(135deg,var(--vvki-palette-2d6a4f),var(--vvki-palette-1a3c2e)); }
    .ph-cycle:after { background: linear-gradient(135deg,var(--vvki-palette-c47a4a),var(--vvki-palette-8b5a2b)); }
    .ph-room:after  { background: linear-gradient(135deg,var(--vvki-palette-7a9ab8),var(--vvki-palette-4a6a88)); }
    .ph-water:after { background: linear-gradient(135deg,var(--vvki-palette-4a9aba),var(--vvki-palette-1e5f7a)); }
    .ph-award:after { background: linear-gradient(135deg,var(--vvki-palette-d4a847),var(--vvki-palette-a07830)); }
    .ph-team1:after { background: linear-gradient(135deg,var(--vvki-palette-8baec7),var(--vvki-palette-5b82a0)); }
    .ph-team2:after { background: linear-gradient(135deg,var(--vvki-palette-9ab89a),var(--vvki-palette-6a8a6a)); }

    /* MEDIA */
    .media-links a { display: inline-block; background: var(--green-pale); color: var(--green-dark); border: 1px solid var(--border); border-radius: var(--vvki-size-4px); padding: var(--vvki-size-6px) var(--vvki-size-16px); font-size: var(--vvki-type-13px); font-weight: 500; margin: var(--vvki-size-4px) var(--vvki-size-6px) var(--vvki-size-4px) 0; text-decoration: none; }
    .media-links a:hover { background: var(--green-light); color: var(--vvki-palette-fff); }

    /* SUPPORT */
    .support-box { background: var(--green-dark); color: var(--vvki-palette-c4dece); border-radius: var(--vvki-size-8px); padding: var(--vvki-size-30px) var(--vvki-size-34px); }
    .support-box h3 { font-family: 'Playfair Display', serif; font-family: var(--vvki-font-body); font-size: var(--vvki-type-26px); color: var(--vvki-palette-fff); margin-bottom: var(--vvki-size-14px); }
    .support-box p { font-size: var(--vvki-type-17px); line-height: 1.8; color: var(--vvki-palette-a8c8b8); margin-bottom: var(--vvki-size-10px); }
    .scan-badge { display: inline-block; background: var(--green-light); color: var(--green-dark); font-weight: 700; font-size: var(--vvki-type-13px); padding: var(--vvki-size-8px) var(--vvki-size-22px); border-radius: var(--vvki-size-4px); margin-top: var(--vvki-size-12px); }

    /* FOOTER */
    .nl-footer {
      background: var(--vvki-palette-1e3a8a);
      padding: var(--vvki-size-14px) var(--vvki-size-48px);
      text-align: center;
      font-size: var(--vvki-type-12px);
      color: var(--vvki-palette-a8b8d8);
    }
    .nl-footer a {
      color: var(--vvki-palette-ffffff);
      text-decoration: none;
      font-weight: 600;
    }
    .nl-footer a:hover { text-decoration: underline; }
.img-ph-inner.QR_Code img {
    width: var(--vvki-size-230px);
}
.signup-section {
          background-color: var(--vvki-palette-rgb-726762283237203630203436202f2039342529);
      padding: var(--vvki-size-50px) 0;
      color: var(--vvki-palette-fff);
    }

    .signup-title {
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .signup-subtitle {
      font-size: var(--vvki-type-16px);
      margin-top: var(--vvki-size-10px);
    }

    .form-control {
      border-radius: var(--vvki-size-4px);
      border: none;
      height: var(--vvki-size-45px);
    }
.form-control {
    width: var(--vvki-size-200px);
}
    .subscribe-btn {
      background-color: var(--vvki-palette-8bd12c);
      border: none;
      color: var(--vvki-palette-fff);
      font-weight: 600;
      padding: var(--vvki-size-10px) var(--vvki-size-20px);
      border-radius: var(--vvki-size-4px);
      height: var(--vvki-size-45px);
    }

    .subscribe-btn:hover {
      background-color: var(--vvki-palette-7ac120);
    }

    .captcha-text {
      font-size: var(--vvki-type-14px);
      font-weight: 600;
      margin: 0 var(--vvki-size-10px);
      color: var(--vvki-palette-fff);
      white-space: nowrap;
    } 
.lne-hgt-nrml {
	line-height: normal;
}
.sub-head-bld {
	color:var(--green-mid);
	font-weight:600;
}

    /* RESPONSIVE */
    @media (max-width: 992px) {
       .widget-overlay-right, .widget-overlay{margin: var(--vvki-size-0px); padding: var(--vvki-size-0px);}
    }

    @media (max-width: 767px) {
      .masthead, .about-band, .inner, .top-bar, .nl-footer { padding-left: var(--vvki-size-20px); padding-right: var(--vvki-size-20px); }
      .masthead-title { font-size: var(--vvki-type-30px); }
      .hero-headline { font-size: var(--vvki-type-24px); }
      h2.art-h { font-size: var(--vvki-type-20px); }
      .img-ph-inner { min-height: var(--vvki-size-200px); }
      .site-header {
        /*flex-direction: column;*/
        align-items: center;
		min-height: auto;
      }
      .header-datebar {
   /* writing-mode: unset;
    transform: rotate(0deg);
    width: 100%;
    text-align: center;*/
	font-size: var(--vvki-type-11px);
	padding: var(--vvki-size-15px) var(--vvki-size-5px);
}
.header-title {
	padding: var(--vvki-size-0px);
}
.header-title .title-main {
    font-size: var(--vvki-type-20px);
    text-align: center;
    margin: 0 auto;
}
.header-title .title-sub {
	line-height: normal;
    text-align: center;
    letter-spacing: normal;
}
.header-logo .logo-inner {
	padding: var(--vvki-size-0px);
}
.header-logo img {
	max-width: 75%;
    max-height: 75%;
	padding: var(--vvki-size-0px);
}
.img-ph-inner {
    padding: var(--vvki-size-10px);
}
	.hero-deck,
	.about-band,
	.support-box,
	.quote-box,
	.nl-ul li,
	.support-box p,
	.body-p{
		text-align: justify;
		font-size: 100% !important;
	}
	.nl-section {
		padding: var(--vvki-size-25px) var(--vvki-size-0px) var(--vvki-size-10px) var(--vvki-size-0px);
	}
	.know-box {
		margin-bottom: var(--vvki-size-15px);
	}
	.res-mrgn-btm-0{
		margin-bottom: var(--vvki-size-0px);
	}
	.res-mrgn-tp-20{
		margin-top: var(--vvki-size-20px);
	}
	.res-mrgn-tp-10{
		margin-top: var(--vvki-size-10px);
	}
	.res-mrgn-tp-0{
		margin-top: var(--vvki-size-0px) !important;
	}
	.res-pdng-tp-0{
		padding-top: var(--vvki-size-0px) !important;
	}
	.res-pdng-tp-20{
		padding-top: var(--vvki-size-20px) !important;
	}
	.res-dsp-nne {
		display: none;
	}
}
 @media (max-width: 600px) {
    .form-control {
    width: 100%;
}
 }