<style>
    :root{
      --srhu-primary:#0b3d91;
      --srhu-secondary:#14b8a6;
      --srhu-accent:#f59e0b;
      --srhu-dark:#0f172a;
      --srhu-soft:#f8fafc;
      --srhu-text:#334155;
    }

    @font-face {
      font-family: 'DIN Pro';
      src: url('/wp-content/uploads/fonts/dinpro_light.woff2') format('woff2');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'DIN Pro';
      src: url('/wp-content/uploads/fonts/dinpro.woff2') format('woff2');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'DIN Pro';
      src: url('/wp-content/uploads/fonts/dinpro_bold.woff2') format('woff2');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'DIN Pro';
      src: url('/wp-content/uploads/fonts/dinpro_black.woff2') format('woff2');
      font-weight: 900;
      font-style: normal;
      font-display: swap;
    }

    body{
      font-family:'DIN Pro', sans-serif;
      color:var(--srhu-text);
      background:#fff;
    }

    .navbar-brand{
      font-weight:800;
      letter-spacing:-0.03em;
      color:var(--srhu-primary)!important;
    }

    /* Hero Section with Banner and Transparent Form Overlay */
    .hero-section-wrapper {
      position: relative;
      background: #28396f;
    }

    .hero-banner-wrap {
      position: relative;
    }

    .hero-banner {
      width: 100%;
      height: auto;
      display: block;
    }

    /* Transparent Form Overlay on Banner - Desktop */
    .banner-with-form {
      position: relative;
    }

    .form-overlay-container {
      position: absolute;
      top: 0;
      right: 0;
      width: 45%;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 40px 50px 40px 30px;
      z-index: 10;
    }

    .form-card-banner {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
      border-radius: 28px;
      padding: 28px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.3);
      width: 100%;
      transition: all 0.3s ease;
    }

    .form-card-banner:hover {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(14px);
    }

    /* Mobile View - Form below banner */
    @media (max-width: 991.98px) {
      .form-overlay-container {
        position: relative;
        width: 100%;
        padding: 30px 20px 40px;
        background: #f8fafc;
      }
      .hero-section-wrapper {
        background: #28396f;
      }
      .hero-banner-wrap {
        margin-bottom: 0;
      }
      .form-card-banner {
        background: white;
        backdrop-filter: none;
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        margin-top: 0;
      }
    }

    .btn-srhu-primary {
      background: #30356d;
      border: none;
      color: #fff;
      font-weight: 700;
      padding: 14px 24px;
      border-radius: 14px;
      box-shadow: 0 10px 24px rgb(245 216 11 / 12%);
    }

    .btn-srhu-primary:hover{
      color:#fff;
      transform:translateY(-1px);
      background: #30356d;
    }

    .btn-srhu-outline{
      border:1px solid rgba(255,255,255,.35);
      color:#fff;
      font-weight:700;
      padding:14px 24px;
      border-radius:14px;
      background:rgba(255,255,255,.06);
      backdrop-filter:blur(8px);
    }

    .btn-srhu-outline:hover{
      background:#fff;
      color:var(--srhu-primary);
    }

    .section-space{
      padding:80px 0;
    }

    .section-title{
      font-size:clamp(1.8rem,3vw,2.8rem);
      line-height:1.2;
      font-weight:800;
      letter-spacing:-.03em;
      color:#28396f;
      margin-bottom:14px;
    }

    h1, h2, h3, h4, h5, h6{
      color:#28396f;
    }

    .hero-section h1,
    .closing-section h2{
      color:#fff;
    }

    .section-subtitle{
      max-width:720px;
      color:#64748b;
      font-size:1.03rem;
      line-height:1.8;
    }

    .schedule-card{
      overflow:hidden;
      background:#fff;
      border-radius:24px;
      box-shadow:0 15px 45px rgba(15,23,42,.10);
    }

    .schedule-card .table thead th{
      background:#eef4ff;
      color:var(--srhu-primary);
      border:0;
      font-weight:700;
      padding:18px 16px;
      white-space:nowrap;
    }

    .schedule-card .table tbody td{
      padding:18px 16px;
      vertical-align:middle;
      border-color:#eef2f7;
    }

    .topic-badge{
      display:inline-block;
      padding:8px 12px;
      border-radius:999px;
      background:#eff6ff;
      color:var(--srhu-primary);
      font-size:.85rem;
      font-weight:700;
    }

    .value-list li,
    .why-list li{
      margin-bottom:14px;
      padding-left:36px;
      position:relative;
      line-height:1.7;
    }

    .value-list li::before,
    .why-list li::before{
      content:'✓';
      position:absolute;
      left:0;
      top:1px;
      width:24px;
      height:24px;
      border-radius:50%;
      background:#ecfeff;
      color:#0f766e;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:.85rem;
      font-weight:800;
    }

    .quote-box{
      background:linear-gradient(135deg,#0b3d91,#1d4ed8);
      color:#fff;
      padding:28px;
      border-radius:24px;
    }

    .info-card{
      background:#fff;
      padding:28px;
      height:100%;
      border:1px solid #eef2f7;
      border-radius:24px;
      box-shadow:0 15px 45px rgba(15,23,42,.10);
    }

    .icon-wrap{
      width:58px;
      height:58px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:18px;
      background:linear-gradient(135deg,#dbeafe,#ecfeff);
      color:var(--srhu-primary);
      font-size:1.5rem;
      margin-bottom:18px;
    }

    .form-section{
      background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
    }

    .form-label{
      font-weight:700;
      color:var(--srhu-dark);
      margin-bottom:8px;
    }

    .form-control,
    .form-select{
      min-height:52px;
      border-radius:14px;
      border:1px solid #dbe4ef;
      padding:12px 14px;
      box-shadow:none;
      background: rgba(255,255,255,0.95);
    }

    .form-control:focus,
    .form-select:focus{
      border-color:#93c5fd;
      box-shadow:0 0 0 .2rem rgba(59,130,246,.12);
    }

    .helper-note{
      font-size:.92rem;
      color:#64748b;
    }

    .closing-section{
      background:linear-gradient(135deg,#0f172a 0%,#0b3d91 55%,#14b8a6 100%);
      color:#fff;
      position:relative;
      overflow:hidden;
    }

    .closing-section::after{
      content:'';
      position:absolute;
      inset:auto -80px -120px auto;
      width:280px;
      height:280px;
      background:rgba(255,255,255,.08);
      border-radius:50%;
    }

    .text-soft{
      color:rgba(255,255,255,.82);
    }

    .footer-mini{
      font-size:.92rem;
      color:#94a3b8;
    }

    .hero-tag{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      padding:10px 16px;
      border-radius:999px;
      font-size:.9rem;
      font-weight:600;
      margin-bottom:18px;
      backdrop-filter:blur(8px);
    }

    .hero-title{
      font-size:clamp(2.2rem,5vw,4.5rem);
      font-weight:800;
      line-height:1.08;
      letter-spacing:-.04em;
      margin-bottom:18px;
    }

    .hero-subtext{
      font-size:1.08rem;
      line-height:1.8;
      color:rgba(255,255,255,.88);
      max-width:680px;
      margin-bottom:30px;
    }

    .hero-card{
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter:blur(10px);
      color:#fff;
      padding:28px;
      border-radius:24px;
    }

    .hero-mini-stat{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.1);
      border-radius:18px;
      padding:18px;
      text-align:center;
      height:100%;
    }

    .hero-mini-stat h4{
      font-size:1.6rem;
      font-weight:800;
      margin-bottom:6px;
    }

    @media (max-width: 991.98px){
      .section-space{
        padding:64px 0;
      }
      .info-card,
      .quote-box{
        padding:24px;
      }
    }