:root{
    --navy: #101d3f;
    --navy-2: #16244d;
    --gold: #c9973f;
    --gray-text: #5b6472;
    --cream: #f7f0e6;
  }
  *{box-sizing:border-box;}
  body{
    font-family: 'Inter', sans-serif;
    background:#ffffff;
    color:#1c2333;
  }
  a{ text-decoration:none; }
  .eyebrow{
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--navy);
    text-transform: uppercase;
  }

  p{
    font-size: 17px;
  }

  .section-title{
    font-weight: 800;
    color: var(--navy);
    letter-spacing: -0.01em;
  }
.clr {
    clear: both;
}



.header {
    padding: 15px 50px;
    width: 100%;
    border-bottom: 1px solid #eef0f4;
}


.logo img {
    width: 250px;
}

.menu {
    margin: 27px 0 0;
}

.top-articno a {
    /* text-align: right; */
    margin-top: 20px;
    color: #ffffff;
    font-size: 18px;
    background-image: linear-gradient(to right, #101d3f, #101d3f);
    text-align: center;
    width: 58%;
    padding: 13px;
    border-radius: 10px;
    font-weight: 600;
    float: right;
    text-transform: uppercase;
    height: 51px;
    box-shadow: 0px 10px 40px #1BA54840;
}

.menu-icon {
    position: absolute;
    top: 48px;
    right: 163px;
    z-index: 99999;
}

.menu-icon img {
    width: 39px;
}

.back-top-bottom {
    position: absolute;
    right: 10%;
    bottom: 0;
    border: 1px solid #fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    padding: 20px 25px;
    animation: UpDown 1s linear infinite;
    margin-bottom: 57px;
}


#main-nav li.active a {
    color: #D50000; /* Replace with your color */
}




 /* ---------- HERO ---------- */
 
/*  .hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #fff;
     background: url(../images/banner-bg.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}*/

.hero {
    width: 100%;
    height: auto;
    min-height: 750px;

    display: flex;
    align-items: center;

    background: url("../images/banner-bg.png") no-repeat center center;
    background-size: 100% 100%;

    position: relative;
    overflow: hidden;
}

/* Tablet */
@media (max-width: 991px) {
    .hero {
        min-height: 550px;
    }
}

    .hero-content {
      padding: 70px 30px 70px 8%;
      position: relative;
      z-index: 2;
    }

    .hero-title {
      font-family: "Playfair Display", serif;
      font-size: clamp(42px, 5vw, 68px);
      line-height: 1.02;
      font-weight: 700;
      margin-bottom: 20px;
      color: var(--navy);
    }

    .hero-subtitle {
      color: var(--gold);
      font-family: "Playfair Display", serif;
      font-size: clamp(24px, 2.5vw, 34px);
      line-height: 1.15;
      margin-bottom: 30px;
    }

    .hero-text {
      max-width: 500px;
      font-size: 17px;
      line-height: 1.65;
      color: #172544;
      margin-bottom: 35px;
    }

    .btn-primary-custom {
      background: var(--navy);
      border: 1px solid var(--navy);
      color: #fff;
      border-radius: 2px;
      padding: 14px 20px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .02em;
      transition: .3s ease;
    }

    .btn-primary-custom:hover {
      background: #102d6c;
      border-color: #102d6c;
      color: white;
      transform: translateY(-2px);
    }

    .btn-outline-custom {
      background: white;
      color: var(--navy);
      border: 1px solid #9aa6b9;
      border-radius: 2px;
      padding: 14px 20px;
      font-size: 13px;
      font-weight: 700;
      transition: .3s ease;
    }

    .btn-outline-custom:hover {
      background: var(--navy);
      color: white;
    }

    .arrow {
      margin-left: 12px;
      font-size: 16px;
    }

    /* Right image */
    .hero-visual {
      min-height: 650px;
      height: 100vh;
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(
          90deg,
          #fff 0%,
          rgba(255,255,255,.85) 8%,
          rgba(255,255,255,0) 28%
        ),
        url("/mnt/data/e4102bd0-06dc-422a-8207-070d3e7bdd01.png") center / cover no-repeat;
    }

    /*
      The uploaded reference image is used as the visual source.
      The following overlay recreates the clean white fade between
      the text and image.
    */
    .hero-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
        90deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,.7) 8%,
        rgba(255,255,255,0) 30%
      );
      pointer-events: none;
    }

    /* TVS circle */
    .tvs-logo {
      position: absolute;
      z-index: 3;
      left: 38%;
      top: 42%;
      width: 72px;
      height: 72px;
      border-radius: 50%;
      background: var(--navy);
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: Georgia, serif;
      font-size: 22px;
      box-shadow: 0 8px 25px rgba(7,28,77,.15);
    }

    .profile {
      position: absolute;
      z-index: 4;
      width: 62px;
      height: 62px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #d8dee8;
      box-shadow: 0 4px 15px rgba(0,0,0,.08);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .profile span {
      font-size: 9px;
      color: var(--navy);
      line-height: 1.2;
      position: absolute;
      top: 65px;
      width: 100px;
    }

    .profile-1 {
      top: 8%;
      left: 31%;
    }

    .profile-2 {
      top: 32%;
      left: 20%;
    }

    .profile-3 {
      bottom: 17%;
      left: 57%;
    }

    .profile-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #e9edf2;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
    }

    /* Decorative connection lines */
    .line {
      position: absolute;
      z-index: 2;
      height: 1px;
      background: rgba(76,123,174,.28);
      transform-origin: left center;
    }

    .line-1 {
      width: 150px;
      left: 27%;
      top: 24%;
      transform: rotate(-30deg);
    }

    .line-2 {
      width: 125px;
      left: 26%;
      top: 40%;
      transform: rotate(8deg);
    }

    .line-3 {
      width: 190px;
      left: 40%;
      top: 47%;
      transform: rotate(38deg);
    }

    /* Mobile */
    @media (max-width: 991px) {
      .hero {
        min-height: auto;
      }

      .hero-content {
        padding: 60px 30px;
      }

      .hero-visual {
        height: 550px;
        min-height: 550px;
      }
    }

    @media (max-width: 575px) {
      .hero-content {
        padding: 45px 22px;
      }

      .hero-title {
        font-size: 43px;
      }

      .hero-subtitle {
        font-size: 24px;
      }

      .hero-text {
        font-size: 15px;
      }

      .hero-buttons {
        flex-direction: column;
        align-items: stretch !important;
      }

      .hero-buttons .btn {
        width: 100%;
      }

      .hero-visual {
        height: 400px;
        min-height: 400px;
        background-position: center;
      }

      .tvs-logo {
        left: 43%;
        top: 43%;
        width: 60px;
        height: 60px;
        font-size: 18px;
      }

      .profile-1 {
        left: 28%;
      }

      .profile-2 {
        left: 12%;
      }

      .profile-3 {
        left: 60%;
      }
    }



  /* ---------- VALUE ICONS ---------- */
  .values-section{ padding: 80px 0; }
 .values-heading {
    text-align: center;
    font-weight: 800;
    font-size: 1.9rem;
    letter-spacing: 0.04em;
    color: var(--navy);
    margin-bottom: 14px;
}
  .value-item{ text-align:center; padding: 0 12px; }
  .value-icon{
    width: 56px; height:56px;
    margin: 0 auto 16px;
    color: var(--gold);
  }
  .value-item h4 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 8px;
}
  .value-item p{
    font-size: 0.8rem;
    color: var(--gray-text);
    line-height: 1.5;
  }

  /* ---------- TIMELINE (navy) ---------- */
  .timeline-section {
    background: var(--navy);
    color: #fff;
    padding: 120px 0;
}
  .timeline-section h2{
    font-weight: 800;
    font-size: 2.1rem;
    line-height: 1.15;
  }
  .timeline-section .lead-gold{
    color: var(--gold);
    font-weight: 600;
    font-size: 0.95rem;
    margin-top: 14px;
    max-width: 230px;
  }
.btn-outline-light-tvs {
    margin-top: 24px;
    border: 1.5px solid #ffffff80;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    padding: 11px 20px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}
  .btn-outline-light-tvs:hover{ background:#ffffff15; color:#fff; }

  .timeline-track{
    position: relative;
    display:flex;
    justify-content: space-between;
    margin-top: 6px;
  }
  .timeline-track::before{
    content:"";
    position:absolute;
    top: 34px;
    left: 34px;
    right: 34px;
    height: 1px;
    background: var(--gold);
    opacity: 0.5;
  }
  .tl-item{
    position:relative;
    text-align:center;
    flex: 1;
    padding: 0 4px;
  }

  .tl-item img{
    width: 68px; height: 68px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--gold);
    margin-bottom: 14px;
 --scale: 1;
  --transition-duration: 250ms;
  scale: var(--scale);
  transition:
    scale 
    var(--transition-duration) 
    ease-in-out;
  }
    .tl-item img:hover {
  --scale: 1.1;
}
 .tl-item .yr {
    color: var(--gold);
    font-weight: 800;
    font-size: 1.35rem;
    margin-bottom: 6px;
}
  .tl-item p{
    font-size: 0.99rem;
    color: #cfd6e8;
    line-height: 1.45;
  }

  /* ---------- SOLUTIONS ---------- */
  .solutions-section{ padding: 64px 0; }
  .solutions-section .section-title{
    text-align: center;
    font-weight: 800;
    font-size: 1.9rem;
    letter-spacing: 0.04em;
    color: var(--navy);
    margin-bottom: 44px;
  }
  .solutions-section .eyebrow{ text-align:center; display:block; margin-bottom:10px; }
  .sol-card{
    border: 1px solid #ececf1;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    background:#fff;
    transition: box-shadow .2s ease;
  }
  .sol-card:hover{ box-shadow: 0 16px 30px -18px rgba(16,29,63,0.25); }
  .sol-card img{ width:100%; height: 170px; object-fit: cover; display:block; 

-webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;

  }

    .sol-card img:hover{
      -webkit-transform: scale(1.3);
  transform: scale(1.3);
    }
  .sol-card .body{ padding: 20px; position:relative; }
  .sol-badge{
    width: 40px; height:40px;
    border-radius: 50%;
    display:flex; align-items:center; justify-content:center;
    color:#fff;
    margin-top: -40px;
    margin-bottom: 12px;
    border: 3px solid #fff;
    font-size: 1rem;
  }
  .sol-card h5{
    font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 8px;
  }
  .sol-card p{
    font-size: 0.82rem; color: var(--gray-text); line-height: 1.55; min-height: 62px;
  }
  .learn-more{
    font-size: 0.74rem; font-weight: 700; letter-spacing: 0.04em;
    color: var(--navy);
  }

  /* ---------- PROOF / STATS ---------- */
  .proof-section{
    background: var(--cream);
    padding: 56px 0;
  }

.result-icon.blue {
    color: #55789d;
    background: #f5f8fb;
    border: 1px solid #a9bfd4;
}
.result-icon.green {
    color: #78945c;
    background: #f5f8f0;
    border: 1px solid #c2d0af;
}

.result-icon.blue-light {
    color: #4d80ae;
    background: #f3f7fb;
    border: 1px solid #aec6dc;
}

.result-icon.orange {
    color: #c58c57;
    background: #fff8f0;
    border: 1px solid #e5c5a1;
}
.result-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 1;
      --scale: 1;
  --transition-duration: 250ms;
  scale: var(--scale);
  transition:
    scale 
    var(--transition-duration) 
    ease-in-out;
}

.result-icon:hover {
  --scale: 1.1;
}

.result-icon i{
font-size: 30px;
}



  .proof-section .eyebrow{ color: var(--gold); }
  .proof-section h2{
    font-weight: 800;
    color: var(--navy);
    font-size: 1.9rem;
    line-height: 1.2;
  }
  .proof-section .desc{
    color: var(--gray-text);
    font-size: 0.85rem;
    max-width: 280px;
    margin-top: 12px;
  }
  .btn-outline-navy-sm{
    margin-top: 18px;
    border: 1.5px solid var(--navy);
    color: var(--navy);
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    padding: 10px 18px;
    border-radius: 4px;
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
  .btn-outline-navy-sm:hover{ background: var(--navy); color:#fff; }
.stat-item {
    text-align: -webkit-center;
    padding: 0 8px;
}
  .stat-num{
    font-weight: 800;
    font-size: 1.7rem;
    color: var(--navy);
  }
  .stat-item.green .stat-num{ color:#3f7a4e; }
  .stat-item.blue .stat-num{ color:#2f6fb0; }
  .stat-item.rust .stat-num{ color:#b0602f; }
  .stat-label{
    font-size: 1.0rem;
    font-weight: 700;
    color: #333c4d;
    margin-top: 4px;
  }
  .stat-cta{
    display:block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    margin-top: 8px;
    color: var(--navy);
  }

  /* ---------- PARTNERS ---------- */
  .partners-section{
    padding: 80px 0;
    border-bottom: 1px solid var(--border);
  }
  .partners-eyebrow{
text-align: center;
    font-weight: 800;
    font-size: 1.9rem;
    letter-spacing: 0.04em;
    color: var(--navy);
    margin-bottom: 44px;
  }
  .partners-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    row-gap: 1.75rem;
    column-gap: clamp(1.5rem, 4vw, 3.5rem);
  }
  .partner-logo{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color: var(--ink);
    filter: grayscale(0%);
    transition: opacity .2s ease;
  }
  .partner-logo:hover{ opacity:.75; }

.brand-name {
    font-weight: 800;
    line-height: 1;
    font-size: clamp(3rem, 8.6vw, 2.35rem);
}
  .brand-sub{
    font-size: 0.65rem;
    color: var(--muted);
    font-weight: 500;
    margin-top: 2px;
    line-height:1.2;
  }

  /* Individual brand styling (approximated, not exact logos) */
  .brand-zoom{ color:#2D8CFF; font-family: Arial, sans-serif; }
  .brand-zoom .brand-sub{ color:#1f2430; }

  .brand-ms{ font-family: 'Segoe UI', Arial, sans-serif; display:flex; align-items:center; gap:8px; }
  .ms-grid{ display:grid; grid-template-columns: repeat(2,9px); grid-template-rows: repeat(2,9px); gap:2px; }
  .ms-grid span{ display:block; width:9px; height:9px; }
  .ms-grid span:nth-child(1){ background:#F35325; }
  .ms-grid span:nth-child(2){ background:#81BC06; }
  .ms-grid span:nth-child(3){ background:#05A6F0; }
  .ms-grid span:nth-child(4){ background:#FFBA08; }
  .ms-text{ text-align:left; }
  .ms-text .brand-name{ font-size:1.05rem; font-weight:600; }
  .ms-text .brand-sub{ margin-top:0; text-align:left; }

  .brand-echo{ font-family: Georgia, 'Times New Roman', serif; }
  .brand-echo .brand-name{ font-weight:800; letter-spacing:0.5px; }
  .brand-echo .brand-sub{ font-family: Arial, sans-serif; font-style:italic; letter-spacing:0.2em; }

  .brand-sky{ font-family: Arial, sans-serif; font-weight:600; display:flex; align-items:center; gap:6px; }
  .brand-sky .diamond{ width:10px; height:10px; background:#2D8CFF; transform:rotate(45deg); display:inline-block; }

  .brand-buzz{ font-family: Arial, sans-serif; font-weight:900; font-style:italic; }
  .brand-buzz .brand-name{ letter-spacing:0.5px; }
  .brand-buzz .brand-sub{ text-transform:uppercase; letter-spacing:0.15em; font-weight:700; margin-top:-2px; }

  .brand-visla{ font-family: 'Trebuchet MS', Arial, sans-serif; color:#00A3E0; font-weight:700; font-style:italic; }

  .brand-more{ color: var(--muted); font-size:0.85rem; font-weight:500; }

  @media (max-width: 575.98px){
    .partners-row{ column-gap: 1.75rem; row-gap: 1.5rem; }
    .brand-name{ font-size: 1rem; }
  }

  /* ---------- KNOWLEDGE CENTER ---------- */
  .knowledge-section{
    background:#f7f8fa;
    padding: 64px 0;
  }
  .knowledge-section .section-title{
    text-align:center; font-size: 1.9rem; margin-bottom: 8px;
  }
  .knowledge-section .eyebrow{ text-align:center; display:block; margin-bottom:10px; }
.knowledge-section .sub-desc {
    text-align: center;
    color: var(--gray-text);
    font-size: 1.19rem;
    max-width: 560px;
    margin: 0 auto 36px;
}
  .know-card{
    background:#fff;
    border-radius: 8px;
    overflow:hidden;
    border: 1px solid #ececf1;
    height:100%;
  }
  .know-card img{ width:100%; height:170px; object-fit:cover; display:block; 
  --scale: 1;
  --transition-duration: 250ms;
  scale: var(--scale);
  transition:
    scale 
    var(--transition-duration) 
    ease-in-out;
  }

  .know-card img:hover{ 
--scale: 1.1;
  }



  .know-card .body{ padding: 16px 18px; }
  .know-card h6{ font-size: 1.12rem; font-weight:700; color:var(--navy); margin-bottom:6px; }
  .know-card p{ font-size: 0.99rem; color: var(--gray-text); line-height:1.5; min-height: 54px; }
  .know-link{ font-size: 0.72rem; font-weight:700; letter-spacing:0.03em; }

  /* ---------- FINAL CTA ---------- */
  .final-cta{
    background: var(--navy);
    color:#fff;
    padding: 56px 0;
  }
  .final-cta img.founder{
    width: 100%;
    max-width: 220px;
    border-radius: 8px;
    object-fit: cover;
  }
  .final-cta h2{
    font-weight: 800;
    font-size: 1.7rem;
  }
  .final-cta .gold-line{
    color: var(--gold);
    font-weight: 700;
    font-size: 1.05rem;
    margin-top: 6px;
  }
  .final-cta p.desc{
    color: #cfd6e8;
    font-size: 0.9rem;
    margin-top: 12px;
    max-width: 420px;
  }
  .final-cta .cta-row{ margin-top: 24px; }
  .btn-gold{
    background: var(--gold); color: var(--navy); font-weight: 700; font-size: 0.78rem;
    padding: 13px 20px; border-radius: 4px; display:inline-flex; align-items:center; gap:8px;
  }
  .btn-outline-light-cta{
    border: 1.5px solid #ffffff70; color:#fff; font-weight: 700; font-size: 0.78rem;
    padding: 13px 20px; border-radius: 4px; display:inline-flex; align-items:center; gap:8px;
  }
  .final-cta blockquote{
    font-size: 0.92rem;
    line-height: 1.6;
    color: #e7eaf3;
    border-left: 2px solid var(--gold);
    padding-left: 18px;
  }
  .final-cta .quote-attr{
    margin-top: 14px;
    font-size: 0.78rem;
    color: #9aa3b8;
  }
  .final-cta .quote-mark{
    font-size: 2.2rem;
    color: var(--gold);
    line-height: 1;
  }

  @media (max-width: 991px){
    h1.headline{ font-size: 2rem; }
    .hero-visual-img{ margin-top: 32px; }
    .timeline-track{ flex-wrap: wrap; gap: 24px; }
    .timeline-track::before{ display:none; }
    .final-cta img.founder{ margin-bottom: 24px; }
  }


  footer {
    background: #0f1c33;
    color: #9aa5b5;
    font-size: .82rem;
}


/*About TVS Page*/

/* Breadcrumb */
  .breadcrumb-bar{
    font-size:.85rem;
    color:var(--muted);
    padding: .9rem 0;
  }
 .breadcrumb-bar a {
    color: var(--muted);
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
}
  .breadcrumb-bar .current{ color:var(--ink); }

  /* Hero */
  .hero-heading{
    font-weight:700;
    font-size: clamp(2rem, 4vw, 2.75rem);
    color: var(--navy);
    margin-bottom: 1.1rem;
  }
  .hero-lead{
    font-size:1.15rem;
    font-weight:600;
    color: var(--ink);
    line-height:1.5;
  }
  .hero-body{
    color: var(--muted);
    font-size:.98rem;
    line-height:1.7;
  }
  .hero-photo-wrap{
    position:relative;
    border-radius: 14px;
    overflow:hidden;
    aspect-ratio: 4/3.1;
  }
  .hero-photo-wrap img{
    width:100%; height:100%; object-fit:cover; display:block;
  }

  /* Feature cards */
  .feature-card{
    border:1px solid #eceff3;
    border-radius: 10px;
    padding: 1.9rem 1.6rem;
    height:100%;
    background:#fff;
    text-align: center;
  }
  .feature-icon{
    width:46px; height:46px;
    margin-bottom: 1.1rem;
   color: #c59b55;
  }
  .feature-title{
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-weight:700;
    color: var(--navy);
    font-size:1.02rem;
    margin-bottom:.5rem;
  }
  .feature-text{
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    color: var(--muted);
    font-size:.88rem;
    line-height:1.55;
    margin:0;
  }

  /* Story section */
  .story-section{
        background: #101e3f;
    color:#fff;
    padding: 4rem 0 4.5rem;
  }
  .story-heading{
    font-weight:700;
    font-size: clamp(1.6rem, 3vw, 2.1rem);
    margin-bottom: 1rem;
  }
  .story-body{
    color: rgba(255,255,255,.72);
    font-size:.98rem;
    line-height:1.7;
    max-width: 30rem;
  }
  .btn-explore{
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    background: transparent;
    border: 1.5px solid rgba(255,255,255,.55);
    color:#fff;
    font-weight:600;
    font-size:.85rem;
    padding: .7rem 1.4rem;
    border-radius: 4px;
    margin-top: 1.6rem;
    transition: all .2s ease;
    display:inline-block;
    text-decoration:none;
  }
  .btn-explore:hover{ background:#fff; color:var(--navy); }

  .home .timeline{
    display:flex;
    justify-content: space-between;
    align-items:flex-start;
    position:relative;
    margin-top: 1rem;
    flex-wrap: wrap;
    row-gap: 2.2rem;
  }
  .home .timeline::before{
    content:"";
    position:absolute;
    top: 40px;
    left: 5%;
    right: 5%;
    height:1px;
    background: rgba(255,255,255,.18);
    z-index:0;
  }
  .home .timeline-item{
    position:relative;
    z-index:1;
    text-align:center;
    flex: 1 1 18%;
    min-width: 110px;
  }
  .home .timeline-photo{
    width:80px; height:80px;
    border-radius:50%;
    overflow:hidden;
    border: 3px solid rgba(255,255,255,.85);
    margin: 0 auto .9rem;
    box-shadow: 0 6px 18px rgba(0,0,0,.35);
  }
  .home .timeline-photo img{
    width:100%; height:100%; object-fit:cover; display:block;
  }
  .home .timeline-year{
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-weight:700;
    color: var(--orange);
    font-size:1.05rem;
    letter-spacing:.02em;
  }

  @media (max-width: 767.98px){
    .home .timeline{ row-gap: 1.6rem; }
    .home .timeline::before{ display:none; }
    .home .timeline-item{ flex: 1 1 40%; }
  }

  .logo img{
        width: 250px;
  }



  /*contact Page*/

   .contact-section{
    padding: 60px 0;
  }

  .contact-section .section-title{
    color: #14204a;
    font-weight: 700;
    letter-spacing: -0.5px;
  }

  .section-subtitle{
    color: var(--text-muted);
    font-size: 1rem;
  }

  .contact-card{
    background: #fafbfc;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 32px;
  }

  .info-item{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 28px;
  }

  .info-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--navy);
    font-size: 1.05rem;
  }

  .info-label{
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 2px;
    font-size: 0.98rem;
  }

  .info-text, .info-text a{
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.95rem;
  }

  .info-text a:hover{
    color: var(--navy);
    text-decoration: underline;
  }

  .form-card{
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 32px;
    box-shadow: 0 4px 18px rgba(20, 32, 74, 0.06);
  }

  .form-label{
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
  }

  .form-control,
  .form-select{
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 10px 14px;
    font-size: 0.95rem;
  }

  .form-control:focus,
  .form-select:focus{
    border-color: var(--navy);
    box-shadow: 0 0 0 0.2rem rgba(20, 32, 74, 0.12);
  }

  textarea.form-control{
    resize: none;
  }

  .contact-section .btn-send{
    background: #14204a;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 28px;
    font-weight: 600;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s ease;
  }

  .btn-send:hover{
    background: var(--navy-2);
    color: #fff;
  }

  @media (max-width: 767.98px){
    .contact-section{
      padding: 40px 0;
    }
    .form-card, .contact-card{
      padding: 24px;
    }
  }


 /*about page 2*/


   .about-section{
    padding: 60px 0;
  }

 .about-section .section-title{
    color: #14204a;
    font-weight: 700;
    letter-spacing: -0.5px;
  }

  .section-lead{
    color: var(--navy);
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 20px;
  }

  .section-body{
    color: var(--text-muted);
    font-size: 0.98rem;
    line-height: 1.7;
    margin-bottom: 24px;
  }

  .feature-list{
    list-style: none;
    padding: 0;
    margin: 0 0 28px 0;
  }

  .feature-list li{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 0.95rem;
    color: #374151;
  }

  .feature-icon{
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 50%;
    background: rgba(20, 32, 74, 0.08);
    color: var(--navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-top: 2px;
  }

  .btn-watch{
    background: var(--navy);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 26px;
    font-weight: 600;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background 0.2s ease;
  }

  .btn-watch:hover{
    background: var(--navy-2);
    color: #fff;
  }

  .btn-watch .play-circle{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }

  .portrait-wrap{
    position: relative;
  }

  .portrait-wrap img{
    width: 100%;
    height: auto;
    border-radius: 14px;
    display: block;
    object-fit: cover;
  }

  .quote-card{
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(20, 32, 74, 0.14);
    padding: 22px 24px;
    max-width: 320px;
  }

  .quote-card p{
    font-size: 0.92rem;
    font-style: italic;
    color: #374151;
    margin-bottom: 14px;
    line-height: 1.6;
  }

  .quote-author{
    font-weight: 700;
    color: var(--navy);
    font-size: 0.9rem;
    margin-bottom: 0;
  }

  .quote-role{
    color: var(--text-muted);
    font-size: 0.82rem;
  }

  /* Desktop: overlap quote card on bottom-left of image */
  @media (min-width: 768px){
    .quote-card{
      position: absolute;
      left: -30px;
      bottom: -20px;
    }
  }

  /* Mobile: stack quote card below image */
  @media (max-width: 767.98px){
    .about-section{
      padding: 40px 0;
    }
    .quote-card{
      margin-top: 20px;
      max-width: 100%;
    }
    .portrait-col{
      margin-top: 40px;
    }
  }



  
/* Let's Talk Button */
.navbar-nav .lets-talk-menu > a {
    background: #111c4b;
    color: #fff !important;
    padding: 10px 22px !important;
    border-radius: 4px;
    display: inline-block;
    margin-left: 8px;
}

.navbar-nav .lets-talk-menu > a:hover {
    background: #080f30;
    color: #fff !important;
}

 /*Solution page*/


  .hero3{    padding:0;}
  .hero3 h1{
    font-weight:700;
    font-size:clamp(1.9rem,4vw,2.75rem);
    color:var(--navy-deep);
    letter-spacing:-0.01em;
    margin-bottom:.9rem;
  }
  .hero3 .lede{
    font-size:1.02rem;
    font-weight:700;
    color:#1c2340;
    line-height:1.5;
    margin-bottom:.9rem;
  }
  .hero3 .sub{
    color:var(--text-body);
    font-size:.9rem;
    line-height:1.6;
  }
  .hero-media{
    position:relative;
    border-radius:.9rem;
    overflow:hidden;
    min-height:200px;
  }
  .hero-media img{
    width:100%;
    height:100%;
   object-fit: contain;
    display:block;
  }

  .solutions-section3{
    background:#f8f8f8;
    padding:2.25rem 0 3rem;
  }
  .solution-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:.85rem;
    overflow:hidden;
    display:flex;
    flex-direction:row;
    align-items:stretch;
    transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease;
    margin-bottom:1rem;
    padding:.7rem;
    gap:1rem;
  }
  .solution-card:hover{
    box-shadow:0 14px 28px -14px rgba(11,15,40,.18);
    transform:translateY(-1px);
    border-color:#dfe3e6;
  }
.solution-card .img-col {
    flex: 0 0 281px;
    width: 101px;
    border-radius: .6rem;
    overflow: hidden;
    background: var(--navy);
    align-self: stretch;
}
  .solution-card .img-col img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  .solution-card .body-col{
    flex:1;
    min-width:0;
    padding:.15rem .5rem .15rem 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .solution-card h3{
    font-weight:700;
    font-size:28px;
    color:var(--navy-deep);
       margin-bottom: 1.3rem;
  }
  .solution-card p.desc{
    color:var(--text-body);
    font-size:.85rem;
    line-height:1.5;
    margin-bottom:.55rem;
  }
  .feature-list3{
    list-style:none;
    padding:0;
    margin:0 0 .6rem;
    display:flex;
    flex-direction:column;
    gap:.3rem;
  }
  .feature-list3 li{
    font-size:.82rem;
    color:#4a4f5a;
    display:flex;
    align-items:center;
    gap:.5rem;
  }
  .feature-list3 li::before{
    content:"";
    width:7px;height:7px;
    border-radius:50%;
    background:#e0a458;
    flex:0 0 auto;
  }
  .card-footer-row{
    display:flex;
    justify-content:flex-end;
  }
  .learn-more{
    font-size:.83rem;
    font-weight:700;
    color:var(--link);
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:.35rem;
  }
  .learn-more i{transition:transform .2s ease;font-size:.75rem;}
  .learn-more:hover{color:var(--amber);}
  .learn-more:hover i{transform:translateX(3px);}

  @media (max-width:420px){
    .solution-card{padding:.5rem;gap:.6rem;}
    .solution-card .img-col{flex:0 0 68px;width:68px;}
    .solution-card h3{font-size:.95rem;}
  }

  a:focus-visible, button:focus-visible{
    outline:2px solid var(--navy);
    outline-offset:2px;
  }


 #menu-headermenu > li:last-child {
    background-color: #101d3f;
    border-radius: 5px;
}

  #menu-headermenu > li:last-child a{
 color: #fff;
}



/*knowleg Page*/



  .knowledge-section {
            padding: 55px 0 45px;
        }

        .knowledge-wrapper {
            max-width: 1380px;
            margin: 0 auto;
            padding: 0 30px;
        }

        /* =========================
           Heading
        ========================= */

        .knowledge-title {
            margin: 0 0 8px;
            font-family: "Playfair Display", serif;
            font-size: 40px;
            line-height: 1.1;
            font-weight: 700;
            color: #101a3c;
        }

        .knowledge-intro {
            margin: 0 0 25px;
            font-size: 13px;
            line-height: 1.5;
            font-weight: 600;
            color: #1d2742;
        }

        /* =========================
           Main Layout
        ========================= */

        .knowledge-layout {
          /*  display: grid;*/
            grid-template-columns: 150px 1fr;
            gap: 28px;
            align-items: start;
        }

        /* =========================
           Sidebar
        ========================= */

        .resource-menu {
            padding-top: 0;
        }

        .resource-menu a {
            display: block;
            padding: 11px 12px;
            margin-bottom: 4px;
            border-radius: 5px;
            color: #26314a;
            text-decoration: none;
            font-size: 10px;
            font-weight: 600;
            transition: .2s ease;
        }

        .resource-menu a:hover {
            background: #f0f3f9;
        }

        .resource-menu a.active {
            background: #101f50;
            color: #fff;
        }

        /* =========================
           Cards Grid
        ========================= */

        .resources-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px 15px;
        }

        .resource-card {
            background: #fff;
            border: 1px solid #e5e8ed;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 12px rgba(19, 42, 72, .06);
            transition: all .25s ease;
        }

        .resource-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 22px rgba(19, 42, 72, .11);
        }

        /* =========================
           Card Image
        ========================= */

        .resource-image {
            position: relative;
            width: 100%;
            height: 255px;
            overflow: hidden;
        }

        .resource-image img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }

        /* Label */

        .resource-label {
            position: absolute;
            left: 12px;
            bottom: 0;
            transform: translateY(50%);
            padding: 5px 9px;
            background: #fff;
            border-radius: 4px;
            color: #142765;
            font-size: 7px;
            font-weight: 700;
            text-transform: uppercase;
            box-shadow: 0 2px 6px rgba(0,0,0,.08);
        }

        /* =========================
           Card Content
        ========================= */

        .resource-content {
            padding: 16px 15px 13px;
        }

        .resource-title4 {
            margin: 0 0 7px;
            color: #121e41;
            font-size: 18px;
            line-height: 1.3;
            font-weight: 700;
        }

        .resource-text {
            margin: 0 0 12px;
            color: #687181;
            font-size: 15px;
            line-height: 1.55;
        }

        .resource-link {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            color: #142c72;
            font-size: 16px;
            font-weight: 700;
            text-decoration: none;
        }

        .resource-link:hover {
            color: #0d55a0;
        }

        .resource-link span {
            font-size: 11px;
        }

        /* =========================
           Bottom Button
        ========================= */

        .view-all {
            display: flex;
            justify-content: center;
            margin-top: 25px;
        }

       .view-all a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 115px;
    padding: 13px 21px;
    border: 1px solid #9ba2ad;
    border-radius: 6px;
    color: #17233e;
    background: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: .2s ease;
}

        .view-all a:hover {
            background: #101f50;
            color: #fff;
            border-color: #101f50;
        }

        /* =========================
           Tablet
        ========================= */

        @media (max-width: 991.98px) {

            .knowledge-wrapper {
                padding: 0 20px;
            }

            .knowledge-title {
                font-size: 36px;
            }

            .knowledge-layout {
                grid-template-columns: 135px 1fr;
                gap: 20px;
            }

            .resource-menu a {
                font-size: 9px;
            }

            .resource-image {
                height: 130px;
            }
        }

        /* =========================
           Mobile
        ========================= */

        @media (max-width: 767.98px) {

            .knowledge-section {
                padding: 20px 0 30px;
            }

            .knowledge-wrapper {
                padding: 0 15px;
            }

            .knowledge-title {
                font-size: 32px;
            }

            .knowledge-intro {
                font-size: 11px;
                margin-bottom: 20px;
            }

            .knowledge-layout {
                display: block;
            }

            /* Horizontal scrolling category menu */

            .resource-menu {
                display: flex;
                gap: 5px;
                overflow-x: auto;
                padding-bottom: 12px;
                margin-bottom: 10px;
                scrollbar-width: none;
            }

            .resource-menu::-webkit-scrollbar {
                display: none;
            }

            .resource-menu a {
                flex: 0 0 auto;
                margin: 0;
                padding: 9px 13px;
                font-size: 8px;
                white-space: nowrap;
            }

            .resources-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .resource-image {
                height: 190px;
            }

            .resource-content {
                padding: 16px;
            }

            .resource-title4 {
                font-size: 18px;
            }

            .resource-text {
                font-size: 15px;
            }

            .resource-link {
                font-size: 9px;
            }

            .view-all {
                margin-top: 20px;
            }
        }

        /* =========================
           Small Mobile
        ========================= */

        @media (max-width: 400px) {

            .knowledge-title {
                font-size: 29px;
            }

            .resource-image {
                height: 170px;
            }
        }
        
        
        
        
        
         .section-title{
    font-family:'Poppins', sans-serif;
    font-weight:700;
    letter-spacing:.2px;
  }
  .title-rule{
    width:56px;
    height:3px;
    background:var(--accent);
    margin:14px auto 0;
    border-radius:2px;
  }
  .problem-card{
    background:#ffffff;
    border:1px solid #eceef2;
    border-radius:14px;
    padding:2.25rem 1.75rem;
    height:100%;
    text-align:center;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .problem-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(20,30,60,.08);
  }
  .icon-circle{
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 1.5rem;
  }
  .icon-circle.green{ background:#eef3ea; color:#5a7a4f; }
  .icon-circle.purple{ background:#efeafb; color:#6a4bd6; }
  .icon-circle.blue{ background:#e9f1fb; color:#2f6fb3; }
  .icon-circle svg{ width:32px; height:32px; }
  .card-title{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-size:1.15rem;
    margin-bottom:.85rem;
  }
  .card-text{
    color:var(--muted);
    font-size:.92rem;
    line-height:1.6;
    margin-bottom:1.5rem;
  }
  .learn-more{
    color:var(--link-purple);
    font-weight:600;
    font-size:.92rem;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .learn-more svg{ transition:transform .2s ease; }
  .learn-more:hover svg{ transform:translateX(4px); }
  .learn-more:hover{ color:var(--ink); }
  
  .top-solution{
      background: #fbfaf8;
  }
  
  
  .values-section .eyebrow {
    text-align: center;
    display: block;
    margin-bottom: 30px;
}



 .band{
    background:#0b1f3c;
    background-image:radial-gradient(circle at 15% 20%, rgba(255,255,255,.03), transparent 40%);
  }
  .band-title{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    color:#fff;
    letter-spacing:.2px;
  }
  .stat-col{
    text-align:center;
    padding:1rem .75rem;
    position:relative;
  }
  .stat-col + .stat-col{
    border-left:1px solid #e0b57e;
  }
  .stat-icon{
    color:var(--gold);
    margin-bottom:1rem;
    display:flex;
    justify-content:center;
  }
  .stat-icon svg{ width:70px; height:70px; }
  .stat-big{
    font-family:'Poppins', sans-serif;
    font-weight:700;
    color:#e0b57e;
    font-size:1.65rem;
    line-height:1.2;
    margin-bottom:0;
  }
  .stat-label{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    color:#fff;
    font-size:1.1rem;
    margin-bottom:.6rem;
  }
  .stat-desc{
    color:#fff;
    font-size:.82rem;
    line-height:1.55;
    max-width:190px;
    margin:0 auto;
  }

  @media (max-width: 991.98px){
    .stat-col{ border-left:none !important; margin-bottom:2rem; }
    .stat-col:last-child{ margin-bottom:0; }
    .divider-row .stat-col{
      border-bottom:1px solid var(--line);
      padding-bottom:2rem;
    }
    .divider-row .stat-col:last-child{
      border-bottom:none;
      padding-bottom:0;
    }
  }
  
  
  
 /* Team Section*/
 
 
 .team-section{
    padding:80px 0;
    background: #f7f7f5;
  }
  .section-eyebrow{
    text-align:center;
  }
   .team-section .section-title{
    font-family:'Merriweather', serif;
    font-weight:900;
    color:var(--navy);
    font-size:2.25rem;
    text-align:center;
    margin-bottom:.75rem;
  }
   .team-section .section-subtitle{
    text-align:center;
    color:var(--text-muted);
    font-size:1.05rem;
    max-width:640px;
    margin:0 auto 3rem auto;
  }
   .team-section .team-card{
    background:#ffffff;
    border:1px solid #e6e5e1;
    border-radius:10px;
    padding:28px 20px 24px;
    text-align:center;
    height:100%;
    transition:transform .2s ease, box-shadow .2s ease;
  }
   .team-section .team-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 24px rgba(27,42,74,0.08);
  }
  .team-avatar{
    width:96px;
    height:96px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 18px auto;
    display:block;
    border:3px solid #eef0f4;
  }
  .team-name{
    font-family:'Merriweather', serif;
    font-weight:700;
    font-size:1.1rem;
    color:var(--navy);
    margin-bottom:2px;
  }
  .team-role{
    color:var(--gold);
    font-weight:600;
    font-size:.85rem;
    letter-spacing:.03em;
    margin-bottom:14px;
  }
  .team-bio{
    color:var(--text-muted);
    font-size:.88rem;
    line-height:1.5;
    min-height:95px;
  }
 .team-linkedin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 34px;
    padding: 10px 15px;
    border-radius: 6px;
    background: var(--navy);
    color: #fff;
    margin-top: 14px;
    text-decoration: none;
    transition: background .2s ease;
}
  .team-linkedin:hover{
    background:var(--gold);
    color:#fff;
  }
  .team-cta{
    text-align:center;
    margin-top:3rem;
  }
  .team-cta a{
    color:var(--navy);
    font-weight:600;
    text-decoration:none;
    /*border-bottom:2px solid var(--gold);*/
    padding-bottom:2px;
        font-size: 22px;
  }
  .team-cta a:hover{
    color:var(--gold);
  }
  
  
  
.feature-bar {
     background:linear-gradient(180deg, #0c1730 0%, #111f3f 100%);
    padding: 36px 0;
}
  .feature-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    height:100%;
    padding:8px 40px;
  }
  .feature-icon{
    flex:0 0 auto;
    width:46px;
    height:46px;
    border-radius:10px;
    background:rgba(201,148,74,0.12);
    border:1px solid rgba(201,148,74,0.35);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .feature-icon svg{
    width:24px;
    height:24px;
    stroke:#c9944a;
  }
  .feature-title{
    font-family:'Merriweather', serif;
    font-weight:700;
    color:#ffffff;
    font-size:1.02rem;
    margin-bottom:4px;
  }
  .feature-text{
    color:#aab3c5;
    font-size:.86rem;
    line-height:1.45;
    margin:0;
  }
  .feature-divider{
    border-left:1px solid #584a36;
  }
  @media (max-width: 991.98px){
    .feature-divider{ border-left:none; border-top:1px solid var(--border); padding-top:20px; margin-top:20px; }
    .feature-item{ padding:0 12px; }
  }
  @media (max-width: 767.98px){
     .team-section .section-title{font-size:1.75rem;}
    .team-card{margin-bottom:20px;}
  }
  
  .container-custom {
    padding: 0 50px;
}


  .cta-banner{
    position:relative;
    overflow:hidden;
    background:linear-gradient(120deg, #eef1f6 0%, #e7ecf5 45%, #eef1f6 100%);
    padding:56px 0;
  }
  .cta-banner::before{
    content:"";
    position:absolute;
    right:-80px;
    top:-60px;
    width:320px;
    height:320px;
    background:radial-gradient(circle, rgba(184,134,47,0.10) 0%, rgba(184,134,47,0) 70%);
    border-radius:50%;
  }
  .cta-heading{
    font-family:'Merriweather', serif;
    font-weight:700;
    font-size:40px;
    color:var(--navy);
    margin-bottom:2px;
    line-height:1.3;
  }
  .cta-heading .gold-line{
    color:var(--gold);
    display:block;
  }
  .cta-text{
    color:var(--text-muted);
    font-size:.95rem;
    line-height:1.55;
    margin-top:14px;
  }
  .btn-schedule{
    background:var(--navy);
    color:#fff;
    font-weight:600;
    font-size:.92rem;
    padding:13px 26px;
    border-radius:6px;
    border:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    transition:background .2s ease;
    white-space:nowrap;
  }
  .btn-schedule:hover{
    background:#101c33;
    color:#fff;
  }
  .email-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--navy);
    font-weight:600;
    font-size:.92rem;
    text-decoration:none;
    margin-top:16px;
  }
  .email-link:hover{
    color:var(--gold);
  }
  .cta-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  @media (min-width: 768px){
    .cta-actions{
      align-items:flex-end;
      text-align:right;
    }
  }
  @media (max-width: 767.98px){
    .cta-banner{ padding:40px 0; }
    .cta-heading{ font-size:1.4rem; }
    .cta-actions{ margin-top:28px; }
  }


  .stellarnav li li a {
    color: #000 !important;
    padding: 7px 14px;
}



.hero-heading{
    font-weight:700;
    color:var(--navy);
    font-size:clamp(1.7rem, 3vw, 2.15rem);
    letter-spacing:-.01em;
  }
  .hero-lede{
    color:#5B6070;
    font-size:1.02rem;
    line-height:1.65;
    max-width:30rem;
  }
  .hero-media{
    position:relative;
    border-radius:.9rem;
    overflow:hidden;
    aspect-ratio:5/4;
    /*background:linear-gradient(160deg, #4A5D82 0%, #1D2A4D 100%);*/
  }
  .hero-media svg{ width:100%; height:100%; display:block; }

  .help-label{
    font-weight:700;
    color:var(--navy);
    font-size:1.05rem;
    margin-bottom:.9rem;
  }
  .help-box{
    border:1px solid var(--line);
    border-radius:.6rem;
    background:#fff;
  }
  .help-row{
    display:flex;
    align-items:flex-start;
    gap:.85rem;
    padding:1rem 1.35rem;
    border-bottom:1px solid var(--line);
  }
  .help-row:last-child{ border-bottom:none; }
  .help-check{
    width:1.1rem;
    height:1.1rem;
    border-radius:50%;
    border:1.5px solid #B7BAC4;
    color:#9DA1AE;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    margin-top:.25rem;
  }
  .help-row h3{
    font-size:.95rem;
    font-weight:700;
    color:var(--navy);
    margin-bottom:.15rem;
  }
  .help-row p{
    color:var(--slate);
    font-size:.86rem;
    margin-bottom:0;
  }

  .stats-box{
    border:1px solid var(--line);
    border-radius:.6rem;
    background:#fff;
  }
  .stat-col{
    padding:1.4rem 1.5rem;
    border-left:1px solid var(--line);
  }
  .stat-col:first-child{ border-left:none; }
  .stat-value{
    font-weight:700;
    color:var(--gold);
    font-size:1.4rem;
    margin-bottom:.4rem;
  }
  .stat-label{
    color:var(--slate);
    font-size:.85rem;
  }

 .cta-band {
    background: linear-gradient(120deg, #0e1b42 0%, #152559 100%);
    border-radius: 1.1rem;
    color: #fff;
    padding: 1.9rem 2rem;
    text-align: center;
}
  .cta-band h3{
    font-size:1.1rem;
    font-weight:600;
    margin-bottom:1.1rem;
  }
  .btn-gold{
    background:var(--gold);
    color:#fff;
    font-weight:600;
    font-size:.92rem;
    border:none;
    padding:.65rem 1.4rem;
    border-radius:.4rem;
    display:inline-block;
    transition:filter .15s ease;
  }
  .btn-gold:hover{
    filter:brightness(1.08);
    color:#fff;
  }
  .btn-outline-navy{
    color:var(--navy);
    border:1px solid var(--line);
    padding:.65rem 1.4rem;
    border-radius:.4rem;
    font-size:.92rem;
    font-weight:600;
    display:inline-block;
  }
  .btn-outline-navy:hover{ background:#F4F2EE; color:var(--navy); }

  @media (max-width: 767.98px){
    .stat-col{ border-left:none; border-top:1px solid var(--line); }
    .stat-col:nth-child(1){ border-top:none; }
    .hero-media{ margin-top:2rem; aspect-ratio:16/10; }
  }

  section.mediation {
    background: #fcfbf9;
    padding: 74px 0;
}

/*approch page*/


.approch .page-heading{
    font-weight:700;
    color:var(--navy);
    font-size:clamp(2.1rem, 4vw, 2.75rem);
    letter-spacing:-.01em;
  }
  .approch .sub-heading{
    font-weight:700;
    color:var(--navy);
    font-size:1.35rem;
    margin-top:1.5rem;
  }
  .approch .intro-lede{
    color:#5B6070;
    font-size:1rem;
    line-height:1.65;
    max-width:34rem;
  }

  .approch .timeline{
    margin-top:2rem;
  }
  .approch .timeline-item{
    display:flex;
    gap:1.1rem;
    position:relative;
  }
  .approch .timeline-marker{
    display:flex;
    flex-direction:column;
    align-items:center;
    flex-shrink:0;
  }
  .approch .marker-circle{
    width:3rem;
    height:3rem;
    border-radius:50%;
    border:1.5px solid #E3C79A;
    color:var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    flex-shrink:0;
  }
 .approch  .marker-line{
    width:1.5px;
    flex:1;
    background:#e7e5e1;
    margin:.15rem 0;
  }
  .timeline-item:last-child .marker-line{ display:none; }

  .approch .timeline-content{
    padding-bottom:1.9rem;
    padding-top:.4rem;
  }
 .approch .timeline-number{
    font-weight:700;
    color:var(--gold);
    font-size:.95rem;
    margin-right:.6rem;
  }
  .approch .timeline-title{
    font-weight:700;
    color:var(--navy);
    font-size:1.05rem;
  }
  .approch .timeline-desc{
    color:var(--slate);
    font-size:.9rem;
    margin-top:.25rem;
    line-height:1.55;
  }

  .approch .cta-band{
    background:linear-gradient(120deg, #0e1b42 0%, #152559 100%);
    border-radius:1.1rem;
    color:#fff;
    padding:2.2rem 2rem;
    text-align:center;
  }
  .approch .cta-band p{
    font-size:1.1rem;
    font-weight:500;
    margin-bottom:1.5rem;
  }
  .btn-outline-cream{
    background:transparent;
    color:#fff;
    font-weight:600;
    font-size:.92rem;
    border:1.5px solid rgba(255,255,255,.55);
    padding:.65rem 1.7rem;
    border-radius:.4rem;
    display:inline-block;
    transition:background .15s ease, border-color .15s ease;
  }
  .btn-outline-cream:hover{
    background:rgba(255,255,255,.08);
    color:#fff;
    border-color:#fff;
  }

  @media (max-width: 575.98px){
    .approch .marker-circle{ width:2.4rem; height:2.4rem; }
    .approch .timeline-item{ gap:.85rem; }
  }

  section.approch.pt-5.pb-5 {
background: #fcfbf9;
}

.hero3 h2 {
    font-weight: 600;
    font-size: 26px;
    padding: 15px 0;
    color: var(--navy-deep);
    letter-spacing: -0.01em;
    margin-bottom: .9rem;
}

.profile-title {
    font-weight: 700;
    color: var(--navy);
    font-size: .85rem;
    opacity: .85;
    margin-bottom: .45rem;
}

.linkedin-badge {
    /* position: absolute; */
    right: 1.2rem;
    bottom: 1.1rem;
    width: 3rem;
    height: 3rem;
    border: 1.5px solid #e7e5e1;
    border-radius: .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--navy);
    font-weight: 700;
    font-size: 1.01rem;
}






 /* Main Section */
        .about-timeline-section {
            padding: 75px 0 0;
            overflow: hidden;
        }

        .history-wrapper {
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 30px;
        }

        /* Top Content */
        .intro-content {
            padding-right: 35px;
        }

        .main-title {
            font-family: "Playfair Display", serif;
            font-size: 48px;
            line-height: 1.08;
            font-weight: 600;
            color: #111;
            margin: 0 0 22px;
        }

        .intro-text {
            font-size: 13px;
            line-height: 1.8;
            color: #555;
            max-width: 390px;
            margin-bottom: 0;
        }

        .person-image {
            width: 100%;
            max-width: 430px;
            display: block;
            margin-left: auto;
        }

        /* Timeline */
        .timeline-section {
            padding: 60px 0 45px;
        }

        .timeline {
            position: relative;
            max-width: 760px;
            margin: 0 auto;
            padding-left: 58px;
        }

        .timeline::before {
            content: "";
            position: absolute;
            left: 13px;
            top: 7px;
            bottom: 7px;
            width: 1px;
            background: #cfcfcf;
        }

        .timeline-item {
            position: relative;
            padding-bottom: 37px;
        }

        .timeline-item:last-child {
            padding-bottom: 0;
        }

        .timeline-dot {
            position: absolute;
            left: -50px;
            top: 4px;
            width: 9px;
            height: 9px;
            border: 1px solid #bdbdbd;
            border-radius: 50%;
            background: #fff;
            z-index: 2;
        }

        .timeline-year {
            font-family: "Playfair Display", serif;
            font-size: 22px;
            line-height: 1.1;
            font-weight: 600;
            color: #222;
            margin-bottom: 8px;
        }

        .timeline-description {
            font-size: 12px;
            line-height: 1.65;
            color: #555;
            margin: 0;
            max-width: 600px;
        }

        /* Quote */
        .quote-section {
            padding: 50px 0 65px;
        }

        .quote-box {
            max-width: 760px;
            margin: 0 auto;
            background: #f5f5f5;
            border-radius: 3px;
            padding: 28px 32px;
            position: relative;
        }

        .quote-box::before {
            content: "“";
            position: absolute;
            left: 18px;
            top: 13px;
            font-family: Georgia, serif;
            font-size: 38px;
            color: #b8b8b8;
            line-height: 1;
        }

        .quote-text {
            font-family: "Playfair Display", serif;
            font-size: 15px;
            line-height: 1.65;
            color: #333;
            margin: 0 0 12px;
            padding-left: 12px;
        }

        .quote-author {
            font-size: 11px;
            color: #555;
            margin: 0;
            padding-left: 12px;
        }

        /* CTA */
        .cta-section {
            background: var(--navy);
            color: #fff;
            padding: 34px 0 38px;
        }

        .cta-wrapper {
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 30px;
        }

        .cta-title {
            font-family: "Playfair Display", serif;
            font-size: 19px;
            line-height: 1.3;
            margin: 0 0 5px;
        }

        .cta-text {
            font-size: 11px;
            color: #000;
            margin: 0 0 18px;
        }

        .talk-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 105px;
            height: 35px;
            padding: 0 22px;
            border: 1px solid rgba(255,255,255,0.8);
            border-radius: 2px;
            color: #fff;
            text-decoration: none;
            font-size: 11px;
            transition: all 0.3s ease;
        }

        .talk-btn:hover {
            background: #fff;
            color: var(--navy);
        }

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

            .history-section {
                padding-top: 55px;
            }

            .main-title {
                font-size: 40px;
            }

            .intro-text {
                font-size: 12px;
            }

            .person-image {
                max-width: 360px;
            }

            .timeline-section {
                padding-top: 50px;
            }
        }

        /* Mobile */
        @media (max-width: 767px) {

            .history-wrapper {
                padding: 0 20px;
            }

            .history-section {
                padding: 40px 0 0;
            }

            .intro-content {
                padding-right: 0;
                margin-bottom: 30px;
            }

            .main-title {
                font-size: 34px;
                margin-bottom: 16px;
            }

            .intro-text {
                max-width: 100%;
                font-size: 12px;
                line-height: 1.7;
            }

            .person-image {
                width: 100%;
                max-width: 330px;
                margin: 0 auto;
            }

            .about-timeline-section {
                padding: 45px 0 35px;
            }

            .timeline {
                padding-left: 42px;
            }

            .timeline::before {
                left: 9px;
            }

            .timeline-dot {
                left: -37px;
                width: 8px;
                height: 8px;
            }

            .timeline-item {
                padding-bottom: 30px;
            }

            .timeline-year {
                font-size: 20px;
            }

            .timeline-description {
                font-size: 11px;
                line-height: 1.6;
            }

            .quote-section {
                padding: 5px 0 45px;
            }

            .quote-box {
                padding: 24px 20px;
            }

            .quote-text {
                font-size: 13px;
                padding-left: 8px;
            }

            .quote-author {
                font-size: 10px;
                padding-left: 8px;
            }

            .cta-section {
                padding: 30px 0 34px;
            }

            .cta-wrapper {
                padding: 0 20px;
            }

            .cta-title {
                font-size: 17px;
            }

            .cta-text {
                font-size: 10px;
            }
        }

        /* Small Mobile */
        @media (max-width: 400px) {

            .main-title {
                font-size: 30px;
            }

            .timeline {
                padding-left: 35px;
            }

            .timeline-dot {
                left: -30px;
            }

            .timeline-year {
                font-size: 18px;
            }
        }