:root{
      --brand:#0e2a6b;           /* deep blue */
      --brand-2:#133a97;         /* accent blue */
      --ink:#0b1a2b;             /* dark text */
      --muted:#5b6b84;           /* muted text */
      --bg:#f3f6fb;              /* light blueish */
      --card:#ffffff;
      --radius:1.25rem;
      --shadow:0 10px 30px rgba(10,22,50,.08);
    }

    *{ box-sizing:border-box; }
    body{
      font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:var(--ink);
      background: #fff;
      overflow-x:hidden;
    }
	
ul.navbar-nav.ms-auto.mb-2.mb-lg-0.align-items-lg-center {
    flex-direction: column;
    text-align: right;
    align-items: flex-end !important;
    padding: 0 0 0 0px;
    width: 170px;
}

 
	
	

    /* ====== Header / Navbar ====== */
   .navbar {
    transition: all .35s ease;
    padding: .75rem 10px;
    backdrop-filter: blur(0px);
}
    .navbar.scrolled{
      background:rgba(255,255,255,.9);
      box-shadow:var(--shadow);
      backdrop-filter: blur(6px);
	  display: none;
    }
    .navbar .nav-link{
      font-weight:500;
      color:#fff;
    }
    .navbar .nav-link:hover{ color:#fff; }
    .navbar-brand img {
    height: 60px;
    width: auto;
}

    /* ====== Hero ====== */
    .hero{
      position:relative;
      min-height:100vh;
      display:flex;
      align-items:center;
      color:#fff;
      overflow:hidden;
    }
    .hero::before{
      content:"";
      position:absolute; inset:0;
      background:url("../images/slider.jpg") center/cover no-repeat;
      transform: scale(1.03);
      filter: saturate(1.05) contrast(1.05);
    }
    .hero::after{
      content:"";
      position:absolute; inset:0;
      background: linear-gradient(90deg, rgba(7,15,33,.8) 0%, rgba(7,15,33,.35) 55%, rgba(7,15,33,.15) 100%);
    }
   .hero .content {
    position: relative;
    z-index: 2;
    max-width: 650px;
}
    .chip{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      font-weight:600;
      letter-spacing:.02em;
      text-transform:uppercase;
      font-size:.75rem;
      background: rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.2);
      padding:.4rem .7rem;
      border-radius:999px;
      margin-bottom:1rem;
    }
   .hero h1 {
    font-weight: 700;
    line-height: 1.05;
    font-size: clamp(2rem, 4vw + .75rem, 2.2rem);
    margin-bottom: .8rem;
}
    .hero p{
      color:#e7ecff;
      font-size:1.05rem;
      max-width:60ch;
    }
    .btn-ghost{
      border:1px solid rgba(255,255,255,.65);
      color:#fff;
      padding:.7rem 1rem;
      border-radius:.9rem;
      transition:.25s ease;
    }
    .btn-ghost:hover{ background:#ffffff; color:var(--brand); }
	
	
	.no-padding{
		padding-left:0px;
		padding-right:0px;
		border-radius:0px;
	}
	

    /* ====== Image Feature Bands ====== */
    .band {
    position: relative;
    min-height: 64vh;
    display: flex;
    align-items: flex-end;
    color: #fff;
    margin-top: 0rem;
    overflow: hidden;
     
}
    .band .bg{
      position:absolute; inset:0;
      background-size:cover; background-position:center;
      transform: scale(1.03);
    }
    .band .overlay{ position:absolute; inset:0; background:linear-gradient(0deg, rgba(9,18,35,.8), rgba(9,18,35,.15)); }
   .band .box {
    position: relative;
    z-index: 2;
    padding: clamp(1rem, 3vw, 2.5rem);
    max-width: 650px;
    margin-top: 420px;
}
    .band h3 {
    font-size: clamp(1.35rem, 2.2vw + .5rem, 2rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.02em;
}
    .band p{ color:#e5ebff; }

    /* ====== Section: Latest News ====== */
    .section-pad{ padding: clamp(2.25rem, 6vw, 5rem) 0; }
.section-head {
    margin-bottom: -55px;
}
.section-head h2 {
    color: var(--brand);
    font-weight: 500;
    font-size: 85px;
    padding: 0 0 0 60px;
    z-index: 1;
    position: relative;
}
	
	
.sectio1 .btn-light {
    background: no-repeat;
    color: #fff;
    border-radius: 50px !important;
    padding: 10px 20px 10px 20px;
    font-weight: 600;
    margin-top: 50px;
}

.section-pad .bg {
    background: #E2F0FA;
    padding: 100px 60px 100px 60px;
	position:relative;
}

.section-pad .bg:before {
    content: "";
    width: 85%;
    height: 1px;
    background: #0e2a6b;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
}
	
	
	
	
    .news-card{
     
      padding:1.1rem 1.25rem;
      height:100%;
       
      transition: transform .2s ease;
    }
	
.news-card p {
    color: #0e2a6b;
    padding: 0 0 20px 0;
}

   .news-date {
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: .02em;
    color: #0e2a6b;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}
    .news-title{
      font-weight:700; margin:.35rem 0 .25rem; color:#0b1a2b;
    }
    .link-arrow{
      display:inline-flex; align-items:center; gap:.5rem; font-weight:600; color:var(--brand-2); text-decoration:none;
    }
    .link-arrow i{ transition: transform .2s ease; }
    .link-arrow:hover i{ transform: translateX(4px); }
	
	
	
	
	
.investersec {
    padding: 20px 0 40px 0;
}
	
.investersec h3 {
    color: #001965;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    font-size: 17px;
    font-weight: 700;
}	

.investersec p {
    color: #001965;
    padding: 0 0 0 0;
    margin: 0 0 0px 0;
    font-size: 15px;
    font-weight: 400;
}	
.investersec h1 {
    font-size: 122px;
    line-height: 100px;
    letter-spacing: -5px;
    color: #001965;
    padding: 0px;
    margin: 40px 0 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: #001965 solid 1px;
}

.investersec h1 span {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;
}

.stockwt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px 0;
}

.stockwt a{
	text-decoration:none;
	color: #001965;
    padding: 0 0 0 0;
    margin: 0 0 0px 0;
    font-size: 15px;
    font-weight: 400;
}

.investersec ul{
	padding:0px;
	margin:0px;
}

.investersec ul li {
    padding: 0px 0 20px 0;
    margin: 0px;
    color: #001965;
    font-size: 15px;
    font-weight: 400;
    list-style: none;
	cursor:pointer;
}

.investersec a{
	text-decoration:none;
	color: #001965;
    padding: 0 0 0 0;
    margin: 0 0 0px 0;
    font-size: 15px;
    font-weight: 400;
}

	
	
.investersec img {
    width: 75%;
    margin: 0 0 20px 0;
}

.falsified-sec {
	background:#e2f0fa;
	padding:60px 0 60px 0;
}

.falsified-sec .section-head {
    margin-bottom: 0px;
}

.falsified-sec .section-head h1 {
    color: var(--brand);
    font-weight: 400;
    font-size: 65px;
    padding: 0 60px 0 60px;
    z-index: 1;
    position: relative;
    hyphens: auto;
    line-height: 60px;
}

.falsified-sec .bg{
	    background: #fff;
    padding: 100px 60px 100px 60px;
    position: relative;
}

.falsified-sec .info-card h5 {
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .02em;
    color: #0e2a6b;
    padding: 0 0 20px 0;
}
.falsified-sec .info-card p {
    color: #0e2a6b;
    padding: 0 0 20px 0;
    font-size: 15px;
}





.career-sec {
	padding-bottom:0px;
}




.career-sec .bg:before {
    content: "";
    width: 85%;
    height: 1px;
    background: #0e2a6b;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
	display:none;
}

.career-sec .col-lg-12 {
    width: 60%;
    margin: auto;
}


.career-sec h2 {
    padding: 0px;
    margin: 100px 0 0 0;
    font-size: 88px;
    color: #fff;
    font-weight: 400 !important;
}

.career-sec p {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    width: 60%;
    margin-bottom: 15px !important;
}



	
	

    /* ====== Investors Snapshot ====== */
    .investor-wrap{
      background:var(--bg);
      border-radius:var(--radius);
      padding:1.25rem;
      border:1px solid #e9eef7;
    }
    .big-price{
      font-size: clamp(2.2rem, 6vw, 3.4rem);
      font-weight:800;
      color:var(--brand);
      line-height:1;
    }
    .muted{ color:var(--muted); }
    .report-card{
      background:#0f2a68 url('https://images.unsplash.com/photo-1534353473418-4cfa6c56fd38?q=80&w=1980&auto=format&fit=crop') center/cover no-repeat;
      color:#fff;
      border-radius: var(--radius);
      min-height: 180px;
      display:flex; align-items:flex-end;
      overflow:hidden;
      position:relative;
      box-shadow:var(--shadow);
    }
    .report-card::after{
      content:"";
      position:absolute; inset:0;
      background: linear-gradient(0deg, rgba(6,14,33,.85), rgba(6,14,33,.25));
    }
    .report-card .inner{ position:relative; z-index:2; padding:1rem 1.2rem; }

    .list-plain{ list-style:none; padding-left:0; margin:0; }
    .list-plain li a{
      text-decoration:none; color:#0b1a2b;
    }
    .list-plain li a:hover{ color:var(--brand-2); }

    /* ====== Education / Awareness ====== */
    .info-card{
       
      height:100%;
      padding:1.25rem 1.25rem 1.15rem;
    }
    .info-card h5{ font-weight:800; color:#0b1a2b; }

    /* ====== Careers ====== */
    .careers{
      position:relative; color:#fff; overflow:hidden;
      min-height: 100vh;
    }
    .careers .bg{
      position:absolute; inset:0;
      background:url("../images/career-bg.webp") center/cover no-repeat;
      transform: scale(1.02);
    }
    .careers .veil{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(7,15,33,.75), rgba(7,15,33,.4)); }
    .careers .content{ position:relative; z-index:2; padding: clamp(1.25rem, 3vw, 2rem); }

    .search-bar {
    background: rgba(255,255,255,1);
    border-radius: 0;
    box-shadow: var(--shadow);
    padding: 30px 10px 30px 10px !important;
}
    .search-bar .form-control,
    .search-bar .form-select{
      border:none; background:transparent; box-shadow:none;
    }
    .search-bar .btn{ border-radius:999px; }

    /* ====== Footer ====== */
    footer{
      background:#f7f9ff;
      border-top:1px solid #e8edf7;
    }
    footer .foot-link{
      display:block; text-decoration:none; color:#203050; margin:.25rem 0;
	  
	   font-size: 13px;
    color: #001965;
    }
    footer .foot-link:hover{ color:var(--brand-2); }
	
	
    .tiny {
    font-size: 13px;
    color: #001965;
}

footer p {
    font-size: 14px;
    color: #001965;
    font-style: italic;
    padding: 15px 0 0 0;
}

    /* utilities */
    .rounded-2xl{ border-radius: var(--radius); }
    .shadow-soft{ box-shadow: var(--shadow); }
	
	
	
	
	
	
	
	
@media (max-width: 767px) {


.section-head {
    margin-bottom: -32px;
}

.section-head h2 {
    color: var(--brand);
    font-weight: 500;
    font-size: 46px;
    padding: 0 0 0 20px;
    z-index: 1;
    position: relative;
}


.section-pad .bg {
    background: #E2F0FA;
    padding: 60px 20px 60px 0px;
    position: relative;
}
.investersec h1 {
    font-size: 76px;
    line-height: 100px;
    letter-spacing: -5px;
    color: #001965;
    padding: 0px;
    margin: 40px 40px 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: #001965 solid 1px;
}

.falsified-sec .section-head h1 {
    color: var(--brand);
    font-weight: 400;
    font-size: 31px;
    padding: 0 30px 0 20px;
    z-index: 1;
    position: relative;
    hyphens: auto;
    line-height: 41px;
}

.falsified-sec .bg {
    background: #fff;
    padding: 40px 20px 40px 0px;
    position: relative;
}

.career-sec .col-lg-12 {
    width: 100%;
    margin: auto;
}

.career-sec h2 {
    padding: 0px;
    margin: 40px 0 0 0;
    font-size: 42px;
    color: #fff;
    font-weight: 400 !important;
}

.career-sec p {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    width: 100%;
    margin-bottom: 15px !important;
}

}