:root{
      --brand:#0d6efd;
      --dark:#0b1320;
      --muted:#6c757d;
      --soft:#f6f8fc;
      --shadow:0 12px 30px rgba(16,24,40,.10);
    }

    /* Sections */
    .s-section{ padding:56px 0; }
    .s-section.bg-soft{ background:var(--soft); }
    .section-title{ text-align:center; margin-bottom:26px; }
    .section-title h2{ font-size:32px; font-weight:800; margin:0 0 8px; letter-spacing:-.4px; color:var(--dark); }
    .section-title p{ margin:0; color:var(--muted); }

    /* Bootstrap 4 gap fallback */
    .sihm-gap > [class*="col-"]{ padding:12px; }
    .sihm-gap{ margin-left:-12px; margin-right:-12px; }

    /* HERO */
    .sihm-hero{
      position:relative;
      padding:70px 0 70px;
      background: linear-gradient(120deg, #1d4ed8, rgba(0, 30, 80, .45)), url(images/courses_bn.jpg) center / cover no-repeat;
      color:#fff;
      overflow:hidden;
    }
    .sihm-hero h1{
      font-size:44px; line-height:1.12; margin:0 0 14px;
      font-weight:800; letter-spacing:-.5px;
    }
    .sihm-hero p{ font-size:16px; opacity:.95; margin:0 0 18px;  }
.cortcol{color:#ffff;}
    .hero-actions{ display:flex; gap:12px; flex-wrap:wrap; }
    .btn-hero{ border-radius:12px; padding:12px 16px; font-weight:700; box-shadow:0 10px 22px rgba(0,0,0,.18); }
    .btn-ghost{ border:1px solid rgba(255,255,255,.35); color:#fff; background:rgba(255,255,255,.08); }
    .btn-ghost:hover{ background:rgba(255,255,255,.14); color:#fff; }

    .hero-stats{ margin-top:18px; display:flex; gap:14px; flex-wrap:wrap; }
    .stat-pill{
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      padding:10px 14px;
      display:flex;
      align-items:center;
      gap:10px;
      backdrop-filter: blur(6px);
    }
    .stat-pill strong{ font-size:16px; }
    .stat-pill span{ font-size:12px; opacity:.9; display:block; margin-top:-2px; }

    .hero-media-card{
      border-radius:22px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.15);
      box-shadow:0 20px 60px rgba(0,0,0,.25);
      overflow:hidden;
      position:relative;
    }
    .hero-media-card img{
      width:100%;
      aspect-ratio: 16 / 10;
      height:auto;
      object-fit:cover;
      display:block;
    }
    .hero-chip{
      position:absolute;
      right:14px;
      top:14px;
      background:#fff;
      color:#111;
      border-radius:14px;
      padding:10px 12px;
      box-shadow:var(--shadow);
      width:min(280px, 92%);
    }
    .hero-chip small{ color:#666; display:block; }
    .hero-chip strong{ display:block; font-size:14px; margin-top:2px; }

    /* ✅ IMAGE-2 STYLE COLLAGE (Top big + two bottom) */
    .collage-psm{
      position:relative;
      width:100%;
      max-width:560px;
      height:clamp(260px, 30vw, 340px);
      margin:0 auto;
    }
    .collage-psm .img-box{
      position:absolute;
      overflow:hidden;
      border-radius:18px;
      box-shadow:var(--shadow);
      background:#fff;
    }
    .collage-psm img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    .collage-psm .img-top{
      left:0; top:0;
      width:76%;
      height:56%;
      border-radius:18px;
    }
    .collage-psm .img-bottom-left{
      left:0;
      bottom:0;
      width:46%;
      height:38%;
      border-radius:18px;
    }
    .collage-psm .img-bottom-right{
      right:0;
      bottom:0;
      width:54%;
      height:46%;
      border-radius:18px;
    }

    /* Badge like Image-2 (top-right) */
    .mini-badge{
      position:absolute;
      right:0;
      top:6px;
      transform:translate(6%, -10%);
      background:#fff;
      border-radius:14px;
      padding:10px 12px;
      box-shadow:var(--shadow);
      display:flex;
      align-items:center;
      gap:10px;
      z-index:5;
      min-width:180px;
    }
    .mini-badge .dots{
      width:38px;
      height:14px;
      border-radius:999px;
      background:linear-gradient(90deg,#0d6efd,#20c997,#ffc107);
      flex:0 0 auto;
    }
    .mini-badge strong{ display:block; font-size:13px; color:#111; }
    .mini-badge small{ display:block; font-size:11px; color:#6b7280; margin-top:-2px; }

    /* Feature text */
    .feature-text h3{ font-size:28px; font-weight:900; margin:0 0 10px; color:var(--dark); }
    .feature-text p{ color:#3c465a; margin:0 0 12px; }
    .checklist{ margin:14px 0 0; padding:0; list-style:none; }
    .checklist li{ display:flex; gap:10px; align-items:flex-start; margin-bottom:10px; color:#2e3a52; }
    .checklist i{ color:var(--brand); margin-top:3px; }

    /* Cards */
    .fact-card, .highlight-card{
      border-radius:20px;
      padding:18px;
      box-shadow:var(--shadow);
      border:1px solid rgba(0,0,0,.04);
      height:100%;
      background:#fff;
    }
    .fact-card h4{ font-weight:900; margin:0 0 8px; font-size:18px; }
    .fact-card p{ margin:0 0 12px; font-size:13.5px; color:#1f2a44; }
    .fact-card .mini-btn{ border-radius:12px; padding:10px 12px; font-weight:800; font-size:13px; border:none; }

    .fact-yellow{ background:#ffe57a; }
    .fact-blue{ background:#4aa7ff; }
    .fact-purple{ background:#d8b4fe; }
    .fact-green{ background:#9fe6b8; }

    .highlight-card i{ font-size:22px; color:var(--brand); }
    .highlight-card h5{ font-weight:900; margin:10px 0 6px; }
    .highlight-card p{ margin:0; color:#51607a; font-size:14px; }

    /* Testimonials */
    .t-card{
      border-radius:18px;
      overflow:hidden;
      box-shadow:var(--shadow);
      position:relative;
      background:#000;
      height:220px;
      display:block;
      text-decoration:none;
    }
    .t-card img{ width:100%; height:100%; object-fit:cover; opacity:.88; display:block; }
    .t-meta{
      position:absolute; left:14px; right:14px; bottom:14px;
      display:flex; justify-content:space-between; align-items:flex-end; gap:10px;
      color:#fff;
    }
    .t-meta .name{ font-weight:900; font-size:14px; }
    .t-meta .role{ font-size:12px; opacity:.9; }
    .play-btn{
      width:44px; height:44px; border-radius:999px;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.22);
      display:flex; align-items:center; justify-content:center;
      backdrop-filter: blur(6px);
    }

    .sihm-dots{ display:flex; justify-content:center; gap:8px; margin-top:14px; }
    .sihm-dot{
      width:10px; height:10px; border-radius:999px;
      border:0; background:rgba(13,110,253,.35);
      cursor:pointer;
    }
    .sihm-dot.active{ background:rgba(13,110,253,1) !important; }

    /* Contact */
    .contact-wrap{
      background:#fff;
      border-radius:22px;
      box-shadow:var(--shadow);
      overflow:hidden;
      border:1px solid rgba(0,0,0,.04);
    }
    .contact-left{
      min-height:360px;
      background:linear-gradient(120deg, rgba(13,110,253,.20), rgba(32,201,151,.15)),
        url('images/courses/NAG01270.JPG') center/cover no-repeat;
    }
    .contact-form{ padding:22px; }
    .contact-form h3{ font-weight:900; margin:0 0 8px; }
    .contact-form p{ margin:0 0 16px; color:var(--muted); }
    .form-control{ border-radius:12px; padding:12px 14px; }
    .btn-send{ border-radius:12px; padding:12px 14px; font-weight:900; }

    /* Sticky apply */
    .sticky-apply{
      position:fixed; right:18px; bottom:18px; z-index:9999;
      background:#dc3545; color:#fff; text-decoration:none;
      border-radius:999px; padding:12px 16px; font-weight:900;
      box-shadow:0 16px 40px rgba(220,53,69,.35);
      display:flex; align-items:center; gap:10px;
    }
    .sticky-apply:hover{ color:#fff; opacity:.95; }

    @media (max-width: 991px){
      .sihm-hero h1{ font-size:34px; }
      .contact-left{ min-height:240px; }
      .mini-badge{ transform:translate(0,0); right:10px; top:10px; }
    }
    @media (max-width: 575px){
      .hero-actions .btn{ width:100%; }
      .stat-pill{ width:100%; }

      .collage-psm{ height:280px; }
      .mini-badge{ min-width:160px; }
    }
 
    /* ===== Lateral Entry Strip (matches screenshot) ===== */
.sihm-leStrip{
  padding-bottom:28px;
  background:#fff;
}

.sihm-leStrip__card{
  background:#0d6efd;                 /* exact bootstrap primary */
  border-radius:20px;
  padding:22px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  box-shadow: 0 14px 34px rgba(16,24,40,.10);
}

.sihm-leStrip__pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:#fff;
  color:#0d6efd;
  font-weight:900;
  font-size:12px;
  line-height:1;
}

.sihm-leStrip__title{
  margin:10px 0 10px;
  color:#fff;
  font-weight:900;
  font-size:22px;
  letter-spacing:-.2px;
}

.sihm-leStrip__meta{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  color:rgba(255,255,255,.95);
  font-weight:700;
  font-size:13px;
}

.sihm-leStrip__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.sihm-leStrip__item i{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  opacity:.95;
}

.sihm-leStrip__right{
  flex:0 0 auto;
}

.sihm-leStrip__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  color:#111;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  padding:10px 16px;
  font-weight:900;
  text-decoration:none;
  letter-spacing:.4px;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}

.sihm-leStrip__btn:hover{
  color:#111;
  transform: translateY(-1px);
  text-decoration:none;
}

/* Responsive */
@media (max-width: 991px){
  .sihm-leStrip__card{
    flex-direction:column;
    align-items:flex-start;
  }
  .sihm-leStrip__btn{ width:auto; }
}

@media (max-width: 575px){
  .sihm-leStrip__card{ padding:18px; }
  .sihm-leStrip__title{ font-size:18px; }
  .sihm-leStrip__btn{ width:100%; justify-content:center; }
}

/* ========== SIHM Image-2 Style Split Section (Scoped) ========== */
.sihm_img2_sec{ padding:56px 0; background:#fff; }
.sihm_img2_row{ margin-left:-12px; margin-right:-12px; }
.sihm_img2_row > [class*="col-"]{ padding:12px; }

.sihm_img2_visual{
  position:relative;
  border-radius:22px;
  overflow:visible;
}

.sihm_img2_main{
  width:100%;
  display:block;
  border-radius:22px;
  object-fit:cover;
  aspect-ratio: 16 / 10;
  box-shadow: 0 18px 40px rgba(16,24,40,.10);
}

/* Top-left stat card */
.sihm_img2_stat{
  position:absolute;
  left:16px;
  top:16px;
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  box-shadow: 0 16px 40px rgba(16,24,40,.12);
  display:flex;
  align-items:center;
  gap:10px;
  z-index:3;
}
.sihm_img2_stat strong{
  font-weight:900;
  font-size:14px;
  color:#0b1320;
}
.sihm_img2_stat small{
  display:block;
  font-size:12px;
  color:#6c757d;
  margin-top:-2px;
}
.sihm_img2_avatars{ display:flex; margin-top:6px; }
.sihm_img2_avatars img{
  width:22px; height:22px;
  border-radius:999px;
  object-fit:cover;
  border:2px solid #fff;
  margin-left:-8px;
}
.sihm_img2_avatars img:first-child{ margin-left:0; }

/* Top-right floating image card */
.sihm_img2_float{
  position:absolute;
  right:-10px;
  top:10px;
  width:170px;
  background:#fff;
  border-radius:16px;
  padding:10px;
  box-shadow: 0 18px 44px rgba(16,24,40,.14);
  z-index:3;
}
.sihm_img2_float img{
  width:100%;
  height:95px;
  border-radius:12px;
  object-fit:cover;
  display:block;
}

/* Right content */
.sihm_img2_label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:13px;
  color:#0b5ed7;
  background: rgba(13,110,253,.08);
  border:1px solid rgba(13,110,253,.14);
  border-radius:999px;
  padding:8px 12px;
}
.sihm_img2_label svg{ width:16px; height:16px; }

.sihm_img2_title{
  margin:14px 0 10px;
  font-weight:900;
  letter-spacing:-.3px;
  color:#0b1320;
  font-size:38px;
  line-height:1.12;
}
.sihm_img2_desc{
  color:#4b5563;
  font-size:14px;
  line-height:1.7;
  margin:0 0 14px;
  max-width:520px;
}

/* Callout box */
.sihm_img2_callout{
  background:#f7fbff;
  border:1px solid rgba(13,110,253,.10);
  border-radius:14px;
  padding:14px 14px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.sihm_img2_callout svg{ width:18px; height:18px; margin-top:2px; flex:0 0 auto; }
.sihm_img2_callout p{ margin:0; color:#304156; font-size:13.5px; line-height:1.6; }

/* Responsive */
@media (max-width: 991px){
  .sihm_img2_title{ font-size:30px; }
  .sihm_img2_float{ right:10px; top:10px; width:155px; }
}
@media (max-width: 575px){
  .sihm_img2_title{ font-size:26px; }
  .sihm_img2_float{ position:static; width:100%; margin-top:12px; }
  .sihm_img2_visual{ display:flex; flex-direction:column; }
}

/* ========== GET IN TOUCH (Clean Premium UI) ========== */
.sihm-contact3__quick{ margin-bottom: 14px; }

.sihm-qcard{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: var(--shadow);
  text-decoration:none;
  transition: transform .18s ease, box-shadow .18s ease;
}
.sihm-qcard:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(16,24,40,.14);
}
.sihm-qcard__icon{
  width:46px; height:46px;
  border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(13,110,253,.10);
  border:1px solid rgba(13,110,253,.14);
  flex:0 0 auto;
}
.sihm-qcard__icon i{ color:var(--brand); font-size:18px; }
.sihm-qcard__text strong{ display:block; font-weight:900; color:var(--dark); }
.sihm-qcard__text span{ display:block; margin-top:2px; color:#6b7280; font-weight:700; font-size:12.5px; }
.sihm-qcard__arrow{ margin-left:auto; color:#94a3b8; }

.sihm-contact3__wrap{
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: var(--shadow);
  overflow:hidden;
}

/* ✅ IMPORTANT FIX: make both columns equal height (removes white space on left) */
.sihm-contact3__row{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
}
.sihm-contact3__left,
.sihm-contact3__right{
  display:flex;
}
.sihm-contact3__leftInner,
.sihm-contact3__formCard{
  width:100%;
  flex:1;
}

/* left */
.sihm-contact3__left{
  background: linear-gradient(135deg, rgba(13,110,253,.10), rgba(32,201,151,.08));
  border-right:1px solid rgba(0,0,0,.06);
}
.sihm-contact3__leftInner{ padding:26px; }
.sihm-contact3__leftInner h3{ margin:0 0 8px; font-weight:900; color:var(--dark); }
.sihm-contact3__leftInner p{ margin:0 0 14px; color:#4b5563; line-height:1.7; }

.sihm-contact3__list{ margin:0; padding:0; list-style:none; }
.sihm-contact3__list li{
  display:flex; gap:10px; align-items:flex-start;
  padding:10px 0;
  border-bottom:1px dashed rgba(0,0,0,.10);
  color:#25324a;
  font-weight:700;
}
.sihm-contact3__list li:last-child{ border-bottom:0; }
.sihm-contact3__list i{ color:var(--brand); margin-top:3px; }

.sihm-contact3__buttons{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-top:14px;
}
.sihm-contact3__btn{
  border-radius:12px;
  padding:12px 14px;
  font-weight:900;
}

/* right form */
.sihm-contact3__formCard{ padding:26px; }
.sihm-contact3__head h3{ margin:0 0 6px; font-weight:900; color:var(--dark); }
.sihm-contact3__head p{ margin:0 0 16px; color:var(--muted); }

.sihm-flabel{
  display:block;
  margin:0 0 6px;
  font-size:12.5px;
  font-weight:900;
  color:#334155;
}
.sihm-fcontrol{
  border-radius:14px !important;
  padding:12px 14px !important;
  border:1px solid rgba(15,23,42,.12) !important;
}
.sihm-fcontrol:focus{
  border-color: rgba(13,110,253,.55) !important;
  box-shadow: 0 0 0 .22rem rgba(13,110,253,.12) !important;
}

.sihm-contact3__formFooter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:6px;
}
.sihm-contact3__submit{
  border-radius:14px;
  padding:12px 16px;
  font-weight:900;
}
.sihm-contact3__note{
  color:#64748b;
  font-weight:800;
}
.sihm-contact3__note i{ color: var(--brand); margin-right:6px; }

/* responsive */
@media (max-width: 991px){
  .sihm-contact3__left{ border-right:0; border-bottom:1px solid rgba(0,0,0,.06); }
}