body {
            padding-right: 0 !important
        }
        .connect-btn {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0em;
    padding: 12px 6px !important;
    border: 1.5px solid #ffffff;
    height: 48px !important;
    width: 179px !important;
    text-align: center !important;
    font-weight: 600;   
     display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

  .stats-section { 
    background: linear-gradient(90deg, rgba(248, 249, 253, 0.5) 0%, #F8F9FD 52.46%, rgba(248, 249, 253, 0.5) 100%);
 padding:50px 0px;
  }

  .stats-wrap { 
    display: flex;
    flex-wrap: wrap;
    gap:20px;
  }

  .stat-item {
    flex: 1 1 0;
    min-width: 180px;
    padding: 0 20px;
    border-left: 1px solid #242E371A;
  }

  .stat-item:first-child {
    border-left: none;
    padding-left: 0;
  }

  .stat-item__number {
    font-size: clamp(1.8rem, 3vw, 35px);
    font-weight: 500;
    color: #354860;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .stat-item__number .star {
    color: #354860;
    font-size: 0.75em;
    display:flex;
  }

  .stat-item__label {
    margin-top: 5px; 
    color: #7e7e7e; 
font-weight: 400; 
font-size: 15px; 
line-height: 1; 

  }

  /* ---------------- Responsive ---------------- */
  @media (max-width: 992px) {
    .stats-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      row-gap: 32px;
    }

    .stat-item {
      border-left: none;
      padding: 0 16px;
    }

    .stat-item:nth-child(odd) {
      padding-left: 0;
    }

    .stat-item:nth-child(2) {
      border-left: 1px solid #d7dceb;
    }

    .stat-item:nth-child(4) {
      border-left: 1px solid #d7dceb;
    }
  }

  @media (max-width: 520px) {
    .stats-wrap {
      grid-template-columns: 1fr;
      row-gap: 28px;
    }

    .stat-item {
      border-left: none !important;
      padding: 0;
    }
  }


 

  /* ---- Page header ---- */
  .page-header{
    text-align:center; 
  }
  
  .page-header p{ 
font-weight: 400; 
font-size: 16px; 
line-height: 1.5; 
color: #7E7E7E;

  }

  /* ---- Vision / Mission cards ---- */
  .vm-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
  .vm-card{
    background: #F8F9FD;
    border: 1px solid #2E373A0D;
    border-radius: 15px;
    padding:  40px;
  }
  .vm-icon{
    width: 50px;
    height: 50px;
    color: var(--icon-blue);
    margin-bottom: 22px;
  }
  .vm-icon svg{ width:100%; height:100%; display:block; }

  .vm-eyebrow{ 
font-weight: 600; 
font-size: 22px; 
line-height: 1.5;
letter-spacing: 0%;
    color: #242E37; 
    margin: 0 0 14px;
  }
  .vm-title{ 
    margin: 0 0 14px;
 color:#354860;
font-weight: 700; 
font-size: 16px; 
line-height: 1.5; 


  }
  .vm-desc{ 
    color: #7E7E7E; 
font-weight: 400; 
font-size: 16px; 
line-height: 1.5; 
margin-bottom:0px;

  }

  /* ---- Divider ---- */
  .divider{
    border: none;
    border-top: 1px solid #C5CFE2;
    margin: 60px 0;
  }

  /* ---- Values section header ---- */
   

  /* ---- Values grid ---- */
  .values-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .value-card{
    background: #F8F9FD;
    border: 1px solid #2E373A1A;
    border-radius: 15px;
    padding: 40px;
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .value-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(22,48,94,0.08);
  }

  .value-card:hover{
    background: #114A9F;
    border-color: #114A9F;
  }

  .value-top{
    display:flex;
    align-items:center;
    gap: 10px;
    margin-bottom: 30px;
  }

  .value-icon{
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 10px;
   background: #242E3708; 
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--icon-blue);
  }
  .value-card:hover .value-icon{ 
    background: #FFFFFF1F; 
    color: #fff;
  } 
  .value-card:hover .value-icon svg{ 
       filter: brightness(0) invert(1);
  } 

  .value-name{
     margin: 0;
    color: #242E37; 
font-weight: 600; 
font-size: 22px; 
line-height: 1.5; 
  }
  .value-card:hover .value-name{
    color: #fff;
  }

  .value-desc{  
font-weight: 400; 
font-size: 16px; 
line-height: 1.5;
letter-spacing: 0%;
    color: #7e7e7e; 
    margin-bottom:0px;


  }
  .value-card:hover .value-desc{
    color: rgba(255,255,255,0.88);
  }
  .max-23{    max-width: 66ch;
    margin: auto;}

  /* ---- Responsive ---- */

  @media (min-width: 1200px){
.stat-item:nth-last-child(1){
        max-width: 190px;
    min-width: 190px;
}
  }
  @media (max-width: 991px){
    .img-sp-rw{gap:30px;}
    .values-grid{
      grid-template-columns: 1fr 1fr;
    }
    .value-card { 
    padding: 30px; 
}
.value-icon svg{
        width: 40px;
    height: 40px;
}
.value-icon {
    width: 55px;
    height: 55px;
    min-width: 55px;}
  }

  @media (max-width: 767px){
    .vm-card { 
    padding: 20px;
}
    .value-card { 
    padding: 25px; 
}
    .wrap{ padding: 48px 20px; }
    .vm-grid{ grid-template-columns: 1fr; }
    .values-grid{ grid-template-columns: 1fr; }
    .vm-card{ padding: 28px; }
    .divider{ margin: 48px 0; }
  }

  @media (prefers-reduced-motion: reduce){
    .value-card{ transition: none; }
  }



 
  .expertise{
    position: relative;
    background:
      linear-gradient(90deg, #04152D 52.15%, rgba(3, 6, 12, 0.02) 76.23%, rgba(19, 24, 31, 0) 121.49%),
      url("/images/about-us/ctabanner.jpeg") center/cover no-repeat;
    color: #ffffff;  
    display:flex;
    align-items:center;
  }

  

  .expertise h2{
    font-size: clamp(30px, 4.2vw, 35px); 
    margin: 0 0 20px; 
font-weight: 500; 
font-size: 35px; 
line-height: 1.2;   
color: #ffffff;

  }

  .expertise-intro{ 
    color: #FFFFFFB2;
    margin: 0 0 42px;
    max-width: 76ch; 
font-weight: 400; 
font-size: 16px; 
line-height: 1.5; 

  }

  .feature-grid{
    display:grid;
     grid-template-columns: 450px 450px;
    gap: 60px;
  }

  .feature{
    display:flex;
    flex-direction:column; 
    border-bottom: 1px solid #FFFFFF80
  }

  .feature-icon{
    width: 56px;
    height: 56px;
    margin-bottom: 42px;
    color: #ffffff;
  }
  .feature-icon svg{ width:100%; height:100%; display:block; }

  .feature h2{ 
    margin: 0 0 10px; 
font-weight: 500; 
font-size: 22px; 
line-height: 1.5; 

  }

  .feature p{ 
    color: #FFFFFFCC;
    margin: 0 0 30px; 
font-weight: 400; 
font-size: 16px; 
line-height: 1.5; 
max-width: 37ch;
  }

  .feature-rule{
    border: none;
    border-top: 1px solid rgba(255,255,255,0.28);
    width: 100%;
    max-width: 340px;
    margin: 0;
  }

  /* ---- Responsive ---- */
  @media (max-width: 991px){
    .feature-grid{
      grid-template-columns: 1fr;
      gap: 40px;
    } 
    .expertise-intro{ margin-bottom: 30px; font-size: 16px; }
  }

  @media (min-width: 992px) and (max-width: 1199px){
     .expertise{ 
      background:
        linear-gradient(90deg, #04152dde 52.15%, rgb(3 6 12 / 67%) 76.23%, rgb(19 24 31 / 31%) 121.49%),
        url("/images/about-us/ctabanner.jpeg") center/cover no-repeat;
    }
  }
  @media (max-width: 768px){
    .expertise{
       
      min-height: unset;
      background:
        linear-gradient(90deg, #04152de3 52.15%, rgb(3 6 12 / 74%) 76.23%, rgb(19 24 31 / 66%) 121.49%),
        url("/images/about-us/ctabanner.jpeg") center/cover no-repeat;
    }
    .expertise h1{ font-size: 28px; }
    .expertise-intro{ margin-bottom: 30px; font-size: 15.5px; }
    .feature-icon{ width: 44px; height: 44px; margin-bottom: 20px; }
    .feature h2{ font-size: 19px; }
  }


  .accred{
    background:#F8F9FD
  }

  .accred-header{
    text-align:center; 
  }
   
  .accred-header p{
    
    color: #7E7E7E;
    margin: 0; 
font-weight: 400; 
font-size: 16px; 
line-height: 1.5; 
text-align: center;
    max-width: 77ch;
    margin: auto;

  }

  .accred-slider-wrap{
    position: relative; 
    margin: 0 auto; 
  }

  .accred-swiper{
    overflow: hidden;
  }

  .accred-swiper .swiper-slide{
    height: auto;
    display: flex;
  }

  .accred-card{
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 12px;
    width: 100%;
    aspect-ratio: 280 / 148; 
    align-items:center;
    justify-content:center; 
  }

  .accred-card img{
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    margin:auto;
  }

  /* Fallback placeholder styling if no logo image is supplied */
  .accred-card .placeholder{
    text-align:center;   
     display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .accred-card .placeholder .name{
    font-size: 19px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 4px;
  }
  .accred-card .placeholder .tag{
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: var(--text-body);
    text-transform: uppercase;
    margin: 0;
  }

  /* ---- Nav arrows (prev/next only, no pagination dots) ---- */
  .accred-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--arrow-bg);
    border: 1px solid var(--arrow-border);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor: pointer;
    z-index: 10;
    transition: background .15s ease, transform .15s ease;
  }
  .accred-nav:hover{
    background: var(--text-heading);
  }
  .accred-nav:hover svg{
    stroke: #fff;
  }
  .accred-nav svg{
    width: 20px;
    height: 20px;
    stroke: var(--arrow-color);
    transition: stroke .15s ease;
  }
  .accred-nav.swiper-button-disabled{
    opacity: 0.35;
    cursor: default;
  }
  .accred-nav.swiper-button-disabled:hover{
    background: var(--arrow-bg);
  }
  .accred-nav.swiper-button-disabled:hover svg{
    stroke: var(--arrow-color);
  }

  .accred-prev{ left: 0; }
  .accred-next{ right: 0; }
@media (max-width: 767px){ 
      .accred-card .placeholder{ 
    gap: 20px;
  } 
}
  @media (max-width: 640px){  
    .accred-header{ margin-bottom: 40px; } 
    .accred-nav{ width: 38px; height: 38px; }
    .accred-nav svg{ width: 16px; height: 16px; }
  }

  @media (prefers-reduced-motion: reduce){
    .accred-nav{ transition: none; }
  }
  .slidedev{background: #C5CFE2;
    height: 1px;}
.gap21{gap: 21px !important;}


  .units-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .unit-card{
    background: #ffffff;
    border: 1px solid #e5e8f0;
    border-radius: 14px;
    padding: 30px;
    transition: box-shadow .18s ease, transform .18s ease;
  }
  .unit-card:hover{
    transform: translateY(-2px); 
  }

  .unit-logo{
    display:flex;
    align-items: baseline;
    gap: 2px;
    margin-bottom: 30px;
  }
  .unit-logo .mark{
    font-size: 28px;
    font-weight: 800; 
    letter-spacing: -0.5px;
  }
  .unit-logo .dot{
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
  }
  .unit-logo .suffix{
    font-size: 26px;
    font-weight: 400;
    color: #9aa1ac;
  }

  .unit-title{ 
    margin: 0 0 5px; 
font-weight: 500; 
font-size: 22px; 
line-height: 1.5; 
color:#242E37;

  }

  .unit-desc{ 
    margin: 0; 
font-weight: 400; 
font-size: 16px; 
line-height: 1.5; 
color:#7e7e7e;

  }
  .unit-card:nth-child(1):hover{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(17, 74, 159, 0.1) 100%);
    border: 1px solid #114A9F1A
  }
  .unit-card:nth-child(2):hover{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(33, 169, 143, 0.1) 100%);
    border: 1px solid #21A98F1A
  }
  .unit-card:nth-child(3):hover{
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(230, 62, 49, 0.1) 100%);
border: 1px solid #E8554A1A
  }
  .unit-card:nth-child(4):hover{ 
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(156, 203, 59, 0.1) 100%);
border: 1px solid #9CCB3B1A
  }

  /* ---- Responsive ---- */
  @media (max-width: 800px){ 
    .units-grid{
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .unit-card{ padding: 30px 28px; }
  }

  @media (prefers-reduced-motion: reduce){
    .unit-card{ transition: none; }
  }