:root {
     --red: #cc0000;
     --red-dark: #a30000;
     --red-light: #e63333;
     --gold: #dd9221;
     --gold-dark: #b8761a;
     --bg: #ffffff;
     --bg2: #f9f7f5;
     --bg3: #f2efec;
     --text: #1a1a1a;
     --text2: #444444;
     --muted: #888888;
     --border: #e4e0db;
     --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.07);
     --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.10);
     --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.13);
 }

 *,
 *::before,
 *::after {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     font-family: 'Poppins', sans-serif;
     background: var(--bg);
     color: var(--text);
     overflow-x: hidden;
     min-height: 100vh;
 }

 /* ── TOPBAR ── */
 .topbar {
     background: var(--red);
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 28px;
     padding: 9px 20px;
     font-size: 13px;
     font-weight: 500;
     flex-wrap: wrap;
     color: #fff;
 }

 .topbar .top-item {
     display: flex;
     align-items: center;
     gap: 6px;
 }

 .topbar i {
     font-size: 14px;
     color: #fff;
 }

 .topbar a {
     color: #fff;
     text-decoration: none;
     transition: 0.3s;
 }

 .topbar a:hover {
     opacity: 0.8;
 }

 .topbar .sep {
     opacity: 0.4;
 }


 /* ── NAV ── */
 .main-nav {
     position: sticky;
     top: 0;
     z-index: 999;
     background: rgba(255, 255, 255, 0.85);
     backdrop-filter: blur(14px);
     -webkit-backdrop-filter: blur(14px);
     border-bottom: 1px solid var(--border);
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 5%;
     transition: all 0.3s ease;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
 }

 /* Logo */
 .logo {
     display: flex;
     align-items: center;
     text-decoration: none;
 }

 .logo img {
     height: 65px;
     width: auto;
     transition: transform 0.3s ease;
 }

 .logo img:hover {
     transform: scale(1.01);
 }

 /* CTA Button */
 .nav-cta {
     background: linear-gradient(135deg, var(--red), var(--red-dark));
     color: #fff;
     border-radius: 50px;
     padding: 12px 28px;
     font-size: 14px;
     font-weight: 600;
     text-decoration: none;
     letter-spacing: 0.4px;
     transition: all 0.25s ease;
     box-shadow: 0 6px 18px rgba(220, 38, 38, 0.052);
     display: inline-flex;
     align-items: center;
     gap: 8px;
 }

 /* Hover Effect */
 .nav-cta:hover {
     transform: translateY(-1px);
     box-shadow: 0 8px 22px rgba(220, 38, 38, 0.155);
 }

 /* Active Click Effect */
 .nav-cta:active {
     transform: translateY(0px);
     box-shadow: 0 4px 14px rgba(220, 38, 38, 0.25);
 }

 /* ── HERO ── */
 .hero {
     display: grid;
     grid-template-columns: 1fr 430px;
     gap: 50px;
     padding: 5%;
     position: relative;
     overflow: hidden;
     align-items: center;
     background: var(--bg);
 }

 .hero::before {
     content: '';
     position: absolute;
     inset: 0;
     background:
         radial-gradient(ellipse 55% 70% at 110% 50%, rgba(204, 0, 0, 0.06) 0%, transparent 65%),
         radial-gradient(ellipse 40% 60% at -5% 80%, rgba(221, 146, 33, 0.07) 0%, transparent 60%);
     pointer-events: none;
 }

 .hero-grid {
     position: absolute;
     inset: 0;
     background-image: radial-gradient(circle, #e0dbd5 1px, transparent 1px);
     background-size: 30px 30px;
     opacity: 0.6;
     pointer-events: none;
 }

 .hero-left {
     position: relative;
     z-index: 2;
 }

 .pill {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(204, 0, 0, 0.07);
     border: 1px solid rgba(204, 0, 0, 0.2);
     border-radius: 100px;
     padding: 6px 16px;
     font-size: 11px;
     font-weight: 600;
     color: var(--red);
     text-transform: uppercase;
     letter-spacing: 0.08em;
     margin-bottom: 15px;

 }

 .pill-dot {
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: var(--red);
     animation: blink 1.4s infinite;
     flex-shrink: 0;
 }

 @keyframes blink {

     0%,
     100% {
         opacity: 1
     }

     50% {
         opacity: 0.2
     }
 }

 h1 {
     font-family: 'poppins', sans-serif;
     font-size: 52px;
     font-weight: 700;
     line-height: 1.2em;
     color: var(--text);
     margin-bottom: 20px;
 }

 h1 .red {
     color: var(--red);
 }

 .gold-ul {
     position: relative;
     display: inline-block;
 }

 .gold-ul::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: -4px;
     width: 100%;
     height: 4px;
     background: var(--gold);
     border-radius: 2px;
 }

 .hero-desc {
     font-size: 16px;
     line-height: 1.6em;
     color: var(--text2);
     max-width: 600px;
     margin-bottom: 30px;
 }

 /* ── IPU BADGE ── */
 .ipu-badge {
     display: flex;
     align-items: center;
     gap: 16px;
     background: rgba(255, 255, 255, 0.75);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     border: 1px solid rgba(0, 0, 0, 0.06);
     border-radius: 16px;
     padding: 18px 20px;
     margin-bottom: 35px;
     max-width: 450px;
     transition: all 0.3s ease;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
 }

 /* Hover effect */
 .ipu-badge:hover {
     transform: translateY(-4px);
     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
 }

 /* Logo */
 .ipu-badge img {
     height: 65px;
     width: auto;
     flex-shrink: 0;
 }

 /* Content wrapper */
 .ipu-content {
     display: flex;
     flex-direction: column;
     line-height: 1.5em;
 }

 /* Title */
 .ipu-content strong {
     font-size: 16px;
     color: var(--text);
     font-weight: 600;
 }

 /* Subtitle */
 .ipu-content span {
     font-size: 16px;
     color: var(--text2);
     margin-top: 3px;
 }

 /* ── STATS ROW ── */
 .stats-row {
     display: flex;
     gap: 60px;
     margin-bottom: 35px;
     flex-wrap: wrap;
 }

 /* Individual Stat */
 .stat {
     position: relative;
     padding-bottom: 14px;
 }

 /* Bottom Accent Line */
 .stat::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 40px;
     height: 3px;
     background: var(--red);
     border-radius: 3px;
     transition: 0.3s ease;
 }

 .stat:hover::after {
     width: 60px;
 }

 /* Number */
 .stat-num {
     font-family: 'Poppins', sans-serif;
     font-size: 35px;
     font-weight: 700;
     color: var(--text);
     line-height: 1.2;

 }

 /* Plus Sign */
 .stat-num em {
     color: var(--red);
     font-style: normal;
     font-size: 28px;
     margin-left: 3px;
 }

 /* Label */
 .stat-label {
     font-size: 14px;
     color: var(--muted);
     margin-top: 6px;

 }

 /* ── TRUST ROW ── */
 .trust-row {
     display: flex;
     gap: 14px;
     flex-wrap: wrap;

 }

 /* Badge Style */
 .trust-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 50px;
     padding: 9px 16px;
     font-size: 14px;
     color: var(--text);
     font-weight: 500;
     transition: all 0.25s ease;
 }

 /* Icon Style */
 .trust-badge i {
     font-size: 14px;
     color: var(--red);
     transition: 0.3s;
 }

 /* Hover Effect */
 .trust-badge:hover {
     border-color: var(--red);
     transform: translateY(-2px);
 }

 .trust-badge:hover i {
     transform: scale(1.1);
 }

 /* ───────── FORM CARD ───────── */
 .form-card {
     position: relative;
     background: #ffffff;
     border-radius: 24px;
     padding: 30px;
     box-shadow: 0 30px 80px rgba(0, 0, 0, 0.06);
     margin: auto;
     transition: 0.3s ease;
     overflow: hidden;
 }

 /* Top Red Border Strip */
 .form-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 6px;
     /* thickness control */
     background: #cc0000;
     /* red color */
     border-radius: 24px 24px 0 0;
 }

 .form-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 40px 90px rgba(0, 0, 0, 0.08);
 }

 /* ───────── HEADER ───────── */
 .form-header {
     margin-bottom: 25px;
 }

 .free-tag {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: #fff4e5;
     color: var(--gold);
     font-size: 11px;
     font-weight: 600;
     padding: 6px 16px;
     border-radius: 50px;
     margin-bottom: 18px;
     letter-spacing: 0.06em;
     text-transform: uppercase;
 }

 .free-tag i {
     font-size: 14px;
 }

 /* ───────── TITLE ───────── */
 .form-card h2 {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 5px;
     color: var(--text);
 }

 .form-card .sub {
     font-size: 16px;
     color: var(--muted);
 }

 /* ───────── FORM GROUP ───────── */
 .form-group {
     margin-bottom: 20px;
 }

 .form-group label {
     display: block;
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 5px;
     color: #444;
 }

 /* ───────── INPUTS ───────── */
 .form-group input,
 .form-group select {
     width: 100%;
     padding: 10px 15px;
     border-radius: 50px;
     border: 1.5px solid #e5e5e5;
     background: #fafafa;
     font-size: 14px;
     transition: all 0.25s ease;
 }

 .form-group input:focus,
 .form-group select:focus {
     border-color: #cc0000;
     background: #ffffff;
     box-shadow: 0 0 0 4px rgba(204, 0, 0, 0.08);
     outline: none;
 }

 /* ───────── BUTTON ───────── */
 .submit-btn {
     width: 100%;
     margin-top: 25px;
     padding: 12px 18px;
     border-radius: 50px;
     background: linear-gradient(135deg, #cc0000, #8f0000);
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     border: none;
     cursor: pointer;
     transition: 0.3s ease;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
 }

 .submit-btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 20px 40px rgba(204, 0, 0, 0.074);
 }

 .btn-icon {
     font-size: 15px;
     transition: 0.3s ease;
     height: 18px;
 }

 .submit-btn:hover .btn-icon {
     transform: translateX(6px);
 }

 /* ───────── NOTE ───────── */
 .form-note {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 6px;
     font-size: 12px;
     margin-top: 15px;
     color: var(--muted);
 }

 .form-note i {
     font-size: 14px;
 }

 /* ───────── SUCCESS ───────── */
 .success-msg {
     display: none;
     text-align: center;
     padding-top: 35px;
 }

 .success-msg .ck {
     width: 65px;
     height: 65px;
     border-radius: 50%;
     background: #e8f8ef;
     color: #2e7d32;
     font-size: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 18px;
 }

 /* ── PARTNER SECTION (THEME VERSION) ── */

 .partners-unique {
     position: relative;
     overflow: hidden;

     /* Soft warm background */
     background:
         radial-gradient(circle at 15% 20%, rgba(204, 0, 0, 0.06) 0%, transparent 40%),
         radial-gradient(circle at 85% 80%, rgba(255, 193, 7, 0.08) 0%, transparent 40%),
         linear-gradient(135deg, #fffaf7 0%, #fff 100%);
 }

 /* 🔹 Top Subtle Pattern */
 .partners-unique::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 120px;
     background-image: radial-gradient(rgba(204, 0, 0, 0.07) 1px, transparent 1px);
     background-size: 20px 20px;
     opacity: 0.3;
     z-index: 0;
 }

 /* 🔹 Left Soft Red Glow */
 .partners-unique::after {
     content: "";
     position: absolute;
     width: 500px;
     height: 500px;
     background: rgba(204, 0, 0, 0.08);
     border-radius: 50%;
     top: -250px;
     left: -250px;
     z-index: 0;
     filter: blur(60px);
 }

 /* 🔹 Right Gold Glow */
 .partners-unique .partners-inner::after {
     content: "";
     position: absolute;
     width: 500px;
     height: 500px;
     background: rgba(255, 193, 7, 0.10);
     border-radius: 50%;
     bottom: -250px;
     right: -250px;
     z-index: -1;
     filter: blur(80px);
 }

 /* Container */
 .partners-inner {
     max-width: 1200px;
     margin: auto;
     text-align: center;
     position: relative;
     z-index: 2;
 }

 /* Subtitle */
 .section-subtitle {
     font-size: 16px;
     color: var(--muted);
     font-weight: 400;
     margin-bottom: 40px;
 }

 /* ============================= */
 /* ✨ Unique Minimal Logo Slider */
 /* ============================= */

 .logo-slider {
     overflow: hidden;
     position: relative;
     ;
 }

 /* Soft Edge Fade */
 .logo-slider::before,
 .logo-slider::after {
     content: "";
     position: absolute;
     top: 0;
     width: 140px;
     height: 100%;
     z-index: 2;
     pointer-events: none;
 }

 .logo-slider::before {
     left: 0;

 }

 .logo-slider::after {
     right: 0;

 }

 /* Moving Track */
 .logo-track {
     display: flex;
     align-items: center;
     gap: 30px;
     width: max-content;
     animation: scroll 38s linear infinite;
 }

 @keyframes scroll {
     from {
         transform: translateX(0);
     }

     to {
         transform: translateX(-50%);
     }
 }

 /* Remove Card Background Completely */
 .logo-item {
     flex: 0 0 auto;
     padding: 0;
     background: transparent;
     /* remove white */
     border: none;
     /* remove border */
 }

 /* Logo Style */
 .logo-item img {
     height: 80%;
     width: auto;
     object-fit: contain;
     opacity: 0.85;
     transition: 0.4s ease;
 }

 /* Premium Hover Effect */
 .logo-item:hover img {
     transform: scale(1.12);
     opacity: 1;
     filter: drop-shadow(0 10px 20px rgba(84, 104, 255, 0.25));
 }

 /* Pause on Hover */
 .logo-slider:hover .logo-track {
     animation-play-state: paused;
 }

 /* ── SECTIONS ── */
 .section {
     padding: 5%;
     text-align: center;
 }

 .section.bg2 {
     background: var(--bg2);
     border-top: 1px solid var(--border);
     border-bottom: 1px solid var(--border);
 }

 .section-label {
     font-size: 11px;
     font-weight: 600;
     color: var(--red);
     letter-spacing: 0.14em;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .section-title {
     font-family: 'poppins', sans-serif;
     font-size: 42px;
     font-weight: 600;
     line-height: 1.3em;
     color: var(--text);
     margin-bottom: 12px;
 }

 .section-sub {
     font-size: 16px;
     color: var(--muted);
     max-width: 530px;
     margin-bottom: 44px;
 }

 /* ── PROGRAMMES ── */

 /* Grid */
 .programs-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
 }

 /* Card */
 .program-card {
     background: #ffffff;
     border-radius: 20px;
     overflow: hidden;
     border: 1px solid rgba(204, 0, 0, 0.12);
     transition: 0.35s ease;
     position: relative;
 }



 .program-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 45px rgba(204, 0, 0, 0.037);
 }

 .program-card:hover::after {
     bottom: -40px;
 }

 /* Image */
 .prog-img {
     width: 100%;
     height: auto;
     object-fit: cover;
     transition: 0.4s ease;
 }

 .program-card:hover .prog-img {
     transform: scale(1.08);
 }

 /* Body */
 .prog-body {
     padding: 15px 10px;
 }

 /* Level */
 .prog-level {
     font-size: 10px;
     font-weight: 600;
     color: #cc0000;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     margin-bottom: 8px;
 }

 /* Title */
 .prog-title {
     font-family: 'Poppins', sans-serif;
     font-size: 16px;
     font-weight: 600;
     color: #222;
     margin-bottom: 16px;
     line-height: 1.4;
 }

 /* Meta */
 .prog-meta {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
     margin-bottom: 20px;
     justify-content: center;
 }

 /* Tags */
 .prog-tag {
     display: inline-flex;
     align-items: center;
     gap: 4px;
     font-size: 11px;
     background: rgba(204, 0, 0, 0.06);
     color: #555;
     padding: 6px 10px;
     border-radius: 40px;
     font-weight: 500;
     border: 1px solid rgba(204, 0, 0, 0.15);
 }

 .prog-tag i {
     color: #cc0000;
     font-size: 11px;
 }

 /* Button */
 .prog-apply {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: linear-gradient(135deg, #cc0000, #ff1a1a);
     color: #fff;
     font-size: 13px;
     font-weight: 600;
     padding: 10px 22px;
     border-radius: 40px;
     text-decoration: none;
     transition: 0.3s ease;

 }

 .prog-apply:hover {
     background: linear-gradient(135deg, #a30000, #e60000);
     transform: translateX(3px);

 }

 /* ── INFRASTRUCTURE ── */

 .campus-section {

     background: linear-gradient(180deg, #fffafa 0%, #ffffff 40%, #fff7f7 100%);
 }

 .mini-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(204, 0, 0, 0.08);
     color: #cc0000;
     padding: 6px 18px;
     border-radius: 50px;
     font-size: 13px;
     font-weight: 600;
 }

 .mini-badge span {
     width: 8px;
     height: 8px;
     background: #cc0000;
     border-radius: 50%;
 }

 /* Grid */
 .infra-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 35px;
 }

 /* Card */
 .infra-card {
     background: #ffffff;
     border-radius: 22px;
     overflow: hidden;
     position: relative;
     transition: 0.4s ease;
     border: 1px solid rgba(204, 0, 0, 0.1);
 }

 /* Creative Top Accent */
 .infra-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 4px;
     background: linear-gradient(90deg, #cc0000, #ff4d4d);
 }

 /* Hover */
 .infra-card:hover {
     transform: translateY(-12px);
     box-shadow: 0 25px 45px rgba(204, 0, 0, 0.047);
 }

 /* Image */
 .infra-img-wrap {
     overflow: hidden;
 }

 .infra-img-wrap img {
     width: 100%;
     height: 220px;
     object-fit: cover;
     transition: 0.4s ease;
 }

 .infra-card:hover img {
     transform: scale(1.08);
 }

 /* Body */
 .infra-body {
     padding: 22px;
 }

 .infra-body h3 {
     font-size: 18px;
     margin-bottom: 12px;
     font-weight: 600;
 }

 .infra-body p {
     font-size: 14px;
     color: var(--muted);
     line-height: 1.6;
     margin: 0px;
 }

 /* Responsive */
 @media (max-width: 1024px) {
     .infra-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 /* ===== WHY SECTION ===== */

 .why-section {

     position: relative;

     background: linear-gradient(180deg, #ffffff 0%, #fff7f7 100%);
     overflow: hidden;
 }

 /* Background blur shapes */
 .why-section::before,
 .why-section::after {
     content: "";
     position: absolute;
     width: 400px;
     height: 400px;
     border-radius: 50%;
     filter: blur(120px);
     z-index: 0;
 }

 .why-section::before {
     top: -150px;
     left: -150px;
     background: rgba(204, 0, 0, 0.08);
 }

 .why-section::after {
     bottom: -150px;
     right: -150px;
     background: rgba(255, 0, 0, 0.06);
 }

 /* Grid */
 .why-grid {
     position: relative;

     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 35px;
     z-index: 2;
 }

 @media (max-width: 992px) {
     .why-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 600px) {
     .why-grid {
         grid-template-columns: 1fr;
     }
 }

 /* Card */
 .why-card {
     background: #fff;
     padding: 30px;
     border-radius: 24px;
     border: 1px solid #f1f1f1;
     transition: all 0.4s ease;
     position: relative;
     overflow: hidden;
     justify-items: center;
 }

 /* Border animation effect */
 .why-card::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 24px;
     border: 1.5px solid #cc0000;
     opacity: 0;
     transform: scale(0.95);
     transition: 0.4s ease;
 }

 .why-card:hover::before {
     opacity: 1;
     transform: scale(1);
 }

 /* ICON CIRCLE PREMIUM DESIGN */
 .why-icon {
     width: 75px;
     height: 75px;
     margin-bottom: 20px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 30px;
     color: #cc0000;
     position: relative;
     background: linear-gradient(135deg, #ffe5e5, #ffffff);
     transition: 0.4s ease;
 }

 /* Red outer animated ring */
 .why-icon::before {
     content: "";
     position: absolute;
     inset: -6px;
     border-radius: 50%;
     border: 2px dashed rgba(204, 0, 0, 0.4);
     transition: 0.6s ease;
 }

 /* Hover animation */
 .why-card:hover .why-icon {
     background: #cc0000;
     color: #fff;
     transform: rotate(8deg) scale(1.05);
 }

 .why-card:hover .why-icon::before {
     transform: rotate(180deg);
     border-color: #cc0000;
 }

 /* Title */
 .why-title {
     font-family: 'Poppins', sans-serif;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 12px;
     color: #111;
 }

 /* Description */
 .why-desc {
     font-size: 14px;
     color: var(--muted);
     line-height: 1.7;
 }

 /* ── ALUMNI ── */

 .alumni-grid {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     gap: 25px;
 }


 .alumni-card {
     position: relative;
     border-radius: 18px;
     overflow: hidden;
     background: #fff;
     border: 1px solid #f1f1f1;
     transition: all 0.35s ease;
 }

 /* Smooth hover lift */
 .alumni-card:hover {
     background-color: #fff;
     border-color: rgba(204, 0, 0, 0.3);
 }

 /* Image */
 .alumni-img {
     width: 100%;
     height: auto;
     object-fit: cover;
     object-position: top;
     transition: transform 0.5s ease;
 }

 /* Image zoom on hover */
 .alumni-card:hover .alumni-img {
     transform: scale(1.08);
 }



 /* Body */
 .alumni-body {
     position: relative;
     padding: 10px;
     background: #fff;
     z-index: 2;
 }

 /* Name */
 .alumni-name {
     font-family: 'Poppins', sans-serif;
     font-size: 15px;
     font-weight: 600;
     color: #111;
     margin-bottom: 4px;
 }

 /* Role */
 .alumni-role {
     font-size: 12.5px;
     color: #777;
     line-height: 1.5;
 }

 /* Company badge style */
 .alumni-co {
     margin-top: 10px;
     font-size: 11px;
     font-weight: 600;
     display: inline-block;
     padding: 5px 18px;
     border-radius: 50px;
     background: linear-gradient(135deg, #ffe5e5, #fff);
     color: #cc0000;
     border: 1px solid rgba(204, 0, 0, 0.2);
 }

 /* ── CELEBRITIES ── */
 .mm-section {

     background: linear-gradient(135deg, #ffffff 0%, #fff9f9 50%, #fff6f6 100%);
 }

 .celeb-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 18px;
 }

 @media (max-width: 992px) {
     .celeb-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }


 .celeb-grid img {
     width: 100%;
     height: 230px;
     object-fit: cover;
     border-radius: 18px;
     display: block;
     position: relative;
     transition: transform 0.5s ease;
 }

 /* Wrapper effect */
 .celeb-grid img {
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
 }

 /* Hover zoom */
 .celeb-grid img:hover {
     transform: scale(1.04);
 }

 .celeb-item {
     position: relative;
     overflow: hidden;
     border-radius: 22px;
 }

 .celeb-item img {
     width: 100%;
     height: auto;
     object-fit: cover;
     display: block;
     transition: transform 0.6s ease;
 }

 /* Dark cinematic overlay */
 .celeb-item::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent 60%);
     opacity: 0;
     transition: 0.4s ease;
 }

 /* Red animated border */
 .celeb-item::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 22px;
     border: 2px solid transparent;
     transition: 0.4s ease;
 }

 .celeb-item:hover img {
     transform: scale(1.12);
 }

 .celeb-item:hover::after {
     opacity: 1;
 }

 .celeb-item:hover::before {
     border-color: rgba(204, 0, 0, 0.6);
 }



 /* ── TESTIMONIALS ── */

 .testi-wrapper {
     padding-top: 10px;
     overflow: hidden;
     position: relative;
 }

 .testi-track {
     display: flex;
     gap: 25px;
     /* animation: scrollTesti 25s linear infinite;*/
 }

 /*
    @keyframes scrollTesti {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }
       */

 /* CARD DESIGN */
 .testi-card {
     min-width: 320px;
     background: #ffffff;
     border-radius: 20px;
     padding: 30px 26px;
     border: 1px solid #f0f0f0;
     position: relative;
     transition: 0.4s ease;
 }

 /* Glass + premium hover */
 .testi-card:hover {
     transform: translateY(-8px);
     border-color: rgba(204, 0, 0, 0.4);
 }

 /* Big Quote Background */
 .testi-card::before {
     content: "“";
     position: absolute;
     top: 10px;
     right: 20px;
     font-size: 90px;
     color: rgba(204, 0, 0, 0.06);
     font-family: Georgia, serif;
 }

 /* Stars */
 .stars {
     color: #f4b400;
     font-size: 14px;
     letter-spacing: 3px;
     margin-bottom: 16px;
 }

 /* Text */
 .testi-text {
     font-size: 14px;
     line-height: 1.7;
     color: #555;
     margin-bottom: 24px;
 }

 /* Author */
 .testi-author {
     display: flex;
     align-items: center;
     gap: 12px;
     justify-content: center;
 }

 .testi-av {
     width: 46px;
     height: 46px;
     border-radius: 50%;
     background: linear-gradient(135deg, #cc0000, #ff4d4d);
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     color: #fff;
     font-size: 16px;
 }

 .testi-name {
     font-size: 14px;
     font-weight: 600;
     color: #111;
 }

 .testi-prog {
     font-size: 12px;
     color: #888;
 }

 /* ===== PREMIUM CTA SECTION ===== */
 .cta-band {
     position: relative;
     padding: 5%;
     text-align: center;
     overflow: hidden;

     /* Background Image Proper Fill */
     background-image: url('./cta-bg.jpg');
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     /* Optional parallax effect */
 }

 /* Black Overlay */
 .cta-band::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.75);
     /* Adjust 0.6–0.8 for darkness */
     z-index: 1;
 }



 /* Content Box */
 .cta-content {
     position: relative;
     z-index: 2;
     max-width: 750px;
     margin: auto;
     padding: 30px;
     background: rgba(255, 255, 255, 0.08);
     backdrop-filter: blur(8px);
     border-radius: 24px;
     border: 1px solid rgba(255, 255, 255, 0.15);
 }

 /* Heading */
 .cta-content h2 {
     font-family: 'Poppins', sans-serif;
     font-size: 32px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 12px;
 }

 /* Text */
 .cta-content p {
     font-size: 16px;
     color: rgba(255, 255, 255, 0.85);
     margin-bottom: 30px;
     line-height: 1.6;
 }

 /* Premium Button */
 .cta-btn {
     display: inline-block;
     padding: 15px 30px;
     border-radius: 50px;
     font-family: 'Poppins', sans-serif;
     font-size: 16px;
     font-weight: 600;
     text-decoration: none;
     color: #cc0000;
     background: #fff;
     position: relative;
     overflow: hidden;
     transition: 0.4s ease;
 }

 /* Glow animation */
 .cta-btn::before {
     content: "";
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.6), transparent);
     transition: 0.6s;
 }

 .cta-btn:hover::before {
     left: 100%;
 }

 .cta-btn:hover {
     transform: translateY(-4px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
 }

 /* Footer Overall */
 .footer-centered {
     position: relative;
     background: url('./footer-bg.webp') no-repeat center center/cover;
     /* Only image */
     color: #fff;
     text-align: center;

     padding: 3% 5% 1% 5%;
     display: flex;
     flex-direction: column;

     justify-content: center;
     overflow: hidden;
     /* Needed for ::after overlay */
 }

 /* Black overlay on top of the background image */
 .footer-centered::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.921);
     /* Dark overlay color & opacity */
     z-index: 0;
     /* Behind the content */
 }

 /* Make sure all content stays above the overlay */
 .footer-centered>* {
     position: relative;
     z-index: 1;
 }

 /* Main Footer Content */
 .footer-content {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 22px;

     width: 100%;
 }

 /* Each Section */
 .footer-section {

     text-align: center;
 }

 /* Logo */
 .ft-logo img {
     max-width: 160px;
     margin-bottom: 15px;
 }

 /* Address */
 .ft-address p {
     margin-bottom: 14px !important;
     font-size: 14px;
     line-height: 1.6;
     opacity: 0.85;
 }

 /* Social Media Icons */
 .ft-social {
     margin-top: 10px;
 }

 .ft-social a {
     color: #fff;
     font-size: 20px;
     margin: 0 8px;
     transition: 0.3s;
     display: inline-block;
 }

 .ft-social a:hover {
     color: #ffd700;
     transform: scale(1.2);
 }

 /* Contact & Links Section */
 .footer-section h3 {
     font-size: 18px;
     margin-bottom: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: var(--gold);
 }

 .footer-section p,
 .footer-section a {
     font-size: 14px;
     margin: 0 5px;
     line-height: 1.6;
     color: #fff;
     text-decoration: none;
     display: inline-block;
     /* Inline list effect */
     transition: 0.3s;
 }

 .footer-section a:hover {
     color: var(--gold);
 }

 .footer-section i {
     color: var(--gold);
     margin-right: 5px;
 }

 /* Footer Bottom */
 .footer-bottom {
     margin-top: 20px;
     padding-top: 15px;
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     font-size: 13px;
     color: #d1d1d1;
     text-align: center;
 }


 /* ── MOBILE STICKY ── */
 .sticky-cta {
     display: none !important;
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(135deg, var(--red), #ff1a1a);
     color: #fff;
     padding: 14px 12px;
     text-align: center;
     font-family: 'Poppins', sans-serif;
     font-size: 18px;
     font-weight: 600;
     z-index: 999;
     text-decoration: none;
     border-top: 3px solid var(--gold);
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     transition: 0.3s ease;
 }

 /* Icon Style */
 .sticky-cta i {
     font-size: 20px;
 }

 /* Hover Effect */
 .sticky-cta:hover {
     background: linear-gradient(135deg, #a30000, #e60000);
     letter-spacing: 0.3px;
 }

 /* Mobile Only */
 @media(max-width: 640px) {
     .sticky-cta {
         display: flex;
         display: block !important;
     }

     /* body {
         padding-bottom: 60px;
     } */
 }

 /* ── ANIMATIONS ── */
 .fade-up {
     opacity: 0;
     transform: translateY(22px);
     transition: opacity 0.55s ease, transform 0.55s ease;
 }

 .fade-up.visible {
     opacity: 1;
     transform: translateY(0);
 }


 /* ── RESPONSIVE ── */
 @media(max-width: 920px) {
     .hero {
         grid-template-columns: 1fr;
         gap: 40px;
         padding: 40px 5% 52px;
     }

     h1 {
         letter-spacing: -0.5px;
     }

     .celeb-grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 @media(max-width: 540px) {
     .celeb-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 /* ── SUCCESS ── */
 .success-msg {
     display: none;
     text-align: center;
     padding: 32px 0;
 }

 .success-msg .ck {
     font-size: 52px;
     margin-bottom: 14px;
 }

 .success-msg h3 {
     font-family: 'poppins', sans-serif;
     font-size: 22px;
     font-weight: 700;
     color: var(--text);
     margin-bottom: 8px;
 }

 .success-msg p {
     font-size: 14px;
     color: var(--muted);
     line-height: 1.6;
 }


 /* ── mm-css ── */

 .mm-text-center {
     text-align: center;
     justify-items: center;
 }

 /* ── mobile-responsive ── */

 /*topbar responsive*/
 @media (max-width: 480px) {
     .topbar {
         gap: 6px;
         padding: 9px 12px;

     }
 }


 /* ── MOBILE RESPONSIVE CSS ── */
 @media (max-width: 480px) {

     /* ── HERO ── */
     .hero {
         grid-template-columns: 1fr;
         /* Stack hero left/right vertically */
         gap: 25px;
         padding: 8%;
     }

     .hero-left {
         text-align: center;
         justify-items: center;
         padding-bottom: 30px;
     }

     .pill {
         padding: 5px 12px;
         font-size: 10px;
         gap: 6px;
     }

     .pill-dot {
         width: 6px;
         height: 6px;
     }

     h1 {
         font-size: 32px;
         line-height: 1.3em;
         margin-bottom: 15px;
         font-weight: 700;
     }

     h1 .red {
         font-size: 32px;
     }

     .gold-ul::after {
         height: 3px;
         bottom: -3px;
     }

     .hero-desc {
         font-size: 14px;
         line-height: 1.5em;
         max-width: 100%;
         margin-bottom: 20px;
     }

     .hero-grid {
         background-size: 20px 20px;
         /* Smaller grid dots */
         opacity: 0.5;
     }

     /* ── IPU BADGE ── */
     .ipu-badge {
         flex-direction: column;
         align-items: center;
         gap: 10px;
         padding: 12px 15px;
         max-width: 100%;
     }

     .ipu-badge img {
         height: 50px;
     }

     .ipu-content {
         align-items: center;
         text-align: center;
     }

     .ipu-content strong,
     .ipu-content span {
         font-size: 14px;
     }

     /* ── STATS ROW ── */
     .stats-row {

         gap: 15px;
         margin-bottom: 10px;
     }

     .stat {
         padding-bottom: 10px;
         text-align: center;
     }

     .stat::after {
         width: 30px;
     }

     .stat:hover::after {
         width: 45px;
     }

     .stat-num {
         font-size: 24px;
     }

     .stat-num em {
         font-size: 20px;
         margin-left: 2px;
     }

     .stat-label {
         font-size: 12px;
         margin-top: 4px;
     }

     /* ── TRUST ROW ── */
     .trust-row {

         gap: 12px;
     }

     .trust-badge {
         font-size: 12px;
         padding: 7px 12px;
         border-radius: 40px;
     }

     .trust-badge i {
         font-size: 12px;
     }

     /* ── FORM CARD ── */
     .form-card {
         padding: 20px;
         border-radius: 16px;
     }

     .form-card::before {
         height: 5px;
         border-radius: 16px 16px 0 0;
     }

     .form-header {
         margin-bottom: 18px;
     }

     .free-tag {
         font-size: 10px;
         padding: 5px 12px;
         margin-bottom: 12px;
     }

     .form-card h2 {
         font-size: 20px;
         margin-bottom: 4px;
     }

     .form-card .sub {
         font-size: 14px;
     }

     .form-group label {
         font-size: 11px;
         margin-bottom: 4px;
     }

     .form-group input,
     .form-group select {
         padding: 8px 12px;
         font-size: 13px;
     }

     .submit-btn {
         padding: 10px 14px;
         font-size: 14px;
     }

     .btn-icon {
         font-size: 13px;
         height: 16px;
     }

     /* Form Note */
     .form-note {
         font-size: 11px;
         /* Slightly smaller text */
         gap: 4px;
         /* Reduce gap between icon and text */
         margin-top: 10px;
     }

     .form-note i {
         font-size: 12px;
         /* Smaller icon */
     }

     /* Success Message */
     .success-msg {
         padding-top: 25px;
         /* Reduce top padding */
     }

     .success-msg .ck {
         width: 50px;
         /* Smaller circle */
         height: 50px;
         font-size: 22px;
         /* Smaller icon inside */
         margin-bottom: 12px;
         /* Reduce margin */
     }
 }


 /* ── MOBILE RESPONSIVE: PARTNERS SECTION ── */
 @media (max-width: 480px) {


     .section {
         padding: 8%;
     }

     /* Background Circles */
     .partners-unique::after {
         width: 300px;
         height: 300px;
         top: -150px;
         left: -150px;
     }

     .partners-unique .partners-inner::after {
         width: 350px;
         height: 350px;
         bottom: -175px;
         right: -175px;
     }

     .partners-inner {
         max-width: 100%;
     }

     /* Section Titles */
     .section-subtitle {
         font-size: 13px;
         margin-bottom: 30px;
     }

     .section-label {
         font-size: 10px;
         margin-bottom: 6px;
     }

     .section-title {
         font-size: 28px;
         line-height: 1.3em;
         margin-bottom: 8px;
     }

     .section-sub {
         font-size: 14px;
         max-width: 100%;
         margin-bottom: 30px;
     }

     /* Logo Slider */
     .logo-track {
         gap: 15px;
         /* Reduce space between logos */
     }

     .logo-item img {
         height: 50px;
         /* Smaller logos */
         opacity: 0.9;
     }

     /* Soft Edge Fade */
     .logo-slider::before,
     .logo-slider::after {
         width: 60px;
         /* Narrower fade edges */
     }
 }

 /* ── MOBILE RESPONSIVE: PROGRAMMES ── */
 @media (max-width: 480px) {

     /* Grid: Stack cards vertically */
     .programs-grid {
         grid-template-columns: 1fr;
         /* single column */
         gap: 20px;
         /* reduce gap between cards */
     }

     /* Program Card */
     .program-card {
         border-radius: 16px;
         overflow: hidden;
     }



     /* Body Padding */
     .prog-body {
         padding: 20px;
     }

     /* Level */
     .prog-level {
         font-size: 9px;
         margin-bottom: 6px;
     }

     /* Title */
     .prog-title {
         font-size: 14px;
         margin-bottom: 18px;
         line-height: 1.3;
     }

     /* Meta */
     .prog-meta {
         gap: 8px;
         margin-bottom: 20px;
         justify-content: center;
     }

     /* Tags */
     .prog-tag {
         font-size: 10px;
         padding: 5px 12px;
         gap: 4px;
     }

     .prog-tag i {
         font-size: 10px;
     }

     /* Button */
     .prog-apply {
         font-size: 12px;
         padding: 8px 18px;
         gap: 4px;
     }
 }

 /* ── MOBILE RESPONSIVE: INFRASTRUCTURE ── */
 @media (max-width: 480px) {

     /* Grid: single column */
     .infra-grid {
         grid-template-columns: 1fr;
         gap: 20px;
         /* smaller gap */
     }

     /* Card adjustments */
     .infra-card {
         border-radius: 16px;
     }

     /* Image */
     .infra-img-wrap img {
         width: 100%;
         height: auto;
     }

     /* Body padding */
     .infra-body {
         padding: 14px;
     }

     /* Headings */
     .infra-body h3 {
         font-size: 16px;
         margin-bottom: 8px;
     }

     /* Paragraph */
     .infra-body p {
         font-size: 13px;
         line-height: 1.4;
     }

     /* Mini Badge */
     .mini-badge {
         font-size: 11px;
         padding: 4px 12px;
         gap: 6px;
     }

     .mini-badge span {
         width: 6px;
         height: 6px;
     }
 }

 /* ── MOBILE RESPONSIVE: WHY SECTION ── */
 @media (max-width: 480px) {

     /* Grid: single column */
     .why-grid {
         grid-template-columns: 1fr;
         gap: 20px;
         /* reduce gap for mobile */
     }

     /* Card adjustments */
     .why-card {
         padding: 20px;
         border-radius: 16px;
     }

     /* Icon */
     .why-icon {
         width: 60px;
         height: 60px;
         font-size: 24px;
         margin-bottom: 15px;
     }

     .why-icon::before {
         inset: -4px;
         border-width: 1.5px;
     }

     /* Title */
     .why-title {
         font-size: 16px;
         margin-bottom: 8px;
     }

     /* Description */
     .why-desc {
         font-size: 13px;
         line-height: 1.5;
     }

     /* Background blur shapes: optional scaling */
     .why-section::before,
     .why-section::after {
         width: 300px;
         height: 300px;
     }

     .why-section::before {
         top: -120px;
         left: -120px;
     }

     .why-section::after {
         bottom: -120px;
         right: -120px;
     }
 }

 /* ── MOBILE RESPONSIVE: ALUMNI SECTION ── */
 @media (max-width: 480px) {

     /* Grid: single column */
     .alumni-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
         /* smaller gap for mobile */
     }

     /* Card adjustments */
     .alumni-card {
         border-radius: 14px;
         overflow: hidden;
     }

     /* Image */
     .alumni-img {
         width: 100%;
         height: auto;
         object-fit: cover;
     }

     /* Body padding */
     .alumni-body {
         padding: 8px;
     }

     /* Name */
     .alumni-name {
         font-size: 14px;
         margin-bottom: 2px;
     }

     /* Role */
     .alumni-role {
         font-size: 11px;
         line-height: 1.4;
     }

     /* Company badge */
     .alumni-co {
         font-size: 10px;
         padding: 4px 14px;
     }
 }

 /* ── MOBILE RESPONSIVE FOR CELEBRITIES ── */
 @media (max-width: 992px) {
     .celeb-grid {
         grid-template-columns: repeat(3, 1fr);
         /* 2 columns on tablets */
         gap: 15px;
     }

     .celeb-grid img {
         width: 100%;
         height: auto;
     }

     .celeb-item {
         border-radius: 18px;
     }
 }

 @media (max-width: 600px) {
     .celeb-grid {
         grid-template-columns: repeat(2, 1fr);
         /* 2 columns on tablets */
         gap: 12px;
     }

     .celeb-grid img {
         width: 100%;
         height: auto;
     }

     .celeb-item {
         border-radius: 16px;
     }
 }

 /* ── TESTIMONIALS MOBILE RESPONSIVE ── */
 @media (max-width: 992px) {
     .testi-track {
         gap: 18px;
         /* smaller gap for tablets */
     }

     .testi-card {
         min-width: 280px;
         /* slightly smaller card */
         padding: 25px 20px;
     }

     .testi-card::before {
         font-size: 70px;
         /* smaller quote */
         top: 5px;
         right: 15px;
     }

     .testi-text {
         font-size: 13px;
         margin-bottom: 20px;
     }

     .stars {
         font-size: 13px;
         letter-spacing: 2px;
     }

     .testi-av {
         width: 40px;
         height: 40px;
         font-size: 14px;
     }

     .testi-name {
         font-size: 13px;
     }

     .testi-prog {
         font-size: 11px;
     }
 }

 @media (max-width: 600px) {
     .testi-track {
         flex-direction: column;
         /* stack testimonials vertically on mobile */
         gap: 15px;
     }

     .testi-card {
         width: 100%;
         /* full width card */
         min-width: auto;
         padding: 20px 15px;
         justify-items: center;
     }

     .testi-card::before {
         font-size: 50px;
         /* smaller quote */
         top: 0;
         right: 10px;
     }

     .testi-text {
         font-size: 12px;
         line-height: 1.6;
         margin-bottom: 18px;
     }

     .stars {
         font-size: 12px;
         letter-spacing: 1.5px;
     }

     .testi-av {
         width: 36px;
         height: 36px;
         font-size: 13px;
     }

     .testi-name {
         font-size: 12px;
     }

     .testi-prog {
         font-size: 10px;
     }
 }

 @media (max-width: 992px) {
     .cta-band {
         padding: 8%;
         background-attachment: scroll;
         /* Disable fixed parallax for tablets */
     }

     .cta-content {
         padding: 25px;
         max-width: 600px;
     }

     .cta-content h2 {
         font-size: 28px;
     }

     .cta-content p {
         font-size: 15px;
         margin-bottom: 25px;
     }

     .cta-btn {
         padding: 13px 26px;
         font-size: 15px;
     }
 }

 @media (max-width: 600px) {
     .cta-band {
         padding: 8%;
         background-attachment: scroll;
         /* Disable fixed parallax for mobile */
     }

     .cta-content {
         padding: 20px;
         max-width: 100%;
     }

     .cta-content h2 {
         font-size: 22px;
         line-height: 1.3;
     }

     .cta-content p {
         font-size: 14px;
         line-height: 1.5;
         margin-bottom: 20px;
     }

     .cta-btn {
         padding: 12px 22px;
         font-size: 14px;
     }
 }

 /* ===== FOOTER RESPONSIVE ===== */
 @media (max-width: 992px) {
     .footer-centered {
         padding: 8%;
     }

     .footer-content {
         flex-direction: column;
         align-items: center;
         gap: 20px;
     }

     .footer-section {
         text-align: center;
         max-width: 100%;
         justify-items: center;
     }

     .ft-logo img {
         max-width: 140px;
     }

     .ft-address p {
         font-size: 13px;
     }


     .ft-social {
         display: flex;
         justify-content: center;
         gap: 10px;
     }

     .ft-social a {
         font-size: 18px;
         margin: 0 6px;

     }

     .footer-section h3 {
         font-size: 16px;
     }

     .footer-section p,
     .footer-section a {
         font-size: 13px;
         display: block;
         margin: 4px 0;
         display: flex;
     }

     .footer-bottom {
         font-size: 12px;
         padding-top: 12px;
     }
 }

 @media (max-width: 600px) {
     .footer-centered {
         padding: 6% 3% 3% 3%;
     }

     .footer-content {
         gap: 18px;
     }

     .ft-logo img {
         max-width: 120px;
     }

     .ft-address p {
         font-size: 12px;
         line-height: 1.5;
     }

     .ft-social a {
         font-size: 16px;
         margin: 0 5px;
     }

     .footer-section h3 {
         font-size: 14px;
     }

     .footer-section p,
     .footer-section a {
         font-size: 12px;
         margin: 3px 0;
     }

     .footer-bottom {
         font-size: 11px;
         padding-top: 10px;
         padding-bottom: 50px;
     }
 }

 /* ── MM POPUP FORM ── */
 .mm-popup .modal-content {
     background: #fff;
     border-radius: 20px;
     overflow: hidden;
     border: none;
     box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);

 }

 .mm-popup .modal-content::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 6px;
     background: #cc0000;
     border-radius: 24px 24px 0 0;
 }

 .mm-popup .modal-header {
     border-bottom: none;
     padding: 25px 20px 20px 20px;
 }

 .mm-popup .free-tag {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: #fff4e5;
     color: var(--gold);
     font-size: 11px;
     font-weight: 600;
     padding: 6px 16px;
     border-radius: 50px;
     margin-bottom: 12px;
     letter-spacing: 0.06em;
     text-transform: uppercase;
 }

 .mm-popup h2 {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 5px;
     color: var(--text);
 }

 .mm-popup .sub {
     font-size: 14px;
     color: var(--muted);
     margin-bottom: 3px;
 }

 .mm-popup .form-header {
     margin: 0px;
 }

 .mm-popup .modal-title {
     font-family: 'Poppins', sans-serif;
     font-size: 22px;
     font-weight: 600;
     color: #222;
 }

 .mm-popup .btn-close {
     background: rgba(0, 0, 0, 0.05);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     border: none;
 }

 .mm-popup .modal-body {
     padding: 0px 20px 20px 20px;
 }

 .mm-popup form {
     display: flex;
     flex-direction: column;
     gap: 5px;
 }

 .mm-popup .form-group {
     margin-bottom: 13px;
 }

 .mm-popup .form-group input,
 .mm-popup .form-group select {
     width: 100%;
     padding: 10px 18px;
     border: 1px solid #ddd;
     border-radius: 50px;
     font-size: 12px;
     transition: 0.3s ease;
 }

 .mm-popup .form-group input:focus,
 .mm-popup .form-group select:focus {
     border-color: #cc0000;
     outline: none;
     box-shadow: 0 0 8px rgba(204, 0, 0, 0.15);
 }

 .mm-popup .form-note {
     font-size: 12px;
     color: #666;
     text-align: center;
     margin-top: 0px;
     margin-bottom: 10px;
 }

 .mm-popup .form-note i {
     color: #cc0000;
     margin-right: 5px;
 }

 .mm-popup .btn.btn-danger {
     background: linear-gradient(135deg, #cc0000, #ff1a1a);
     border: none;
     padding: 12px 0;
     font-size: 15px;
     font-weight: 600;
     border-radius: 50px;
     transition: 0.3s ease, transform 0.3s ease;
 }

 .mm-popup .btn.btn-danger:hover {
     background: linear-gradient(135deg, #a30000, #e60000);
     transform: translateY(-2px);
     box-shadow: 0 10px 20px rgba(204, 0, 0, 0.2);
 }

 /* Success Message */
 .mm-popup .success-msg {
     display: none;
     text-align: center;
     padding-top: 20px;
 }

 .mm-popup .success-msg .ck {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background: #e8f8ef;
     color: #2e7d32;
     font-size: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 15px;
 }

 /* Mobile Responsive */
 @media (max-width: 768px) {
     .mm-popup .modal-dialog {
         max-width: 95%;
         margin: 1.5rem auto;
     }

     .mm-popup .modal-title {
         font-size: 20px;
     }

     .mm-popup form .form-group input,
     .mm-popup form .form-group select {
         padding: 10px 12px;
         font-size: 13px;
     }

     .mm-popup .btn.btn-danger {
         font-size: 14px;
         padding: 10px 0;
     }
 }

 @media (max-width: 480px) {
     .mm-popup .modal-body {
         padding: 15px 20px;
     }

     .mm-popup .form-note {
         font-size: 11px;
     }

     .mm-popup .btn.btn-danger {
         padding: 10px 0;
         font-size: 13px;
     }

     .mm-popup .modal-header {
         border-bottom: none;
         padding: 25px 20px 1px 20px;
     }
 }


 /* WhatsApp Sticky Button */
 .whatsapp-sticky {
     position: fixed;
     bottom: 80px;
     /* 20px from bottom */
     right: 20px;
     /* 20px from right */
     z-index: 9999;
     display: inline-block;
     width: 55px;
     /* button size */
     height: 55px;
     border-radius: 50%;
     /* circular */
     overflow: hidden;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
     transition: transform 0.3s ease;
 }

 .whatsapp-sticky img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* Hover effect */
 .whatsapp-sticky:hover {
     transform: scale(1.1);
 }

 /* ─── Mobile Responsive ─── */
 @media (max-width: 768px) {
     .whatsapp-sticky {
         width: 50px;
         /* thoda chhota */
         height: 50px;
         bottom: 100px;
         /* bottom spacing adjust */
         right: 15px;
         /* right spacing adjust */
     }
 }

 @media (max-width: 480px) {
     .whatsapp-sticky {
         width: 47px;
         height: 47px;
         bottom: 141px;
         right: 15px;
     }
 }

 /* thanks page  */

 .mm-thankyou {
     padding: 40px 20px 60px 20px;

 }

 .mm-ft {
     padding-bottom: 0px !important;
 }

 @media (max-width: 768px) {
     .mm-ft {
         padding-bottom: 0px !important;
     }
 }