:root {
      --ink: #1B140F;
      --ink-soft: #241A13;
      --orange: #f75b01;
      --orange-bright: #f75b01;
      --orange-deep: #324f8b;
      --amber: #ecc331;
      --cream: #FBF5EA;
      --cream-dim: #F1E7D6;
      --charcoal: #2A2119;
      --line: rgba(42, 33, 25, 0.12);
      --line-on-ink: rgba(251, 245, 234, 0.14);
  }

  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  html {
      scroll-behavior: smooth;
  }

  body {
      font-family: 'Open Sans', sans-serif;
      /*font-family: "Roboto Condensed", sans-serif;*/
      color: var(--charcoal);
      /* background:var(--cream); */
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
  }

  img {
      max-width: 100%;
      display: block;
  }

  dl,
  ol,
  ul {
      padding: 0;
      margin: 0;
      list-style: none;
  }

  a {
      color: inherit;
      text-decoration: none;
  }

  .display {
      font-optical-sizing: auto;
  }

  .mono {
      font-family: 'IBM Plex Mono', monospace;
  }

  .wrap {
      max-width: 1220px;
      margin: 0 auto;
      padding: 0 40px;
  }

  ::selection {
      background: var(--orange);
      color: var(--cream);
  }
  .logo {width: 128px;}
  /* ---------- Section markers ---------- */
  .marker {
      display: flex;
      gap: 16px;
      margin-bottom: 15px;
      align-items: center;
  }

  .marker .num {
      font-style: italic;
      color: var(--orange);
      width: 20px;
      background: #e2a323;
      height: 20px;
      border-radius: 50%;
      position: relative;
      overflow: hidden;
  }

  .marker .label {
      font-size: 15px;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      font-weight: 600;
      color: var(--orange-deep);
  }

  .marker.on-ink .label {
      color: var(--amber);
  }

  .marker.on-ink .num {
      color: var(--amber);
  }

  .marker .line {
      flex: 1;
      height: 1px;
      background: var(--line);
  }

  .marker.on-ink .line {
      background: var(--line-on-ink);
  }

  h2.section-title {
      font-size: 35px;
      font-weight: 450;
      line-height: 1.12;
  }

  .btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 0.03em;
      padding: 14px 20px;
      border-radius: 1px;
      transition: all .25s ease;
      white-space: nowrap;
      border-radius: 8px;
  }

  .nav-inner .btn-solid {
      /* background:var(--orange); */
      color: var(--cream);
      border: 1px solid #fff;
  }

  .nav-inner .btn-solid:hover {
      background: var(--orange);
      border-color: var(--orange);
  }

  .btn-ghost {
      border: 1px solid rgba(251, 245, 234, 0.4);
      color: var(--cream);
  }

  .btn-ghost:hover {
      border-color: var(--amber);
      color: var(--amber);
  }

  .btn svg {
      width: 14px;
      height: 14px;
  }

  /* ---------- Header ---------- */
  header {
      position: fixed;
      top: 10px;
      left: 0;
      right: 0;
      z-index: 200;
      padding: 0;
      transition: 0.5s ease-in-out all;
      border-bottom: 1px solid transparent;
  }

  header.solid {
      background: rgb(34 34 34);
      /* backdrop-filter: blur(10px); */
      border-color: var(--line-on-ink);
      top: 0;
      transition: 0.5s ease-in-out all;
  }

  .nav-inner {
      max-width: 100%;
      margin: 0 auto;
      padding: 5px 35px;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .logo {}

  .logo .mark {
      font-weight: 600;
      font-size: 1.7rem;
      letter-spacing: 0.01em;
  }

  .logo .mark span {
      color: var(--orange-bright);
  }

  .logo .tag {
      font-size: 0.55rem;
      letter-spacing: 0.26em;
      color: var(--amber);
      margin-top: 5px;
  }

  nav.links > ul{
      display: flex;
      align-items: center;
      gap: 38px;
  }

  nav.links a {
      font-size: 15px;
      letter-spacing: 0.5px;
      font-weight: 500;
      color: #fff;
      position: relative;
      padding: 6px 0;
      text-transform: uppercase;
      width: 100%;
  }

  nav.links a:hover {
      opacity: 1;
  }

  nav.links a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 1px;
      background: var(--amber);
      transition: width .25s ease;
  }

  nav.links a:hover::after {
      width: 100%;
  }

  .burger {
      display: none;
      background: none;
      border: 0;
      color: var(--cream);
      font-size: 1.5rem;
      cursor: pointer;
  }

  /* ---------- Hero ---------- */
  .hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      background-color: #1b140f;
      /* margin: 15px 15px; */
      /* border-radius: 15px; */
      overflow: hidden;
  }

  .hero-media {
      position: absolute;
      inset: 0;
      overflow: hidden;
      background-position: center;
      background-size: 110%;
      /*background-size: cover; */
      /*background-attachment: fixed; */
      animation: moveBackground 20s linear infinite alternate;
  }

  @keyframes moveBackground {
      0% {
          background-position: left center;
      }

      100% {
          background-position: right center;
      }
  }

  .hero-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 60%;
  }

  .hero-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(27, 20, 15, 0.25) 0%, rgba(27, 20, 15, 0.45) 40%, rgba(27, 20, 15, 0.96) 96%), linear-gradient(100deg, #1c1c1c, #d8500e1c 55%);
      mix-blend-mode: multiply;
  }

  .hero-content {
      position: absolute;
      z-index: 2;
      /* padding: 200px 40px 70px; */
      max-width: 1220px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.5fr 1fr;
      gap: 60px;
      align-items: end;
      width: 100%;
      right: 0;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      margin-top: 60px;
  }

  .hero-eyebrow {
      display: flex;
      gap: 14px;
      color: #f1f1f1;
      font-size: 18px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-weight: 300;
      margin-bottom: 15px;
      align-items: center;
  }

  .hero-eyebrow .dash {
      width: 34px;
      height: 1px;
      background: var(--amber);
  }

  h1.headline {
      color: var(--amber);
      font-weight: 600;
      font-size: clamp(2.8rem, 5.6vw, 4.9rem);
      letter-spacing: -0.01em;
      line-height: 1.03;
  }

  h1.headline .accent {
      /* font-style:italic; */
      /* font-weight:400; */
      /* color: #f1db91; */
  }

  .hero-aside {
      border-left: 1px solid rgb(251 245 234 / 84%);
      padding-left: 28px;
      padding-bottom: 6px;
  }
  .hero-content p {
      color: #fff;
      font-size: 16px;
      font-weight: 300;
      margin-top: 30px;
  }

  .hero-ctas {
      display: flex;
      gap: 16px;
      margin-top: 26px;
      flex-wrap: wrap;
  }

  .marquee-band {
      position: relative;
      z-index: 3;
      background: #4e6162;
      color: var(--ink);
      overflow: hidden;
      white-space: nowrap;
      border-top: 1px solid rgba(27, 20, 15, 0.15);
  }

  .marquee-track {
      display: inline-flex;
      align-items: center;
      gap: 0;
      padding: 14px 0;
      animation: scroll-left 32s linear infinite;
  }

  .marquee-track span {
      font-weight: 500;
      font-size: 14px;
      padding: 0 28px;
      white-space: nowrap;
      color: #fff;
      position: relative;
  }

  .marquee-track span::after {
      content: "";
      position: absolute;
      right: 0;
      height: 80%;
      background: #eeeeee70;
      width: 1px;
      top: 50%;
      transform: translateY(-50%);
  }

  @keyframes scroll-left {
      from {
          transform: translateX(0);
      }

      to {
          transform: translateX(-50%);
      }
  }

  /* ---------- Section base ---------- */
  section {
      padding: 70px 0;
      position: relative;
  }

  .on-ink {
      background: var(--ink);
      color: var(--cream-dim);
  }

  /* ---------- About / Mission ---------- */
  .about-grid {
      display: grid;
      grid-template-columns: 0.85fr 1.15fr;
      gap: 0 50px;
      align-items: start;
  }

  .about-figure {
      position: relative;
  }

  .about-figure .frame {
      position: relative;
      border: 1px solid var(--line);
      padding: 14px;
  }

  .about-figure img {
      width: 100%;
      aspect-ratio: 3/4;
      object-fit: cover;
  }

  .about-figure figcaption {
      margin-top: 16px;
      font-size: 14px;
      font-style: italic;
      max-width: 100%;
      text-align: center;
  }

  .about-copy .lede {
      font-size: 1.5rem;
      font-weight: 450;
      line-height: 1.4;
      color: var(--ink);
      margin-bottom: 26px;
  }

  .about-copy .lede span {
      font-size: 30px;
      font-weight: 600;
      float: left;
      line-height: 0.8;
      padding-right: 10px;
      color: #000000;
  }

  .about-copy p {
      font-size: 16px;
      margin-top: 18px;
      color: #363636;
  }

  .about-copy .pull {
      margin-top: 32px;
      padding: 24px 28px;
      border-left: 3px solid #4c2b0d;
      background: var(--orange);
      font-style: italic;
      font-size: 1.08rem;
      color: #fff;
  }


  /* ---------- Focus band ---------- */
  .focus-band {
      overflow: hidden;
  }

  .jali {
      position: absolute;
      inset: 0;
      opacity: 0.1;
      pointer-events: none;
      filter: blur(2px);
  }

  .focus-band .wrap {
      position: relative;
      z-index: 1;
  }

  .focus-band h2 {
      color: var(--cream);
  }

  .focus-band .lede-sub {
      max-width: 600px;
      opacity: 0.72;
      margin-top: 18px;
      font-size: 1.02rem;
  }

  .focus-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1px;
      margin-top: 50px;
      background: var(--line-on-ink);
      border: 1px solid var(--line-on-ink);
  }

  .focus-item {
      /* background:var(--ink); */
      padding: 38px 30px;
      position: relative;
      overflow: hidden;
      border-right: 1px solid #ddd;
  }

  .focus-item .ghost-num {
      position: absolute;
      top: 11px;
      right: 25px;
      font-weight: 300;
      font-size: 26px;
      color: #111;
      line-height: 1;
      pointer-events: none;
  }

  .focus-item h3 {
      font-weight: 500;
      font-size: 1.3rem;
      color: #36494b;
      position: relative;
      z-index: 1;
  }

  .focus-item p {
      margin-top: 10px;
      font-size: 0.9rem;
      position: relative;
      z-index: 1;
  }

  .focus-item .tag {
      font-size: 0.68rem;
      letter-spacing: 0.14em;
      color: var(--amber);
      text-transform: uppercase;
      margin-bottom: 14px;
      display: block;
      position: relative;
      z-index: 1;
  }

  /* ---------- Pillars ---------- */
  .pillars-list {
      margin-top: 56px;
      border-top: 1px solid var(--line);
  }

  .pillar-row {
      display: grid;
      grid-template-columns: 90px 1fr 1.3fr;
      gap: 40px;
      align-items: center;
      padding: 40px 0;
      border-bottom: 1px solid var(--line);
      transition: background .25s ease;
  }

  .pillar-row:hover {
      background: rgba(216, 80, 14, 0.04);
  }

  .pillar-row .letter {
      font-style: italic;
      font-size: 2.4rem;
      color: var(--orange);
      font-weight: 400;
  }

  .pillar-row h3 {
      font-weight: 500;
      font-size: 1.35rem;
  }

  .pillar-row p {
      font-size: 0.95rem;
      opacity: 0.78;
      max-width: 480px;
  }

  @media (max-width:760px) {
      .pillar-row {
          grid-template-columns: 50px 1fr;
      }

      .pillar-row p {
          grid-column: 2;
      }
  }

  /* ---------- Split imagery band ---------- */
  .split-band {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 24px;
  }

  .split-panel {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: flex-end;
      height: 300px;
      border-radius: 10px;
  }

  .split-panel img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .7s ease;
      filter: saturate(0.92);
  }

  .split-panel:hover img {
      transform: scale(1.05);
  }

  .split-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(27, 20, 15, 0.05) 30%, rgba(27, 20, 15, 0.92) 100%), linear-gradient(0deg, rgba(216, 80, 14, 0.28), transparent 60%);
  }

  .split-panel .panel-copy {
      position: relative;
      z-index: 1;
      padding: 25px 20px;
      color: var(--cream);
      width: 100%;
  }

  .split-panel .panel-copy .tag {
      font-size: 0.72rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--amber);
      margin-bottom: 10px;
      display: block;
  }

  .split-panel .panel-copy h3 {
      font-size: 23px;
      font-weight: 500;
      line-height: normal;
  }

  .split-panel .panel-copy p {
      margin-top: 10px;
      font-size: 0.9rem;
      opacity: 0.8;
      max-width: 320px;
  }

  /* ---------- Who can join ---------- */
  .join-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 60px;
      margin-top: 56px;
  }

  .join-item {
      display: grid;
      grid-template-columns: 50px 1fr;
      gap: 18px;
      padding: 30px 0;
      border-bottom: 1px solid var(--line);
  }

  .join-item .tagnum {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 0.78rem;
      color: var(--orange);
  }

  .join-item h4 {
      font-weight: 500;
      font-size: 1.14rem;
  }

  .join-item p {
      margin-top: 6px;
      font-size: 0.9rem;
      opacity: 0.75;
  }

  /* ---------- CTA banner ---------- */
  .cta-banner {
      background:
          radial-gradient(circle at 20% 20%, rgba(240, 115, 14, 0.5), transparent 45%),
          linear-gradient(120deg, var(--orange-deep), var(--orange));
      color: var(--cream);
      text-align: center;
      padding: 120px 0;
  }

  .cta-banner .marker {
      justify-content: center;
  }

  .cta-banner .marker .line {
      display: none;
  }

  .cta-banner blockquote {
      font-style: italic;
      font-weight: 400;
      font-size: clamp(1.7rem, 3.4vw, 2.7rem);
      max-width: 800px;
      margin: 0 auto;
      line-height: 1.32;
  }

  .cta-banner .btn {
      margin-top: 42px;
  }

  .cta-banner .btn-solid {
      background: var(--ink);
      border-color: var(--ink);
  }

  .cta-banner .btn-solid:hover {
      background: #0f0a07;
      border-color: #0f0a07;
  }

  /* ---------- Footer ---------- */
  footer {
      background: var(--ink);
      color: var(--cream-dim);
      padding: 70px 0 30px;
  }

  .footer-top {
      display: grid;
      grid-template-columns: 1.3fr 1fr 1fr 1fr;
      gap: 50px;
      padding-bottom: 35px;
      border-bottom: 1px solid var(--line-on-ink);
  }

  footer .logo .mark {
      color: var(--cream);
  }

  footer p.blurb {
      margin-top: 18px;
      font-size: 0.9rem;
      opacity: 0.65;
      max-width: 300px;
  }

  .footer-social {
      display: flex;
      gap: 18px;
      margin-top: 26px;
      flex-wrap: wrap;
  }

  .footer-social a {
      font-size: 0.82rem;
      opacity: 0.7;
      letter-spacing: 0.03em;
  }

  .footer-social a:hover {
      color: var(--amber);
      opacity: 1;
  }

  footer h5 {
      font-size: 15px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: var(--amber);
      margin-bottom: 15px;
  }

  footer .flinks a {
      display: block;
      font-size: 0.9rem;
      opacity: 0.72;
      margin-bottom: 13px;
  }

  footer .flinks a:hover {
      opacity: 1;
      color: var(--amber);
  }

  .newsletter-form {
      display: flex;
      border-bottom: 1px solid rgba(251, 245, 234, 0.3);
      padding-bottom: 10px;
      margin-top: 6px;
  }

  .newsletter-form input {
      background: none;
      border: 0;
      color: var(--cream);
      font-size: 0.9rem;
      flex: 1;
      outline: none;
  }

  .newsletter-form input::placeholder {
      color: rgba(251, 245, 234, 0.4);
  }

  .newsletter-form button {
      background: none;
      border: 0;
      color: var(--amber);
      font-size: 0.85rem;
      cursor: pointer;
      font-weight: 600;
  }

  .footer-bottom {
      margin-top: 35px;
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      flex-wrap: wrap;
      gap: 10px;
  }

  /* ---------- Reveal ---------- */
  .reveal {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity .7s ease, transform .7s ease;
  }

  .reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
  }

  @media (prefers-reduced-motion: reduce) {
      .reveal {
          opacity: 1;
          transform: none;
          transition: none;
      }

      .marquee-track {
          animation: none;
      }

      html {
          scroll-behavior: auto;
      }
  }

  /* ---------- Responsive ---------- */
  @media (max-width:991px) {

      nav.links,
      .nav-cta {
          display: none;
      }

      .burger {
          display: block;
      }

      .hero-content {
          grid-template-columns: 1fr;
          padding-top: 160px;
      }

      .hero-aside {
          border-left: 0;
          padding-left: 0;
          border-top: 1px solid rgba(251, 245, 234, 0.25);
          padding-top: 20px;
      }

      .about-grid {
          grid-template-columns: 1fr;
          gap: 44px;
      }

      .focus-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .split-band {
          grid-template-columns: 1fr;
      }

      .join-grid {
          grid-template-columns: 1fr;
      }

      .footer-top {
          grid-template-columns: 1fr 1fr;
          gap: 40px;
      }

      section {
          padding: 90px 0;
      }
      nav.links {
        display: none;
    }

    nav.links.active {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 86px;
        right: 22px;
        background: rgba(27, 20, 15, 0.97);
        padding: 55px 30px 22px;
        border-radius: 2px;
        gap: 20px;
        border: 1px solid rgba(251, 245, 234, 0.14);
        z-index: 9999;
    }

    .menu-close {
        position: absolute;
        top: 12px;
        right: 15px;
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 25px;
        cursor: pointer;
        line-height: 1;
    }

    .menu-close:hover {
        color: #e31e24;
    }
  }

  @media (max-width:560px) {

      .wrap,
      .nav-inner,
      .hero-content {
          padding-left: 22px;
          padding-right: 22px;
      }

      .hero-ctas {
          flex-direction: column;
          align-items: flex-start;
      }

      .footer-top {
          grid-template-columns: 1fr;
      }

      .pillar-row {
          grid-template-columns: 1fr;
          gap: 10px;
      }
  }



  #particles-js {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }

  #particles-js-color {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }




  .mt-5 {
      margin-top: 5px !important;
  }

  .mt-10 {
      margin-top: 10px !important;
  }

  .mt-15 {
      margin-top: 15px !important;
  }

  .mt-20 {
      margin-top: 20px !important;
  }

  .mt-25 {
      margin-top: 25px !important;
  }

  .mt-30 {
      margin-top: 30px !important;
  }

  .mt-35 {
      margin-top: 35px !important;
  }

  .mt-40 {
      margin-top: 40px !important;
  }

  .mt-45 {
      margin-top: 45px !important;
  }

  .mt-50 {
      margin-top: 50px !important;
  }

  .mt-60 {
      margin-top: 60px !important;
  }

  .mt-70 {
      margin-top: 70px !important;
  }

  .mt-80 {
      margin-top: 80px !important;
  }

  .mt-90 {
      margin-top: 90px !important;
  }

  .mt-100 {
      margin-top: 100px !important;
  }


  .mb-5 {
      margin-bottom: 5px !important;
  }

  .mb-10 {
      margin-bottom: 10px !important;
  }

  .mb-15 {
      margin-bottom: 15px !important;
  }

  .mb-20 {
      margin-bottom: 20px !important;
  }

  .mb-25 {
      margin-bottom: 25px !important;
  }

  .mb-30 {
      margin-bottom: 30px !important;
  }

  .mb-35 {
      margin-bottom: 35px !important;
  }

  .mb-40 {
      margin-bottom: 40px !important;
  }

  .mb-45 {
      margin-bottom: 45px !important;
  }

  .mb-50 {
      margin-bottom: 50px !important;
  }

  .mb-60 {
      margin-bottom: 60px !important;
  }

  .mb-70 {
      margin-bottom: 70px !important;
  }

  .mb-80 {
      margin-bottom: 80px !important;
  }

  .mb-90 {
      margin-bottom: 90px !important;
  }

  .mb-100 {
      margin-bottom: 100px !important;
  }

  .pt-5 {
      padding-top: 5px !important;
  }

  .pt-10 {
      padding-top: 10px !important;
  }

  .pt-15 {
      padding-top: 15px !important;
  }

  .pt-20 {
      padding-top: 20px !important;
  }

  .pt-25 {
      padding-top: 25px !important;
  }

  .pt-30 {
      padding-top: 30px !important;
  }

  .pt-35 {
      padding-top: 35px !important;
  }

  .pt-40 {
      padding-top: 40px !important;
  }

  .pt-45 {
      padding-top: 45px !important;
  }

  .pt-50 {
      padding-top: 50px !important;
  }

  .pt-60 {
      padding-top: 60px !important;
  }

  .pt-70 {
      padding-top: 70px !important;
  }

  .pt-80 {
      padding-top: 80px !important;
  }

  .pt-90 {
      padding-top: 90px !important;
  }

  .pt-100 {
      padding-top: 100px !important;
  }


  .pb-5 {
      padding-bottom: 5px !important;
  }

  .pb-10 {
      padding-bottom: 10px !important;
  }

  .pb-15 {
      padding-bottom: 15px !important;
  }

  .pb-20 {
      padding-bottom: 20px !important;
  }

  .pb-25 {
      padding-bottom: 25px !important;
  }

  .pb-30 {
      padding-bottom: 30px !important;
  }

  .pb-35 {
      padding-bottom: 35px !important;
  }

  .pb-40 {
      padding-bottom: 40px !important;
  }

  .pb-45 {
      padding-bottom: 45px !important;
  }

  .pb-50 {
      padding-bottom: 50px !important;
  }

  .pb-60 {
      padding-bottom: 60px !important;
  }

  .pb-70 {
      padding-bottom: 70px !important;
  }

  .pb-80 {
      padding-bottom: 80px !important;
  }

  .pb-90 {
      padding-bottom: 90px !important;
  }

  .pb-100 {
      padding-bottom: 100px !important;
  }

  .justify-content-start {
      justify-content: flex-start !important;
  }

  .flex-wrap {
      flex-wrap: wrap !important;
  }

  .d-flex {
      display: flex !important;
  }


  .btn-signUp {
      background: #4e6162;
      opacity: 1;
      width: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      transition: all 0.3s ease-in-out;
      position: relative;
      overflow: hidden;
      text-transform: capitalize;
      border-radius: 4px;
      border: 1px solid #fa0d0d00;
      padding: 5px 9px;
      column-gap: 5px;
  }

  .px-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important;
  }

  .btn-signUp:hover {
      background: #202d2d;
      text-decoration: none;
      border-color: #202d2d;
  }



  .container {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      box-sizing: border-box;
  }

  /* Small devices (≥576px) */
  @media (min-width: 576px) {
      .container {
          max-width: 540px;
      }
  }

  /* Medium devices (≥768px) */
  @media (min-width: 768px) {
      .container {
          max-width: 720px;
      }
  }

  /* Large devices (≥992px) */
  @media (min-width: 992px) {
      .container {
          max-width: 960px;
      }
  }

  /* Extra large devices (≥1200px) */
  @media (min-width: 1200px) {
      .container {
          max-width: 1140px;
      }
  }

  /* Extra extra large devices (≥1400px) */
  @media (min-width: 1400px) {
      .container {
          max-width: 1320px;
      }
  }





  .container-fluid {
      width: 90%;
      max-width: 1300px;
      margin: auto;
      box-sizing: border-box;
  }

  @media(max-width: 768px) {
      .container-fluid {
          width: 94%;
      }

  }



  /* ==========================  */
  /* Focus Sectors  */
  /* ==========================  */

  section.eventsec {
      width: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-color: #000;
      background-blend-mode: luminosity;
      padding: 0;
      position: relative;
  }

  .event_grid {
      display: grid;
      grid-template-columns: 30% 1fr;
  }

  .position-relative {
      position: relative !important;
  }

  .eventbox {
      padding: 50px 50px;
      background: #4e6162c7;
      background-size: 150px;
      position: relative;
      z-index: 2;
      background: #ecc331a6;
  }

  ul.event_main {
      padding: 0;
      margin: 0;
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 25px;
      row-gap: 25px;
  }

  ul.event_main li {
      background-size: cover;
      background-position: center;
      border-radius: 15px;
      border: 1px solid #ffffff40;
      overflow: hidden;
  }

  ul.event_main li a {
      display: block;
      position: relative;
      height: 100%;
  }

  a {
      text-decoration: none;
  }

  ul.event_main li a:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(0deg, #000000d9 2%, transparent 70%);
      z-index: 2;
  }

  ul.event_main li a img {
      max-width: 100%;
      transition: 0.5s ease-in-out all;
      width: 100%;
  }

  ul.event_main li:hover img {
      transform: scale(1.1);
      transition: 0.5s ease-in-out all;
      filter: grayscale(1);
  }

  ul.event_main li a p {
      margin: 0;
      color: #fff;
      position: absolute;
      bottom: 10px;
      left: 0;
      padding: 0 15px;
      font-weight: 600;
      font-size: 15px;
      z-index: 3;
      display: flex;
      align-items: center;
      column-gap: 8px;
      width: 100%;
      justify-content: space-between;
  }

  ul.event_main li a p i {
      background: #ffffff82;
      color: #fff;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
  }

  .whychoose_box {
      padding: 50px 40px;
      position: sticky;
      top: 73px;
      text-align: center;
  }

  .whychoose_box h2.main-title {
      font-size: 37px;
      line-height: normal;
      color: #fff;
      margin: 0;
      font-weight: 600;
      font-family: ui-sans-serif;
      letter-spacing: 1.5px;
      text-shadow: 1px 1px 2px #434343, -1px -1px 2px rgb(0 0 0 / 25%);
  }

  section.eventsec:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backdrop-filter: blur(2px);
      background: #36363633;
  }

  .whychoose_box p {
      color: #fff;
      margin-top: 18px;
      font-size: 20px;
      line-height: normal;
  }


  .btn-watch {
      width: auto;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      text-transform: uppercase;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease-in-out;
      border-radius: 5px;
      border: 2px solid transparent;
      display: flex;
      column-gap: 8px;
      padding: 10px 25px;
  }

  a.btn-watch.btn-white {
      color: #000;
      background: #eee;
  }

  a.btn-watch.btn-white:hover {
      background: unset;
      border-color: #fff;
      color: #fff;
  }

  .icon-arrow {
      background: url(../images/abstrack-light.svg) no-repeat 0 0;
      width: 97px;
      height: 30px;
  }

  .ms-4 {
      margin-left: 1.5rem !important;
  }

  .align-items-center {
      align-items: center !important;
  }



  /* ==========================  */
  /* Focus Sectors  */
  /* ==========================  */


  .fw-normal {
      font-weight: 300 !important;
  }

  .marker .num:before {
      content: "";
      width: 50%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #a36037;
  }

  /*.focus-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #e5bf73;
    height: 100%;
    width: 100%;
    transform: rotateY(90deg);
    transform-origin: left center;
    transition: 0.5s ease-in-out all;
}

.focus-item:hover:before {
    transform: rotateY(0deg);
    transition: 0.5s ease-in-out all;
}*/

  .focus-item .icon {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: #36494b33;
      color: #36494b;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 22px;
      transition: 0.5s ease-in-out all;
  }

  .focus-item:hover .icon {
      transition: 0.5s ease-in-out all;
      background: #fff;
      position: relative;
  }


  /* Our Purpose  */

  /* ---------- Bento ---------- */
  .bento {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 150px;
      gap: 14px;
  }

  .cell {
      border-radius: 14px;
      position: relative;
      overflow: hidden;
  }

  .cell-img {
      grid-column: 1/3;
      grid-row: 1/3;
  }

  .cell-img.two {
      grid-column: 3/5;
      grid-row: 3/5;
  }

  .cell-img img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: sepia(0.25) saturate(1.3) contrast(1.05);
  }

  .cell-img::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(21, 18, 14, 0) 40%, rgba(21, 18, 14, 0.85) 100%);
  }

  .cell-img .cap {
      position: absolute;
      left: 22px;
      bottom: 20px;
      right: 22px;
      z-index: 1;
      color: var(--paper);
  }

  .cell-img .cap .tag {
      font-size: 0.7rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #FFB081;
      display: block;
      margin-bottom: 6px;
  }

  .cell-img .cap h3 {
      font-size: 1.25rem;
      font-weight: 600;
  }

  .cell-stat {
      grid-column: 3/4;
      grid-row: 1/2;
      background: #15120e;
      color: #fff;
      padding: 22px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .cell-stat .n {
      font-size: 2.1rem;
      font-weight: 700;
      color: #ff5722;
  }

  .cell-stat .l {
      font-size: 14px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      opacity: 0.65;
  }

  .cell-quote {
      grid-column: 4/5;
      grid-row: 1/2;
      background: #f58220;
      color: #15120e;
      padding: 22px;
      display: flex;
      align-items: center;
  }

  .cell-quote p {
      font-style: italic;
      font-size: 0.95rem;
      line-height: 1.3;
  }

  .cell-stat2 {
      grid-column: 3/4;
      grid-row: 2/3;
      background: #efe4d2;
      padding: 22px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .cell-stat2 .n {
      font-size: 2.1rem;
      font-weight: 700;
      color: #15120e;
  }

  .cell-stat2 .l {
      font-size: 14px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #15120e;
  }

  .cell-tag {
      grid-column: 4/5;
      grid-row: 2/3;
      border: 1.5px solid #ffffff47;
      padding: 22px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 8px;
  }

  .cell-tag .glyph {
      font-size: 1.4rem;
  }

  .cell-tag .l {
      font-size: 15px;
      font-weight: 600;
  }

  .cell-text {
      grid-column: 1/3;
      grid-row: 3/5;
      background: #efe4d2;
      padding: 32px;
  }

  .cell-text p {
      font-size: 0.98rem;
      opacity: 0.85;
      width: 100%;
      color: #111;
      line-height: normal;
  }

  .cell-text p+p {
      margin-top: 14px;
  }

  @media (max-width:900px) {
      .bento {
          grid-template-columns: repeat(2, 1fr);
          grid-auto-rows: auto;
      }

      .cell-img,
      .cell-img.two,
      .cell-stat,
      .cell-quote,
      .cell-stat2,
      .cell-tag,
      .cell-text {
          grid-column: 1/3 !important;
          grid-row: auto !important;
          min-height: 180px;
      }

      .cell-img,
      .cell-img.two {
          min-height: 280px;
      }
  }

  .text-white {
      color: #fff !important;
  }

  #particles-js-one {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }

  /* Our Purpose End  */


  @-webkit-keyframes blinker {
      from {
          opacity: 1.0;
      }

      to {
          opacity: 0.0;
      }
  }

  .blink {
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: 0.6s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in-out;
      -webkit-animation-direction: alternate;
  }


  /* Leadership  */
  .leadershipbox {
      width: 100%;
      display: grid;
      grid-template-columns: 32% 1fr;
      gap: 30px 50px;
  }

  .leadershipbox .imgbox {
      border: 1px solid #3448969e;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
  }

  .leadershipbox .imgbox img {
      width: 100%;
  }

  .leadershipbox .imgbox:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      padding: 150px 20px 20px;
      text-align: right;
      border-radius: 10px;
      background: rgba(248, 80, 50, 0);
      background: -moz-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
      background: -webkit-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 1) 100%);
      background: -o-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 1) 100%);
      background: -ms-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 1) 100%);
      background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#000000', GradientType=0);
  }

  .leadershipbox .imgbox .nametag {
      position: absolute;
      bottom: 0;
      color: #fff;
      text-align: right;
      padding: 15px 15px;
      font-size: 16px;
      width: 100%;
  }

  .leadershipbox .imgbox .nametag span {
      display: table;
      font-size: 13px;
      width: 100%;
  }

  .leader_quote {
      font-size: 17px;
      font-style: italic;
      border-left: 5px solid #ddd;
      padding-left: 15px;
      color: #222;
  }

  .leader_quote i {
      display: table;
      margin-bottom: 5px;
      color: #cb6b15;
      font-size: 28px;
      line-height: normal;
  }

  /* Leadership End  */



  .pattern1:before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background-image: repeating-linear-gradient(45deg, rgba(201, 164, 106, 0.05) 0 1px, transparent 1px 64px), repeating-linear-gradient(-45deg, rgba(201, 164, 106, 0.05) 0 1px, transparent 1px 64px);
      opacity: 0.7;
  }




  /* Join Card  */
  .adsCard {
      background: #36494b;
      padding: 32px 50px;
      position: relative;
      border: 0;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      border-radius: 15px;
  }

  .adsCard .card-body {
      display: flex;
      align-items: center;
      gap: 30px;
      justify-content: space-between;
      position: relative;
      z-index: 1;
  }

  .adSlider__title h3,
  .adSlider__title h4 {
      font-size: 30px;
      line-height: 1;
      font-style: italic;
      margin-bottom: 0;
      color: #fff;
  }

  .adSlider__title h3 {
      font-weight: 600;
      color: var(--amber);
      margin-left: 50px;
      margin-top: 7px;
  }

  .adbanner {
      position: absolute;
      left: 25%;
      top: 0;
      right: 0;
      bottom: 0;
      background-size: contain;
      z-index: 0;
      background-repeat: no-repeat;
      opacity: 0.5;
  }

  /* Join Card  */




  /* ============================================================
   CONFERENCES
   ============================================================ */
  .conf-scroller {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
      margin-top: 50px;
  }

  .conf-card {
      background: #fffdfa;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 16px 40px -24px rgba(43, 33, 24, 0.3);
      transition: 0.5s ease-in-out all;
      display: flex;
      flex-direction: column;
  }

  .conf-card:hover {
      transform: translateY(-8px);
  }

  .conf-img {
      height: 190px;
      background-size: cover;
      background-position: center;
      position: relative;
  }

  .conf-date {
      position: absolute;
      left: 20px;
      bottom: -24px;
      background: var(--orange);
      color: #fff;
      width: 64px;
      height: 64px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.4);
  }

  .conf-date .day {
      font-size: 22px;
      line-height: 1;
  }

  .conf-date .mon {
      font-size: 10px;
      letter-spacing: 1px;
      text-transform: uppercase;
  }

  .conf-body {
      padding: 40px 26px 26px;
      flex: 1;
      display: flex;
      flex-direction: column;
  }

  .conf-tag {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: var(--rust);
      margin-bottom: 12px;
  }

  .conf-body h3 {
      font-size: 19px;
      margin-bottom: 12px;
  }

  .conf-meta {
      display: flex;
      gap: 16px;
      font-size: 14px;
      color: #6a6a6a;
      margin-bottom: 16px;
      flex-wrap: wrap;
  }

  .conf-body p {
      color: var(--muted-on-cream);
      font-size: 14.5px;
      line-height: 1.7;
      margin-bottom: 20px;
      flex: 1;
  }

  .conf-link {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.5px;
      color: #cb6b15;
      display: inline-flex;
      align-items: center;
      gap: 8px;
  }

  .conf-link svg {
      transition: transform .3s;
  }

  .conf-card:hover .conf-link svg {
      transform: translateX(5px);
  }


  /* ============================================================
   CONFERENCES
   ============================================================ */

  nav.links li {
      list-style: none;
      position: relative;
  }

  li.dropdown>ul {
      position: absolute;
      background: #fff;
      min-width: 250px;
      border-top: 2px solid;
      margin-top: 7px;
      transform: rotateX(90deg);
      transform-origin: top center;
      transition: .4s;
  }

  li.dropdown:hover>ul {
      opacity: 1;
      -webkit-transform: rotateX(0);
      -moz-transform: rotateX(0);
      -ms-transform: rotateX(0);
      transform: rotateX(0);
      visibility: visible;
      transition: .4s;
  }

  li.dropdown>ul li a {
      width: 100%;
      display: table;
      padding: 6px 12px;
      color: #222;
      text-transform: unset;
      border-bottom: 1px solid #dddddd70;
  }

  li.dropdown>ul>li:last-child>a {
      border: 0;
  }

  li.sub_dropdown>a {
      position: relative;
      padding-right: 20px !important;
  }

  li.sub_dropdown>a>i {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      line-height: 18px;
  }

  li.sub_dropdown>ul {
      position: absolute;
      width: 100%;
      left: 100%;
      top: -2px;
      background: #fff;
      display: none;
      border-top: 2px solid;
  }

  li.sub_dropdown:hover>ul {
      display: block;
  }


  /* ------------------------------------------------------------
   WHATSAPP FAB
   ------------------------------------------------------------ */
  .wa-fab {
      position: fixed;
      left: 26px;
      bottom: 26px;
      z-index: 199;
      width: 58px;
      height: 58px;
      border-radius: 50%;
      background: #25D366;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 12px 30px rgba(37, 211, 102, .4);
  }

  .wa-fab::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: #25D366;
      animation: pulse 2.2s ease-out infinite;
      z-index: -1;
  }

  @keyframes pulse {
      0% {
          transform: scale(1);
          opacity: .6;
      }

      100% {
          transform: scale(1.9);
          opacity: 0;
      }
  }

  .wa-tooltip {
      position: absolute;
      left: 70px;
      background: #0e1830;
      color: #f6f1e4;
      padding: 8px 14px;
      font-size: 12.5px;
      white-space: nowrap;
      opacity: 0;
      transform: translateX(-8px);
      transition: all .3s cubic-bezier(.22, .85, .35, 1);
      pointer-events: none;
  }

  .wa-fab:hover .wa-tooltip {
      opacity: 1;
      transform: translateX(0);
  }



  /* Breadcrumb  */
  .breadcrumb-section {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      padding: 0;
      padding-top: 85px;
      height: 370px;
      display: flex;
      align-items: center;
  }

  .breadcrumb-section:before {
      content: "";
      height: 100%;
      background: linear-gradient(to right, rgb(0 0 0 / 73%) 0, rgb(0 0 0 / 22%) 75%, rgba(0, 0, 0, 0) 100%);
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      backdrop-filter: blur(2px);
  }

  .breadcrumb-section:after {
      content: "";
      height: 100%;
      background-image: url(../images/page-title-pattern.png);
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: contain;
  }

  .breadcrumb_title {
      font-size: 32px;
      line-height: normal;
      margin-bottom: 5px;
      color: #ddd;
      text-align: center;
  }

  .breadcrumb-section ul.ps-0 {
      list-style: none;
      display: flex;
      font-size: 15px;
      column-gap: 5px;
      color: #ddd;
      justify-content: center;
  }


  /* Breadcrumb End  */


  .about-grid.aboutPage {
      grid-template-columns: 1fr 1fr;
  }



  /* Section Mission  */
  .bg_image {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }

  .bg_fixed {
      background-attachment: fixed;
  }

  .bg_darkblue {
      background-color: #131b3b;
  }


  /* Section Mission End  */



  .bg-blend-luminosity {
      background-blend-mode: luminosity;
  }

  .purple_overlay:before {
      background-color: #835dbec7;
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backdrop-filter: blur(2px);
  }

  .quotebox {
      padding: 40px;
      background: rgba(71, 45, 111, .8);
      color: #fff;
      font-size: 16px;
      margin-top: -70px;
  }

  .quotebox.bluebox {
      background: #3646899e;
  }

  ._buttom_shade {
      position: relative;
  }

  .text-white {
      color: #fff !important;
  }

  .text-left {
      text-align: left;
  }

  ._buttom_shade::after {
      background-image: linear-gradient(45deg, #cb6b15, #ffffff00);
      height: 3px;
      content: "";
      position: absolute;
      bottom: -7px;
      left: 0;
      width: 33%;
  }

  .shadewhite::after {
      background-image: linear-gradient(45deg, #fff, #ffffff00);
  }

  .quotebox i {
      font-size: 25px;
  }

  ul.mylist {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  ul.mylist.gridgap {
      display: grid;
      row-gap: 12px;
  }


  ul.mylist li {
      position: relative;
      padding-left: 25px;
  }

  ul.mylist li:before {
      content: "\ea6c";
      font-family: remixicon !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      left: 0;
      color: #fff;
  }

  .orange_overlay:before {
      background-color: #be8e5dc7;
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backdrop-filter: blur(2px);
  }

  .orange_overlay .quotebox {
      background: #a556109e;
  }

  ul.mylist.darkicon li:before {
      color: #111;
  }

  ul.mylist.primaryicon li:before {
      color: #cb6b15;
  }


  .ballparticles {
      position: absolute;
      border-radius: 100%;
      opacity: 0.3;
      height: 100%;
      top: 0;
      bottom: 0;
  }


  .img-part.services_ {}

  .img-part.services_:hover img {
      transition: 0.3s ease-in-out all;
  }

  .img-part.services_ img {
      transition: 0.3s ease-in-out all;
  }

  .img-part.services_ img.animated {
      top: -15px;
      left: 155px;
  }

  .footer-top .flinks li p {
      margin-bottom: 0;
  }

  .services_page .about-copy p {
      max-width: 100%;
  }

  .services_page .about-copy p.lede {
      color: #452817;
  }



  /* ===== CONTACT ===== */
  #contact {
      /* background: var(--off-white); */
  }

  .contact-header {
      text-align: center;
      margin-bottom: 56px;
  }

  .contact-header .section-sub {
      margin: 0 auto;
  }

  .contact-layout {
      display: grid;
      grid-template-columns: 5fr 7fr;
      gap: 40px;
      align-items: start;
  }

  .contact-info-col {
      display: flex;
      flex-direction: column;
      gap: 16px;
  }

  .info-card {
      background: #fff;
      border: 1px solid #ede9e5;
      border-radius: 12px;
      padding: 18px 20px;
      display: flex;
      align-items: flex-start;
      gap: 14px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
      transition: all 0.3s;
  }

  .info-card:hover {
      border-color: #d3b59a;
      box-shadow: 0 8px 32px rgb(201 106 22 / 25%);
  }

  .info-icon {
      width: 42px;
      height: 42px;
      border-radius: 8px;
      background: #f5ede4;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
      color: #cb6b15;
      flex-shrink: 0;
  }

  .info-title {
      font-weight: 700;
      font-size: 0.9rem;
      color: #0a1628;
      margin-bottom: 3px;
  }

  .info-val {
      font-size: 0.85rem;
      color: #64748b;
      line-height: 1.6;
  }

  .emergency-card {
      background: #fff5f5;
      border: 1px solid #fecaca;
      border-radius: 12px;
      padding: 16px 20px;
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .em-icon {
      color: #ef4444;
      font-size: 1.2rem;
  }

  .em-text {
      font-size: 0.85rem;
      color: #991b1b;
  }

  .em-text strong {
      font-weight: 700;
  }

  .em-text a {
      color: #dc2626;
      text-decoration: none;
      font-weight: 700;
  }

  .action-btns {
      display: flex;
      gap: 10px;
  }

  .action-btns .btn {
      flex: 1;
      justify-content: center;
  }

  .btn-green {
      background:var(--charcoal);
      color: #fff;
      box-shadow: 0 4px 16px rgba(42, 33, 25, 0.35);
  }

  .btn-outline {
      background: transparent;
      color: #0a1628;
      border: 1.5px solid #cbd5e1;
  }

  .btn-green:hover {
      background: #1da851;
      transform: translateY(-2px);
      color: #fff;
  }

  .btn-outline:hover {
      border-color: #1a56db;
      color: #1a56db;
      background: #eff6ff;
  }

  .btn-blue {
      background: #cb6b15;
      color: #fff;
  }

  .btn-blue:hover {
      background: #854a16;
      transform: translateY(-2px);
      color: #fff;
  }

  .form-card {
      background: #fff;
      border: 1px solid #e2e8f0;
      border-radius: 13px;
      padding: 30px;
      /* box-shadow: 0 20px 48px rgba(0,0,0,0.1), 0 8px 20px rgba(0,0,0,0.06); */
  }

  .form-title {
      font-size: 1.5rem;
      color: #0a1628;
      margin-bottom: 25px;
  }

  .form-grid2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
  }

  .form-group {
      display: flex;
      flex-direction: column;
      gap: 7px;
  }

  .form-group.full {
      grid-column: span 2;
  }

  .form-label {
      font-size: 12px;
      font-weight: 600;
      color: #111;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      margin-bottom: 0;
  }

  .form-input,
  .form-select,
  .form-textarea {
      background: #fff9f3;
      border: 1.5px solid #d7d7d7;
      border-radius: 8px;
      padding: 12px 16px;
      color: #0f172a;
      font-size: 0.9rem;
      outline: none;
      transition: all 0.2s;
      width: 100%;
  }

  .form-input:focus,
  .form-select:focus,
  .form-textarea:focus {
      border-color: #cb6b15;
      background: #ffffff;
      box-shadow: 0 0 0 4px rgba(26, 86, 219, 0.08);
  }

  .form-textarea {
      min-height: 100px;
      resize: vertical;
  }

  .form-submit-wrap {
      margin-top: 20px;
  }

  .form-privacy {
      font-size: 13px;
      color: #3b3d40;
      text-align: center;
      margin-top: 12px;
      margin-bottom: 0;
  }

  /* ===== MAP ===== */
  .map-wrap {
      border: 1px solid #e2e8f0;
      height: 500px;
  }

  section.contact_section {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
  }


  /*=============================*/
  /* Event  */
  /*=============================*/
  .select_year {
      display: flex;
      align-items: center;
      column-gap: 15px;
  }

  .select_year p {
      margin: 0;
      font-size: 15px;
      color: #111;
      font-weight: 600;
  }

  .select_year select {
      height: 42px;
      padding: 7px 15px;
      font-size: 15px;
      font-weight: 600;
      background: #eeeeee url(../images/selection-arrow.png);
      color: #333;
      background-position: 100% 50%;
      background-repeat: no-repeat;
      border: 1px solid #dedede !important;
      border-radius: 5px !important;
      -moz-appearance: none;
      -webkit-appearance: none;
  }

  .blog_main {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 30px;
  }

  .blog_main.eventPage {
      grid-template-columns: 1fr 1fr;
  }

  .blogbox {
      background: #fff;
      position: relative;
  }

  .eventPage .blogbox {
      border: 1px solid #b9b9b9;
      border-radius: 10px;
      overflow: hidden;
      width: 100%;
      transition: 0.3s ease-in-out all;
  }

  .eventPage .blogbox:hover {
      border-color: #bf6514;
      transform: translateY(-10px);
      transition: 0.3s ease-in-out all;
  }

  .eventPage .blogbox .contentB {
      padding: 25px 0px;
      padding-left: 25px;
      height: 100%;
  }

  .blogbox .contentB .categtory {
      color: #111;
      font-size: 13px;
      border: 1px solid #bf651445;
      padding: 3px 12px;
      display: table;
      border-radius: 5px;
      background: #fff3e8;
      font-weight: 500;
  }

  .blogbox .contentB a.title {
      display: table;
      width: 100%;
      margin-bottom: 15px;
      font-size: 18px;
      color: #111;
      line-height: normal;
      font-weight: 600;
      transition: 0.5s ease-in-out all;
  }

  .blogbox .contentB a.readMore,
  .readMore {
      font-size: 14px;
      align-items: center;
      background: #bf6514;
      width: auto;
      display: table;
      color: #fff;
      font-weight: 600;
      padding: 5px 12px;
      border-radius: 5px;
      border: 1px solid #bf6514;
  }

  .blogbox .contentB a.readMore:hover,
  .readMore:hover {
      background: unset;
      color: #bf6514;
  }

  .blogbox .imgb {
      position: relative;
  }

  .eventPage .blogbox .imgb {
      height: 250px;
      overflow: hidden;
      background: #dbdbdb;
  }

  .blogbox .imgb:before {
      content: "";
      top: 0px;
      left: 50%;
      border: solid transparent;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #fff;
      border-width: 12px;
      margin-left: -12px;
      z-index: 1;
  }

  .blog_main .blogbox .imgb.righttringle:before {
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      border: 0;
      border-top: 9px solid transparent;
      border-bottom: 9px solid transparent;
      border-left: 12px solid #ffffff;
  }

  .pagination_main .active .page-link {
      color: #fff;
      background: #cb6b15;
      border-color: #cb6b15;
  }

  .pagination_main .page-link {
      color: #cb6b15;
      font-weight: 500;
  }


  /* Detail Page  */
  ul.eventList {
      padding: 0;
      list-style: none;
      display: grid;
      row-gap: 5px;
  }

  ul.eventList li {
      display: flex;
      align-items: center;
      column-gap: 12px;
      font-weight: 600;
      color: #222;
      font-size: 17px;
  }

  ul.eventList li i {
      width: 35px;
      height: 35px;
      background: #9d5312;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
  }

  ul.eventList li i img {
      height: 17px;
      filter: invert(1);
  }

  .eventimg {
      border: 1px solid #ddd;
      border-radius: 5px;
      overflow: hidden;
      cursor: zoom-in;
  }

  .eventimg img:hover {
      filter: brightness(0.8);
  }


  /* Gallery Masenary  */
  .masonry_main {
      column-count: 4;
      column-gap: 20px;
  }

  .masonry_box {
      list-style: none;
      break-inside: avoid;
      margin-bottom: 20px;
  }

  .masonry_box .imagebox {
      overflow: hidden;
      border-radius: 5px;
      border: 1px solid #bb631366;
      padding: 10px;
      text-align: center;
      background: #fff;
  }

  .masonry_box .imagebox img {
      border-radius: 5px;
  }

  .imageoverlay {
      position: relative;
      transition: all .5s ease-in-out;
  }

  .imageoverlay:before {
      position: absolute;
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.5);
      content: '';
      left: 0;
      right: 0;
      transition: all .5s ease-in-out;
      transform: scale(1.3);
      top: 0;
      visibility: hidden;
      opacity: 0;
  }

  .imageoverlay:after {
      position: absolute;
      width: 20px;
      height: 100%;
      content: "\ee44";
      font-family: remixicon !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 2;
      color: #fff;
      vertical-align: middle;
      display: flex;
      align-items: center;
      top: 0;
      text-align: center;
      transition: all .2s ease-in-out;
      visibility: hidden;
      opacity: 0;
      font-size: 25px;
  }

  .imageoverlay:hover:before,
  .imageoverlay:hover:after {
      visibility: visible;
      opacity: 1;
      transition: all .5s ease-in-out;
  }

  @media(max-width: 990px) {
      .masonry_main {
          column-count: 3;
      }
  }

  @media(max-width: 768px) {
      .masonry_main {
          column-count: 2;
      }
  }

  @media(max-width: 500px) {
      .masonry_main {
          column-count: 1;
      }
  }

  section.outer_box.moreimages {
      background: #e5d8bf;
  }

  /* Gallery Masenary End  */

  /*=============================*/
  /* Event End  */
  /*=============================*/
  .ashokChakra {
      position: absolute;
      opacity: 0.5;
      width: 120px;
  }

  .ashok1 {
      bottom: 70px;
      left: 210px;
  }

  .ashok2 {
      bottom: 30px;
      right: 210px;
  }

  .ashok3 {
      bottom: 30px;
      left: 62px;
      z-index: -1;
  }

  .team-wrapper {
      display: grid;
      gap: 30px;
      grid-template-columns: repeat(2, 1fr);
  }

  .team-box {
      position: relative;
      display: grid;
      grid-template-columns: 40% 1fr;
      background: #fff;
      padding: 20px;
      border-radius: 15px;
      column-gap: 15px;
      row-gap: 15px;
      box-shadow: 0px 0px 10px #00000030;
  }

  .team-box .thumb {
      border: 1px solid #d27d31;
      transition: all 0.5s;
      position: relative;
      overflow: hidden;
      padding: 10px;
      background: #d27d3124;
      border-radius: 15px;
  }

  .team-box:hover .thumb {
      border-color: #cb6b15;
  }

  .team-box .thumb:after {
      content: "";
      position: absolute;
      width: 200%;
      height: 0%;
      left: 50%;
      top: 50%;
      background-color: rgba(255, 255, 255, 0.3);
      transform: translate(-50%, -50%) rotate(-45deg);
      z-index: 1;
  }

  .team-box:hover .thumb:after {
      height: 250%;
      transition: all 600ms linear;
      background-color: transparent;
  }

  .team-box .thumb img {
      width: 100%;
      height: 100%;
      border-radius: 15px;
  }

  .team-box .content {
      background-color: #cc6b15e0;
      padding: 20px 22px;
      transition: all 0.5s;
      z-index: 1;
      border-radius: 10px;
  }

  .team-box:hover .content {
      background-color: #a15512;
  }

  .team-box .name {
      font-weight: 700;
      font-size: 20px;
      line-height: normal;
      text-transform: capitalize;
      transition: all 0.3s;
      margin-bottom: 15px;
      color: #fff;
  }

  .team-box:hover .name {
      color: #ffffff;
  }

  .team-box .post {
      font-weight: 500;
      font-size: 17px;
      line-height: 27px;
      display: inline-block;
      color: #fff;
      transition: all 0.5s;
  }

  .team-box:hover .post {}

  .team-box .social {
      position: absolute;
      bottom: 28px;
      right: 20px;
      z-index: 1;
  }

  .team-box .social .social-link {
      display: flex;
      flex-direction: column;
      gap: 8px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%) scale(0.2);
      transform-origin: bottom;
      opacity: 0;
      transition: all 0.5s;
  }

  .team-box .social .social-link a {
      width: 35px;
      height: 35px;
      background-color: #ffffff;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fa5e07;
  }

  .team-box .social .share-icon {
      width: 35px;
      height: 35px;
      background-color: #fa5e07;
      color: #ffffff;
      border-radius: 50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: all 0.5s;
  }

  .team-box:hover .social .share-icon {
      background-color: #020202;
  }

  .bordRad img {
      border-radius: 5px;
  }

  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
      background-color: #bf6514;
      color: #fff;
  }

  .services_page .nav-pills {
      row-gap: 7px;
  }

  .trainingMethodologies ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      padding: 0;
      margin-top: 20px;
      gap: 15px;
  }

  .trainingMethodologies ul li {
      background: #0b1f3a;
      color: #fff;
      border-radius: 10px;
      list-style: none;
      height: 70px;
      display: flex;
      align-items: center;
      padding: 15px;
      font-size: 18px;
  }

  .trainingMethodologies ul li {
      border-left: 4px solid #f58220;
  }

  .trainingMethodologies ul li img {
      margin-right: 15px;
  }




  /* Chakra Animation  */
  @keyframes rotate {
      from {
          transform: rotate(0deg);
      }

      to {
          transform: rotate(360deg);
      }
  }

  .rotate {
      animation-name: rotate;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
  }

  .chakra_fixed_right {
      position: absolute;
      top: 50%;
      right: -25%;
      transform: translateY(-50%);
      width: 50vw;
      z-index: -1;
      opacity: 0.2;
  }

  .chakra_fixed_right img {
      width: 100%;
      height: auto;
  }

  .chakra_fixed_left {
      position: absolute;
      top: 50%;
      left: -25%;
      transform: translateY(-50%);
      width: 50vw;
      z-index: -1;
      opacity: 0.2;
  }

  .chakra_fixed_left img {
      width: 100%;
      height: auto;
  }


  /* Chakra Animation End  */


  .mw-100 {
      max-width: 100%;
  }

  .op-7 {
      opacity: 0.78;
  }


  .text-primary {
      color: #cb6b15 !important;
  }


  .text-justify {
      text-align: justify !important;
  }


  .text-primary-dark {
      color: #7f5127 !important;
  }

  .bg_dark {
      background-color: rgb(27 20 15) !important;
  }

  ul.mylist.icon2 li:before {
      content: "\ea6b";
  }

  .committee_sec {
      background-position: right;
      background-attachment: fixed;
  }

  .bg-repeat {
      background-repeat: repeat;
  }

  .whychoose_box h2.main-title span {
      font-weight: 500;
      font-size: 25px;
  }

  .whychoose_box img {
    width: 128px;
    margin: auto;
  }

  /* ============ BRANDS ============ */
  .brand-card {
      background: #111111;
      border-radius: 15px;
      overflow: hidden;
      position: relative;
      height: 400px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      border: 1px solid rgb(255 255 255 / 42%);
  }

  .brand-card .brand-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      transition: transform .7s cubic-bezier(.19, 1, .22, 1);
  }

  .brand-card:hover .brand-bg {
      transform: scale(1.1);
  }

  .brand-card .brand-shade {
    position: absolute;
    inset: 0;
    /* background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, .55) 45%, rgba(10, 9, 7, .96) 100%); */
    /* background-image: linear-gradient(to top, #000000bd, #000000bd, #0000006e, transparent, transparent); */
    background-image: linear-gradient(to top, #000000bd, #000000bd, #0000006e, transparent, transparent, transparent, transparent);
  }

  .brand-body {
      position: relative;
      z-index: 2;
      padding: 18px 18px;
      color: #fff;
  }
  .consumerBrandsSec .brand-body{z-index: 0;}

  .brand-cat {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: #E9CC6F;
      font-weight: 500;
  }

  .brand-card h3 {
      font-size: 23px;
      margin: 8px 0 15px;
      letter-spacing: 1px;
  }

  .brand-body p {
      color: rgba(255, 255, 255, .72);
      font-size: 13.5px;
      margin-bottom: 12px;
      display: none;
  }

  .brand-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
  }

  .brand-tags span {
      font-size: 13px;
      padding: 5px 11px;
      border-radius: 20px;
      border: 1px solid rgb(255 255 255 / 27%);
      color: #ffffff;
      background: #ffffff17;
  }


  .blur_overlay {
      position: relative;
  }

  .blur_overlay:before {
      content: "";
      position: absolute;
      background: #4e616273;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* backdrop-filter: blur(2px); */
  }


  h1.headline span.blue {
      /* color: #0851dd; */
  }

  h1.headline span.red {
      /* color: #ea0505; */
  }


  /* Owl Nav  */
  .owlnav .owl-nav {
      margin: 0;
  }

  .owlnav {
      position: relative;
  }

  .owlnav .owl-nav button {
      background: #00000099 !important;
      width: 35px;
      height: 35px;
      display: flex !important;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      border-radius: 5px;
      color: #fff !important;
      transition: 0.5s ease-in-out all;
  }

  .owlnav .owl-nav button.owl-prev {
      left: 10px;
  }

  .owlnav .owl-nav button span {
      font-size: 25px;
      height: 100%;
      display: flex;
      align-items: center;
      transform: translateY(-3px);
  }

  .owlnav .owl-nav button:hover {
      color: #fa0d0d !important;
      background: #ffffff !important;
      transition: 0.5s ease-in-out all;
  }

  .owlnav.navgrey .owl-nav button:hover {
      background: #ddd !important;
  }

  /* Owl Nav End  */

  .focus-item:last-child {
      border: 0;
  }

  .gradient-text {
      background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;

      /* Standard property (supported in modern browsers) */
      background-clip: text;
      color: transparent;
  }

  .aboutSec p{
    text-align:justify;
    font-size:17px;
  }
  .aboutRow{margin-top:40px;}
  .radius-15{border-radius:15px;}

  .headTob{
    height:400px;
  }
  .headTob h1.headline {
    /* font-size: clamp(2.8rem, 4.2vw, 3.9rem);     */
    font-size: clamp(2.2rem, 3.2vw, 2.9rem);
  }
  .aboutSec > .row{z-index:1;position: relative;align-items: center;}
  .aboutImg img {width: 100%;}
  
  .techBox{
    background:#fff;
    height:100%;
    padding:30px;
    border-radius:15px;
  }
  .technicalPartners .row{z-index:1;position: relative;}
  .techBox img {
      width: 150px;
      margin:0 auto;
      margin-bottom: 15px;
      transition:all 0.5s ease;
    }
    .techBox:hover img {
        transform: translateY(-5px);
    }
  .techBox{text-align:center;}



.productBox {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  height: 100%;
  padding: 15px;
  border-radius: 15px;
}
.productBox h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0;
}
.productBox h5 {
    margin: 9px 0;
    font-size: 16px;
    font-weight: 800;
}
.productCategories .row { row-gap: 25px; }

.houseSpice .brand-card p{
    color: #fff;
    text-align: justify;
    display:block;
}
.contact-form {
    background: #fff;
    padding: 45px;
    border-radius: 20px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}
.contact-form input, .contact-form select, .contact-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 18px;
    outline: none;
    transition: .3s;
}
.contact-form textarea {
    resize: none;
}
.contact-form button {
    width: 100%;
    border: none;
    cursor: pointer;
    padding: 14px;
    border-radius: 15px;
}
.btn-green, .btn-dark {
    position: relative;
    overflow: hidden;
}
.btn-green:hover {
    background:#ecc331;
    /* transform: translateY(-4px); */
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
}
.contactPage{background: #f7f7f7;}

.contact-info span {
    color:#ecc331;
    font-weight: 700;
    letter-spacing: 3px;
}
.contact-info h2 {
    font-size: 46px;
    margin: 18px 0 35px;
    color: #111111;
}
.contact-item {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
    align-items: flex-start;
}
.contact-item i {
    width: 60px;
    height: 60px;
    background:#222222;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}
.contact-item h4 {
    margin-bottom: 6px;
}
.contact-item p {
    color: #666666;
}
.listStyle li{position: relative;padding-left: 22px;}
.listStyle li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/cicle.png);
    background-size: 100%;
    width: 15px;
    height: 15px;
}
.projectInnBox {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 15px;
    border-radius: 7px;
    height:100%;
    text-align: center;
    transition:all 0.5s ease;
}
.projectInnBox:hover{transform:translateY(-5px);background: #222222;}
.projectInnBox h5 {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    min-height: 45px;
    transition:all 0.5s ease;
}
.projectInnBox span{background:var(--amber);padding:5px 10px;color: #000;border-radius:5px;margin-bottom:5px;display:block;text-align: center;font-weight: 700;}
.projectInnBox p{text-align:center;font-size: 13px;}
.projectInnBox:hover,.projectInnBox:hover h5{color:#fff;}

.mediaRoom .card{border-radius:15px;overflow:hidden;}
.mediaRoom .row{row-gap:25px;}
.aboutExperience { display: flex; justify-content: end; padding-right: 10%; }
.aboutExperience img { width: auto; }
.house-card{
    background:#fff;
    border-radius:15px;
    padding:15px;
}
.house-card .brand-body{padding:0;}
.house-card ul li{text-align:justify;}
.house-card h3 {color: #000;font-size: 23px;font-weight: 700;}
.house-card p{color:#000;text-align: justify;}
.house-card img {border-radius: 10px;width:100%;}
.managingDirector h3{color: #ecc331;margin-bottom: 15px;}
.managingDirector h4{margin-bottom: 15px;}
.managingDirector p{text-align:justify;font-size:17px;}
.experienceBox img {width: 100px;}
.rockExMenu{display:flex;gap:10px;}
.inTitle {font-size: 31px;margin-bottom: 30px;}
.headTob .hero-content{grid-template-columns: 1.5fr;}
.rockmanBox h2{color:#fff;}
.rockmanBox p{text-align: justify;font-size: 17px;color:#fff;}
.rockmanSec p{font-size: 17px;text-align: justify;}
.rockmanBox.blur_overlay:before,.managingDirector.blur_overlay:before{display:none;}
.productBox a{display:inline-block;margin-top: 15px;}
.rockmanBox .house-card p{color:#000!important;}
.prodRow{row-gap: 25px;}
.house-card .row {
    row-gap: 11px;
}
.house-card{height: 100%;}
li.dropdown input[type="radio"] {display: none;}
.brandTag { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
/* .brandSlider img{aspect-ratio:2/3;} */
.owl-dots{position:absolute;bottom:0;width: 100%;}
.owl-prev, .owl-next { position: absolute; bottom: 0; width: 30px; height: 30px; background: #222222 !important; top: 50%;color:#fff!important;transition:all 0.5s ease;}
.owl-prev{left:0;} 
.owl-next{right:0;}
.owl-prev:hover, .owl-next:hover{background:var(--amber)!important;}
.footer-top .logo {width: 128px;display: block;}
.pagination { display: flex; justify-content: center; }
.page-link{background:var(--charcoal)!important;color:#fff;font-size: 17px;width: 48px; text-align: center;}
.page-link:hover{background:var(--amber)!important;color:#000;}
.page-link:focus{box-shadow:none;color:#000;background:var(--amber)!important;}
.page-link.disabled{background:#434242!important;color:#fff;}
@media only screen and (max-width:1140px){
    .hero-content{padding: 0 2%;}
}
@media only screen and (max-width:1024px){
    /* h1.headline{} */
}
@media only screen and (max-width:992px){}
@media only screen and (max-width:991px){
    .event_grid{grid-template-columns: 1fr;} 
    section {padding:40px 0;}   
    .aboutImg img {width:auto;}
    .aboutSec .row,.managingDirector .row,.tecRow{row-gap:30px;}
    .infrastructureSec .row,.rockParTwo .row{flex-direction:column-reverse;}
    .contact-form{padding: 15px;}
    nav.links{position:fixed!important;left: -100%!important;top:0!important;height:100%;width: 50%;align-items: start;-webkit-font-smoothing: antialiased;;transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);padding:0!important;}
    nav.links.active{left:0%!important;}
    nav.links > ul{margin-top:45px;flex-direction: column;gap:0;}
    nav.links ul,nav.links ul li,nav.links a{width:100%;}
    nav.links ul li a { border-bottom: 1px solid #454545;padding: 10px 20px; position: relative; display: flex;justify-content: space-between;}
    li.dropdown>ul {position: static;background: transparent;border-top:none;}
    li.dropdown>ul li a,li.dropdown>ul>li:last-child>a{color:#fff;border-bottom:none;border-bottom: 1px solid #454545;}    
    li.dropdown input[type="radio"] {display: inline-block;position: absolute;left:0;top: 3px;opacity:0;z-index:2;}   
    li.dropdown>ul{transform: unset;display: none;}
    /* li.dropdown input:checked ~ ul {visibility:visible;} */ 
    .dropdown:has(input[type="radio"]:checked) > ul {display: block;}
    li.dropdown>ul li a{padding-left:40px;}
}
@media only screen and (max-width:767px){
    .footer-top {grid-template-columns: 1fr;gap: 10px;}
    .contact-info h2 {font-size:35px;}
}
@media only screen and (max-width:678px){
    .hero-media{background-size: cover;}
    .outer_box .about-copy .title_logo {display:block!important;}
    .outer_box .about-copy .title_logo img{width:auto!important;}
    ul.event_main{grid-template-columns: 1fr 1fr;}
    footer p.blurb{max-width: 100%;}
    .footer-bottom{justify-content: center;}
    .headTob .hero-eyebrow .dash{display:none;}
    .headTob h1.headline{font-size: clamp(1.7rem, 4.2vw, 3.9rem);}
}
@media only screen and (max-width:576px){
    nav.links{width: 100%;}
    ul.event_main {grid-template-columns: 1fr;}
    .experienceBox img {width: 60px;}
    .logo img {width: 90px;}
    .inTitle {font-size: 30px;}
    .contact-info h2 {font-size: 30px;}
}
@media only screen and (max-width:481px){}
@media only screen and (max-width:320px){}