@font-face {
  font-family: 'gotham_narrowbook';
  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: 'gothambold';
  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:  #1a3c2e;
      --green-mid:   #2d6a4f;
      --green-light: #52b788;
      --green-pale:  #d8f3dc;
      --accent:      #1e3a8a;
      --accent-pale: #fdf0e6;
      --text-dark:   #1a1a1a;
      --text-mid:    #3d3d3d;
      --text-soft:   #6b6b6b;
      --border:      #dde8e0;
      --bg-light:    #f4f9f6;
      --white:       #ffffff;
      --shadow-md:   0 4px 24px rgba(0,0,0,0.10);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      background: #e4ebe5;
      font-family: 'DM Sans', sans-serif;
      color: var(--text-dark);
      font-size: 15px;
      line-height: 1.75;
    }
    .page-wrap {
      max-width: 1630px;
      margin: 0 auto;
      background: var(--white);
      box-shadow: 0 0 60px rgba(0,0,0,0.13);
    }

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

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

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

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

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

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

    /* INNER */
    .inner { padding: 0 48px 56px; }

    /* SECTION */
    .nl-section { padding: 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: #fff;
      font-size: 17px;
      font-weight: 700;
      letter-spacing: 2.5px;
      text-transform: capitalize;
      padding: 5px 14px;
      border-radius: 2px;
      margin-bottom: 20px;
    }
    .sec-label.orange { background: var(--accent); }

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

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

    /* LIST */
    .nl-ul { list-style: none; padding: 0; margin: 10px 0 16px; }
    .nl-ul li { padding: 5px 0 0px 22px; position: relative; font-size: 17px; color: var(--text-mid); line-height: 1.7; }
    .nl-ul li::before { content: '▸'; position: absolute; left: 0; color: var(--green-light); font-size: 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: 14px 18px; border-radius: 0 6px 6px 0; margin: 16px 0; font-family: 'Source Serif 4', serif; font-family: 'gotham_narrowbook'; font-style: italic; font-size: 17px; color: var(--green-dark); line-height: 1.7; }

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

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

    /* PHASE TABLE */
    .phase-table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 16px; }
    .phase-table th { background: var(--green-mid); color: #fff; padding: 10px 14px; text-align: left; }
    .phase-table td { padding: 10px 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: 320px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-family: 'Playfair Display', serif;
	  font-family: 'gotham_narrowbook';
      font-weight: 600;
      color: rgba(255,255,255,0.9);
      font-size: 15px;
      text-align: center;
      padding: 24px;
      position: relative;
          z-index: 9;
    }
    .img-ph-inner img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.widget-overlay {
    background-color: #FFFFFFDB;
    margin: 0px -100px 0px 120px;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    z-index: 99;
        padding: 30px;
}
.widget-overlay-right {
    background-color: #FFFFFFDB;
    margin: 0px 0px 0px -120px;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    z-index: 99;
        padding: 30px;
}
    .img-ph-inner small { font-family: 'DM Sans', sans-serif; font-family: 'gotham_narrowbook'; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; opacity: 0.75; margin-top: 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% - 50px);
      height:calc(100% - 50px);
          z-index: -1
    }
    .ph-mou:after { background: linear-gradient(135deg,#2d6a4f,#1a3c2e); }
    .ph-cycle:after { background: linear-gradient(135deg,#c47a4a,#8b5a2b); }
    .ph-room:after  { background: linear-gradient(135deg,#7a9ab8,#4a6a88); }
    .ph-water:after { background: linear-gradient(135deg,#4a9aba,#1e5f7a); }
    .ph-award:after { background: linear-gradient(135deg,#d4a847,#a07830); }
    .ph-team1:after { background: linear-gradient(135deg,#8baec7,#5b82a0); }
    .ph-team2:after { background: linear-gradient(135deg,#9ab89a,#6a8a6a); }

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

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

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

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

    .signup-subtitle {
      font-size: 16px;
      margin-top: 10px;
    }

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

    .subscribe-btn:hover {
      background-color: #7ac120;
    }

    .captcha-text {
      font-size: 14px;
      font-weight: 600;
      margin: 0 10px;
      color: #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: 0px; padding: 0px;}
    }

    @media (max-width: 767px) {
      .masthead, .about-band, .inner, .top-bar, .nl-footer { padding-left: 20px; padding-right: 20px; }
      .masthead-title { font-size: 30px; }
      .hero-headline { font-size: 24px; }
      h2.art-h { font-size: 20px; }
      .img-ph-inner { min-height: 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: 11px;
	padding: 15px 5px;
}
.header-title {
	padding: 0px;
}
.header-title .title-main {
    font-size: 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: 0px;
}
.header-logo img {
	max-width: 75%;
    max-height: 75%;
	padding: 0px;
}
.img-ph-inner {
    padding: 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: 25px 0px 10px 0px;
	}
	.know-box {
		margin-bottom: 15px;
	}
	.res-mrgn-btm-0{
		margin-bottom: 0px;
	}
	.res-mrgn-tp-20{
		margin-top: 20px;
	}
	.res-mrgn-tp-10{
		margin-top: 10px;
	}
	.res-mrgn-tp-0{
		margin-top: 0px !important;
	}
	.res-pdng-tp-0{
		padding-top: 0px !important;
	}
	.res-pdng-tp-20{
		padding-top: 20px !important;
	}
	.res-dsp-nne {
		display: none;
	}
}
 @media (max-width: 600px) {
    .form-control {
    width: 100%;
}
 }