.section-heading {
     text-align: center;
     margin-bottom: 3rem;
     position: relative;
 }



 .heading-content {
     position: relative;
     display: inline-block;
     background: #fff;
     padding: 0 2rem;
     z-index: 1;
 }

 .section-subtitle {
     color: #6366f1;
     font-size: 0.95rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 0.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
 }

 .section-subtitle::before,
 .section-subtitle::after {
     content: '';
     width: 30px;
     height: 2px;
     background: #6366f1;
 }

 .section-title {
     font-size: 2.5rem;
     font-weight: 700;
     color: #1e293b;
     margin-bottom: 0.75rem;
     line-height: 1.2;
 }

 .section-description {
     font-size: 1.1rem;
     color: #64748b;
     max-width: 700px;
     margin: 0 auto;
     line-height: 24px;
     font-weight: 500;
     margin-top: 20px;
 }

 .icon-box {
     width: 60px;
     height: 60px;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
 }

 .card1:hover .icon-box {
     transform: scale(1.1) rotate(5deg);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
 }

 .price-container {
     margin: 30px 0;
     padding: 10px;
     background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 100%);
     border-radius: 15px;
     position: relative;
     overflow: hidden;
     width: 45%;
     margin: 0 auto;
     ;
 }

 /*---------------Start Holi Popup-----------------*/
 .gulal-container {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     overflow: hidden;
     z-index: 1060;
 }

 .gulal-particle {
     position: absolute;
     border-radius: 50%;
     animation: gulalFall linear forwards;
     filter: blur(1px);
 }

 @keyframes gulalFall {
     0% {
         transform: translateY(-100px) rotate(0deg) scale(1);
         opacity: 1;
     }

     50% {
         opacity: 0.9;
     }

     100% {
         transform: translateY(100%) rotate(720deg) scale(0.3);
         opacity: 0;
     }
 }

 .gulal-burst {
     position: absolute;
     border-radius: 50%;
     animation: burstOut ease-out forwards;
 }

 @keyframes burstOut {
     0% {
         transform: scale(0) translate(0, 0);
         opacity: 1;
     }

     100% {
         transform: scale(1) translate(var(--tx), var(--ty));
         opacity: 0;
     }
 }

 .color-splash {
     position: absolute;
     width: 200px;
     height: 200px;
     border-radius: 50%;
     filter: blur(60px);
     opacity: 0.4;
     animation: splashPulse 3s ease-in-out infinite;
 }

 @keyframes splashPulse {

     0%,
     100% {
         transform: scale(1);
         opacity: 0.3;
     }

     50% {
         transform: scale(1.2);
         opacity: 0.5;
     }
 }

 .splash-pink {
     background: #FF1493;
     top: 10%;
     left: 5%;
 }

 .splash-yellow {
     background: #FFD700;
     top: 60%;
     right: 10%;
     animation-delay: 1s;
 }

 .splash-green {
     background: #32CD32;
     bottom: 20%;
     left: 30%;
     animation-delay: 2s;
 }

 .splash-purple {
     background: #9400D3;
     top: 30%;
     right: 25%;
     animation-delay: 0.5s;
 }

 .splash-orange {
     background: #FF6347;
     bottom: 10%;
     right: 40%;
     animation-delay: 1.5s;
 }

 .modal-content {
     background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 250, 245, 0.98) 100%);
     border: none;
     border-radius: 24px;
     box-shadow:
         0 25px 80px rgba(255, 20, 147, 0.2),
         0 15px 40px rgba(255, 215, 0, 0.15),
         0 5px 15px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     position: relative;
 }

 .modal-content::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 6px;
     background: none;
 }

 .modal-header {
     border: none;
     padding: 0rem 2rem 0.5rem;
     position: relative;
 }

 .modal-title {
     font-family: 'Tiro Devanagari Hindi', serif;
     font-size: 2rem;
     font-weight: 700;
     background: linear-gradient(135deg, #FF1493, #FF6347, #FFD700);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-align: center;
     width: 100%;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
 }

 .subtitle {
     font-size: 1.3rem;
     color: #9400D3;
     text-align: center;
     font-weight: 600;
     margin-top: -0.5rem;
 }

 .modal-body {
     padding: 1.5rem 2rem;
     text-align: center;
 }

 .holi-emoji {
     font-size: 4rem;
     display: flex;
     justify-content: center;
     gap: 1rem;
     margin-bottom: 1rem;
     animation: emojiFloat 2s ease-in-out infinite;
 }

 @keyframes emojiFloat {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 .message-text {
     font-size: 1.1rem;
     color: #555;
     line-height: 1.7;
     margin-bottom: 1.5rem;
 }

 .color-dots {
     display: flex;
     justify-content: center;
     gap: 12px;
     margin: 1.5rem 0;
 }

 .color-dot {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     animation: dotPop 0.6s ease-out backwards;
 }

 .color-dot:nth-child(1) {
     background: #FF1493;
     animation-delay: 0.1s;
 }

 .color-dot:nth-child(2) {
     background: #FFD700;
     animation-delay: 0.2s;
 }

 .color-dot:nth-child(3) {
     background: #32CD32;
     animation-delay: 0.3s;
 }

 .color-dot:nth-child(4) {
     background: #FF6347;
     animation-delay: 0.4s;
 }

 .color-dot:nth-child(5) {
     background: #9400D3;
     animation-delay: 0.5s;
 }

 @keyframes dotPop {
     0% {
         transform: scale(0);
     }

     50% {
         transform: scale(1.3);
     }

     100% {
         transform: scale(1);
     }
 }

 .modal-footer {
     border: none;
     padding: 0.5rem 2rem 2rem;
     justify-content: center;
 }

 .btn-celebrate {
     background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 50%, #7e72cf 100%);
     border: none;
     color: white;
     padding: 14px 50px;
     font-size: 1.2rem;
     font-weight: 700;
     border-radius: 50px;
     text-transform: uppercase;
     letter-spacing: 2px;
     box-shadow: 0 8px 25px rgba(255, 20, 147, 0.4);
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .btn-celebrate:hover {
     transform: translateY(-3px) scale(1.02);
     box-shadow: 0 12px 35px rgba(255, 20, 147, 0.5);
     color: white;
 }

 .btn-celebrate:active {
     transform: translateY(0) scale(0.98);
 }

 .btn-celebrate::after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 0;
     height: 0;
     background: rgba(255, 255, 255, 0.3);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     transition: width 0.6s, height 0.6s;
 }

 .btn-celebrate:hover::after {
     width: 300px;
     height: 300px;
 }

 .rangoli-pattern {
     position: absolute;
     bottom: -30px;
     left: 50%;
     transform: translateX(-50%);
     width: 150px;
     height: 75px;
     opacity: 0.15;
 }

 .btn-close {
     position: absolute;
     right: 1rem;
     top: 1rem;
     opacity: 0.5;
     z-index: 10;
 }

 .btn-close:hover {
     opacity: 1;
 }

 @media (max-width: 576px) {
     .modal-title {
         font-size: 2.2rem;
     }

     .subtitle {
         font-size: 1rem;
     }

     .holi-emoji {
         font-size: 3rem;
     }

     .btn-celebrate {
         padding: 12px 35px;
         font-size: 1rem;
     }
 }

 /*---------------End Holi Popup-----------------*/


 .section-heading {
     text-align: center;
     margin-bottom: 3rem;
     position: relative;
 }



 .heading-content {
     position: relative;
     display: inline-block;
     background: #fff;
     padding: 0 2rem;
     z-index: 1;
 }

 .section-subtitle {
     color: #6366f1;
     font-size: 0.95rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 0.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
 }

 .section-subtitle::before {
     content: '';
     width: 30px;
     height: 2px;
     background: #6366f1;
 }

 .section-title {
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 700;
     color: #3b3a67 !important;
     margin-bottom: 1rem !important;
     line-height: 1.2;
 }

 .section-description {
     font-size: 1.1rem;
     color: #64748b;
     max-width: 700px;
     margin: 0 auto;
     line-height: 24px;
     font-weight: 500;
     margin-top: 20px;
 }

 .logo-carousel-section {
     overflow: hidden;
 }

 .logo-carousel {
     display: flex;
     overflow: hidden;
     position: relative;
 }

 .logo-carousel-track {
     display: flex;
     align-items: stretch;
     width: max-content;
     animation: logoScroll 28s linear infinite;
 }

 .logo-carousel:hover .logo-carousel-track {
     animation-play-state: paused;
 }

 .logo-carousel-set {
     display: flex;
     flex: 0 0 auto;
 }

 .logo-carousel-item {
     flex: 0 0 auto;
     width: 220px;
     border-right: 1px solid #dee2e6;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 1.5rem;
 }

 .logo-carousel-item:first-child {
     border-left: 1px solid #dee2e6;
 }

 .logo-carousel-item .wing-logo {
     justify-content: center;
     width: 100%;
 }

 .logo-carousel-item .wing-logo img {
     max-width: 13rem;
 }

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

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

 @media (max-width: 576px) {
     .logo-carousel-item {
         width: 170px;
         padding: 0 0.75rem;
     }
 }

 .quick-links-section {
     background: linear-gradient(180deg, #ffffff 0%, #ffffff 68%, #f8fbff 100%) !important;
     overflow: hidden;
     padding: 72px 0 50px;
     position: relative;
     z-index: 2;
 }

 .quick-links-section .container {
     align-items: center;
     display: flex;
     flex-direction: column;
 }

 .quick-links-badge {
     background: #eaf2fb;
     border-radius: 8px;
     color: #004aad;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 3px;
     line-height: 1;
     margin-bottom: 22px;
     padding: 8px 14px;
     text-transform: uppercase;
 }

 .quick-links-title {
     color: #3b3a67;
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 700;
     line-height: 1.08;
     margin-bottom: 18px;
     text-align: center;
     width: 100%;
 }

 .quick-links-subtitle {
     color: #56627a;
     font-size: 1.22rem;
     line-height: 1.45;
     margin: 0 auto;
     max-width: 900px;
     text-align: center;
     width: 100%;
 }

 .quick-links-grid {
     margin-top: 15px;
     width: 100%;
 }

 .quick-link-card {
     align-items: center;
     border: 1px solid;
     border-radius: 16px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 100px;
     padding: 15px 10px;
     overflow: hidden;
     position: relative;
     text-align: center;
     text-decoration: none;
     transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
 }

 .quick-link-col {
     flex: 0 0 20%;
     max-width: 20%;
 }

 .quick-link-card:hover {
     box-shadow: 0 18px 34px rgba(14, 35, 68, .09);
     transform: translateY(-5px);
     text-decoration: none;
 }

 .quick-link-card h3 {
     color: #020817;
     font-size: 1rem;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 2.4 !important;
     margin: 0 0 12px;
 }

 .quick-link-card p {
     color: #4c5874;
     font-size: 1rem;
     line-height: 1.35;
     margin: 0;
 }

 .quick-link-blue {
     background: #eef6ff;
     border-color: #e3f0ff;
 }

 .quick-link-amber {
     background: #fff7ed;
     border-color: #e3f0ff;
 }

 .quick-link-purple {
     background: #f8f2ff;
     border-color: #e3f0ff;
 }

 .quick-link-green {
     background: #effdf5;
     border-color: #e3f0ff;
 }

 .quick-link-rose {
     background: #fff1f5;
     border-color: #e3f0ff;
 }

 .quick-link-vector h3,
 .quick-link-vector p,
 .quick-link-vector .quick-link-actions {
     position: relative;
     text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
     z-index: 2;
 }

 .quick-link-vector::before,
 .quick-link-vector::after {
     content: '';
     pointer-events: none;
     position: absolute;
 }

 .quick-link-test-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-test-bg::before {
     border: 8px solid rgba(0, 74, 173, .24);
     border-left-color: transparent;
     border-radius: 999px;
     height: 68px;
     right: -10px;
     top: 18px;
     transform: rotate(-18deg);
     width: 68px;
 }

 .quick-link-test-bg::after {
     background: #004aad;
     border-radius: 12px;
     box-shadow: 30px 0 0 rgba(0, 74, 173, .42), 60px 0 0 rgba(0, 74, 173, .18);
     height: 12px;
     left: 24px;
     opacity: .28;
     top: 24px;
     transform: rotate(-10deg);
     width: 32px;
 }

 .quick-link-instruction-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-instruction-bg::before {
     background:
         linear-gradient(#f59e0b, #f59e0b) 20px 22px / 82px 6px no-repeat,
         linear-gradient(#fed7aa, #fed7aa) 20px 42px / 110px 5px no-repeat,
         linear-gradient(#fed7aa, #fed7aa) 20px 58px / 92px 5px no-repeat,
         linear-gradient(#fff, #fff);
     border: 8px solid rgba(0, 74, 173, .24);
     border-left-color: transparent;
     border-radius: 12px;
     height: 86px;
     opacity: .32;
     right: -20px;
     top: 12px;
     transform: rotate(7deg);
     width: 146px;
 }

 .quick-link-instruction-bg::after {
     background: rgba(245, 158, 11, .28);
     border-radius: 999px;
     box-shadow: 18px 18px 0 rgba(245, 158, 11, .18), 36px 0 0 rgba(245, 158, 11, .14);
     height: 10px;
     left: 24px;
     top: 20px;
     width: 10px;
 }

 .quick-link-result-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-result-bg::before {
     background:
         linear-gradient(90deg, rgba(111, 66, 193, .28) 0 20%, transparent 20% 30%, rgba(111, 66, 193, .28) 30% 56%, transparent 56% 68%, rgba(111, 66, 193, .28) 68% 100%);
     bottom: 18px;
     height: 54px;
     opacity: .5;
     right: 18px;
     transform: skewX(-8deg);
     width: 112px;
 }

 .quick-link-result-bg::after {
     border-bottom: 3px solid rgba(111, 66, 193, .3);
     border-left: 3px solid rgba(111, 66, 193, .3);
     bottom: 20px;
     height: 68px;
     left: 20px;
     opacity: .55;
     width: 80px;
 }

 .quick-link-admit-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-admit-bg::before {
     background:
         linear-gradient(#22c55e, #22c55e) 18px 22px / 68px 6px no-repeat,
         linear-gradient(#bbf7d0, #bbf7d0) 18px 42px / 104px 5px no-repeat,
         linear-gradient(#bbf7d0, #bbf7d0) 18px 58px / 76px 5px no-repeat,
         linear-gradient(#fff, #fff);
     border: 1px solid rgba(34, 197, 94, .2);
     border-radius: 12px;
     height: 88px;
     opacity: .34;
     right: -18px;
     top: 14px;
     transform: rotate(-7deg);
     width: 142px;
 }

 .quick-link-admit-bg::after {
     border: 3px solid rgba(34, 197, 94, .28);
     border-radius: 6px;
     height: 30px;
     left: 22px;
     opacity: .65;
     top: 20px;
     width: 48px;
 }

 .quick-link-media-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-media-bg::before {
     content: '';
     background:
         linear-gradient(#d9275c, #d9275c) 26px 27px / 74px 7px no-repeat,
         linear-gradient(#f9b1c4, #f9b1c4) 26px 47px / 108px 5px no-repeat,
         linear-gradient(#f9b1c4, #f9b1c4) 26px 63px / 86px 5px no-repeat,
         linear-gradient(#ffffff, #ffffff);
     border: 1px solid rgba(217, 39, 92, .18);
     border-radius: 12px;
     box-shadow: 0 10px 22px rgba(217, 39, 92, .16);
     height: 92px;
     opacity: .28;
     position: absolute;
     right: -18px;
     top: 14px;
     transform: rotate(-8deg);
     width: 156px;
 }

 .quick-link-media-bg::after {
     content: '';
     background-image: radial-gradient(rgba(217, 39, 92, .26) 1px, transparent 1px);
     background-size: 10px 10px;
     bottom: 12px;
     height: 52px;
     left: 16px;
     opacity: .28;
     position: absolute;
     width: 82px;
 }

 .quick-link-media-bg h3,
 .quick-link-media-bg p {
     color: #101828;
     position: relative;
     text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
     z-index: 2;
 }

 .quick-link-media-bg p {
     color: #6d2c42;
 }

 .quick-link-vector {
     justify-content: center;
     min-height: 96px;
     padding: 15px 10px;
 }

 .quick-link-vector::before {
     align-items: center;
     background: rgba(255, 255, 255, .72);
     border: 0;
     border-radius: 999px;
     bottom: 10px;
     box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
     display: flex;
     font-family: "Font Awesome 5 Free";
     font-size: 2.4rem;
     font-weight: 900;
     height: 72px;
     justify-content: center;
     opacity: .08;
     right: 12px;
     top: auto;
     transform: none;
     width: 72px;
     z-index: 0;
 }

 .quick-link-vector::after {
     display: none;
 }

 .quick-link-test-bg::before {
     color: #004aad;
     content: '\f0c1';
 }

 .quick-link-instruction-bg::before {
     color: #f59e0b;
     content: '\f15c';
     font-size: 2rem;
     height: 58px;
     opacity: .06;
     right: 8px;
     top: 8px;
     width: 58px;
 }

 .quick-link-result-bg::before {
     color: #6f42c1;
     content: '\f080';
 }

 .quick-link-admit-bg::before {
     color: #16a34a;
     content: '\f2c2';
 }

 .quick-link-media-bg::before {
     color: #d9275c;
     content: '\f1ea';
 }

 .quick-link-vector h3 {
     line-height: 1.25;
     margin-bottom: 14px;
 }

 .quick-link-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     justify-content: center;
     margin-top: 2px;
 }

 .quick-link-pill {
     border-radius: 999px;
     color: #333232;
     display: inline-block;
     font-size: .78rem;
     font-weight: 700;
     line-height: 1;
     padding: 9px 13px;
     text-decoration: none;
 }

 .quick-link-pill:hover {
     color: #fff;
     text-decoration: none;
 }

 .quick-link-pill-primary {
     background: #fdc987;
 }

 .quick-link-pill-secondary {
     background: #ffe0b9;
 }

 @media (max-width: 576px) {
     .quick-links-section {
         padding: 54px 0 60px;
     }

     .quick-link-card h3 {
         color: #020817;
         font-size: 1.4rem;
         font-weight: 700;
         letter-spacing: 0;
         line-height: 2.4 !important;
         margin: 0 0 12px;
     }

     .quick-links-title {
         color: #3b3a67;
         font-size: clamp(1.4rem, 4vw, 2rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 18px;
         text-align: center;
         width: 100%;
     }

     .courses-title {
         color: #3b3a67;
         font-family: Georgia, 'Times New Roman', serif;
         font-size: clamp(2.25rem, 4vw, 2.15rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 20px;
         font-size: 28px !important;
     }

     .quick-links-grid {
         margin-top: 42px;
     }

     .quick-link-card {
         min-height: 122px;
     }

 }

 @media only screen and (max-width: 480px) {
     h2 {
         box-shadow: 0 0px 0 #fecc00;
         padding: 0 5px;
         margin-bottom: 0px !important;
     }

     .courses-subtitle {
         color: #56627a;
         font-size: 1.25rem;
         line-height: 1.45;
         margin: 0 auto;
         max-width: 680px;
         display: inline-block;
         margin-top: 0px !important;
     }
 }

 @media (max-width: 1199px) {
     .quick-link-col {
         flex: 0 0 33.3333%;
         max-width: 33.3333%;
     }
 }

 @media (max-width: 767px) {
     .quick-link-col {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 .courses-showcase {
     /*    background: radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, .96) 0 28%, rgba(255, 255, 255, .6) 45%, transparent 64%), radial-gradient(circle at 0% 0%, rgba(221, 232, 255, .74) 0 18%, transparent 39%), radial-gradient(circle at 100% 4%, rgba(221, 232, 255, .82) 0 20%, transparent 42%), radial-gradient(circle at 69% 111%, rgba(218, 226, 255, .58) 0 16%, transparent 34%), linear-gradient(180deg, #f8fbff 0%, #f5f9ff 42%, #ffffff 72%, #f8fbff 100%);
   */
     margin-top: -1px;
     overflow: hidden;
     padding: 96px 0 94px;
     position: relative;
 }

 .courses-showcase::before,
 .courses-showcase::after {
     content: '';
     pointer-events: none;
     position: absolute;
     z-index: 0;
 }

 .courses-showcase::before {
     background-image:
         radial-gradient(circle, rgba(0, 74, 173, .34) 1.4px, transparent 1.8px);
     background-size: 24px 24px;
     height: 150px;
     left: 14%;
     opacity: .26;
     top: 54px;
     width: 160px;
     animation: coursesDrift 13s ease-in-out infinite;
 }

 .courses-showcase::after {
     background-image:
         radial-gradient(circle, rgba(0, 74, 173, .42) 1.5px, transparent 1.9px);
     background-size: 23px 23px;
     bottom: 56px;
     height: 150px;
     opacity: .28;
     right: 5%;
     width: 165px;
     animation: coursesDrift 16s ease-in-out infinite reverse;
 }

 .courses-showcase>.container {
     position: relative;
     z-index: 2;
 }

 .courses-bg-art,
 .courses-bg-art span {
     pointer-events: none;
     position: absolute;
     z-index: 1;
 }

 .courses-bg-art {
     inset: 0;
     overflow: hidden;
 }

 .courses-bg-art span {
     display: block;
 }

 .courses-art-book,
 .courses-art-pen,
 .courses-art-atom {
     filter: drop-shadow(0 18px 26px rgba(0, 74, 173, .22));
     opacity: .9;
 }

 .courses-art-book {
     height: 84px;
     left: 7%;
     top: 86px;
     transform: rotate(-30deg);
     width: 84px;
     animation: coursesFloat 6.5s ease-in-out infinite;
 }

 .courses-art-book::before {
     background: linear-gradient(145deg, #77a8ff 0%, #004aad 100%);
     border-radius: 13px 10px 12px 13px;
     box-shadow: inset -10px -10px 18px rgba(1, 42, 132, .16);
     content: '';
     inset: 9px 15px 14px 15px;
     position: absolute;
 }

 .courses-art-book::after {
     background:
         linear-gradient(#eaf2ff 0 0) 19px 25px / 36px 9px no-repeat,
         linear-gradient(rgba(255, 255, 255, .55) 0 0) 23px 42px / 30px 5px no-repeat,
         linear-gradient(rgba(255, 255, 255, .42) 0 0) 23px 53px / 24px 5px no-repeat;
     border-bottom: 9px solid #d8e6ff;
     border-radius: 10px;
     content: '';
     inset: 0;
     position: absolute;
 }

 .courses-art-pen {
     height: 136px;
     right: 9%;
     top: 98px;
     transform: rotate(28deg);
     width: 36px;
     animation: coursesFloat 7s ease-in-out infinite .8s;
 }

 .courses-art-pen::before {
     background:
         linear-gradient(180deg, #1559df 0 10%, #eaf2ff 10% 22%, #78aaff 22% 79%, #1559df 79% 91%, transparent 91%);
     border-radius: 18px 18px 8px 8px;
     content: '';
     inset: 0 5px 17px;
     position: absolute;
 }

 .courses-art-pen::after {
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-top: 29px solid #1559df;
     bottom: 0;
     content: '';
     left: 6px;
     position: absolute;
 }

 .courses-art-atom {
     border: 3px solid rgba(0, 74, 173, .34);
     border-radius: 50%;
     bottom: 58%;
     height: 62px;
     right: 9%;
     width: 62px;
     animation: coursesSpin 18s linear infinite;
 }

 .courses-art-atom::before,
 .courses-art-atom::after {
     border: 3px solid rgba(0, 74, 173, .34);
     border-radius: 50%;
     content: '';
     inset: -3px;
     position: absolute;
 }

 .courses-art-atom::before {
     transform: rotate(58deg);
 }

 .courses-art-atom::after {
     transform: rotate(-58deg);
 }

 .courses-art-dot {
     background: #004aad;
     border-radius: 50%;
     height: 13px;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 13px;
 }

 .courses-art-ring {
     border: 4px solid rgba(103, 126, 255, .42);
     border-radius: 50%;
     height: 30px;
     left: 32%;
     top: 50px;
     width: 30px;
     animation: coursesPulse 4s ease-in-out infinite;
 }

 .courses-art-ring.small {
     height: 24px;
     left: 19%;
     top: 270px;
     width: 24px;
     animation-delay: 1.2s;
 }

 .courses-art-spark {
     color: rgba(0, 74, 173, .24);
     font-size: 34px;
     font-weight: 700;
     line-height: 1;
     animation: coursesTwinkle 3.5s ease-in-out infinite;
 }

 .courses-art-spark::before {
     content: '+';
 }

 .courses-art-spark.one {
     left: 26%;
     top: 100px;
 }

 .courses-art-spark.two {
     right: 15%;
     top: 278px;
     animation-delay: 1.4s;
 }

 .courses-art-wave {
     border: 1px solid transparent;
     border-top-color: rgba(0, 74, 173, .16);
     border-radius: 50%;
     bottom: -88px;
     height: 190px;
     left: -5%;
     width: 50%;
     animation: coursesWave 10s ease-in-out infinite;
 }

 .courses-art-wave::before,
 .courses-art-wave::after {
     border: 1px solid transparent;
     border-top-color: rgba(0, 74, 173, .13);
     border-radius: 50%;
     content: '';
     inset: 14px -18px auto 12px;
     height: 185px;
     position: absolute;
 }

 .courses-art-wave::after {
     inset: 28px -30px auto 28px;
 }

 .courses-badge {
     background: #eaf2fb;
     border-radius: 8px;
     color: #004aad;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 3px;
     line-height: 1;
     margin-bottom: 24px;
     padding: 8px 14px;
     text-transform: uppercase;
 }

 .courses-title {
     color: #071a55;
     font-family: inherit;
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 700;
     line-height: 1.08;
     margin-bottom: 20px;
 }

 .courses-subtitle {
     color: #56627a;
     font-size: 1.25rem;
     line-height: 1.45;
     margin: 0 auto;
     max-width: 680px;
     display: inline-block;
     margin-top: 20px !important;
 }

 .courses-grid {
     margin-top: 54px;
 }

 .program-card {
     background: #061a42;
     border: 1px solid rgba(104, 150, 232, .32);
     border-radius: 14px;
     box-shadow: 0 18px 38px rgba(9, 29, 70, .24);
     color: #fff;
     display: flex;
     flex-direction: column;
     height: 100%;
     min-height: 470px;
     overflow: hidden;
     padding: 0;
     position: relative;
     text-align: left;
     text-decoration: none;
     transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
 }

 .program-card::before,
 .program-card::after {
     content: '';
     inset: 0;
     pointer-events: none;
     position: absolute;
     z-index: 1;
 }

 .program-card::before {
     background: linear-gradient(180deg, rgba(5, 18, 45, .05) 0%, rgba(5, 18, 45, .58) 45%, rgba(4, 16, 45, .96) 100%);
 }

 .program-card::after {
     background: linear-gradient(90deg, rgba(18, 69, 158, .2), transparent 42%);
     mix-blend-mode: screen;
     opacity: .74;
 }

 .program-card> :not(.program-card-vector):not(.program-image) {
     position: relative;
     z-index: 2;
 }

 .program-image {
     height: 100%;
     inset: 0;
     object-fit: cover;
     object-position: center;
     position: absolute;
     transform: scale(1.01);
     transition: transform .35s ease, filter .35s ease;
     width: 100%;
     z-index: 0;
 }

 .program-card-vector {
     height: 96px;
     opacity: .82;
     pointer-events: none;
     position: absolute;
     right: -12px;
     top: -10px;
     transition: transform .25s ease, opacity .25s ease;
     width: 122px;
     z-index: 0;
 }

 .program-card-vector .vector-soft {
     fill: #e8eef8;
 }

 .program-card-vector .vector-primary {
     fill: #004aad;
 }

 .program-card-vector .vector-accent {
     fill: #ff4b17;
 }

 .program-card-vector .vector-line {
     fill: none;
     stroke: #004aad;
     stroke-linecap: round;
     stroke-width: 3;
 }

 .program-card:focus {
     color: #fff;
     outline: none;
     text-decoration: none;
 }

 .program-card:focus-visible {
     box-shadow: 0 0 0 4px rgba(0, 74, 173, .18), 0 24px 44px rgba(9, 29, 70, .28);
     transform: translateY(-4px);
 }

 .program-card:hover {
     color: #fff;
     border-color: rgba(119, 166, 255, .56);
     box-shadow: 0 24px 46px rgba(9, 29, 70, .3);
     text-decoration: none;
     transform: translateY(-4px);
 }

 .program-card:hover .program-card-vector,
 .program-card:focus-visible .program-card-vector {
     opacity: 1;
     transform: translate(-4px, 4px) rotate(-2deg);
 }

 .program-card:hover .program-image,
 .program-card:focus-visible .program-image {
     filter: saturate(1.08);
     transform: scale(1.07);
 }

 .program-icon {
     align-items: center;
     background: rgba(194, 214, 255, .26);
     border: 1px solid rgba(214, 227, 255, .22);
     border-radius: 13px;
     box-shadow: 0 12px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .22);
     color: #fff;
     display: inline-flex;
     height: 54px;
     justify-content: center;
     margin: auto 0 12px;
     width: 54px;
     transition: transform .25s ease, box-shadow .25s ease;
 }

 .program-icon svg {
     height: 27px;
     width: 27px;
 }

 .program-card:hover .program-icon,
 .program-card:focus-visible .program-icon {
     box-shadow: 0 12px 24px rgba(0, 74, 173, .16);
     transform: translateY(-3px);
 }

 .program-mode {
     align-self: flex-start;
     background: rgba(5, 16, 42, .58);
     border: 1px solid rgba(255, 255, 255, .45);
     border-radius: 7px;
     color: #fff;
     font-size: .84rem;
     line-height: 1;
     margin-bottom: 16px;
     padding: 6px 9px;
 }

 .program-card h3 {
     color: #fff;
     font-size: 1.35rem;
     font-weight: 800;
     line-height: 1.25;
     margin-bottom: 10px !important;
 }

 .program-card p {
     color: rgba(255, 255, 255, .92);
     font-size: 1rem;
     line-height: 1.5;
     margin-bottom: 0;
 }

 .program-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 9px;
     margin-top: 18px;
 }

 .program-tag {
     background: rgba(255, 103, 62, .24);
     border-radius: 8px;
     color: #ff875e;
     font-size: .82rem;
     font-weight: 700;
     line-height: 1;
     padding: 7px 11px;
 }

 .program-tag:last-child {
     background: rgba(63, 190, 126, .24);
     color: #73dd98;
 }

 .program-actions {
     align-items: center;
     border-top: 0px solid #eef1f5;
     display: flex;
     gap: 14px;
     justify-content: space-between;
     margin-top: auto;
     padding-top: 20px;
 }

 .program-actions a {
     font-size: .9rem;
     font-weight: 700;
     text-decoration: none;
 }

 .program-enroll {
     color: #1f2937;
 }

 .program-more {
     align-items: center;
     background: linear-gradient(135deg, #244b9d 0%, #173575 100%);
     border-radius: 8px;
     box-shadow: 0 12px 22px rgba(4, 18, 54, .25);
     color: #fff;
     display: inline-flex;
     font-size: .94rem;
     font-weight: 800;
     gap: 8px;
     justify-content: center;
     line-height: 1;
     overflow: hidden;
     padding: 13px 18px;
     position: relative;
     transition: box-shadow .25s ease, transform .25s ease;
 }

 .program-more::after {
     content: '\2192';
     font-size: 1rem;
     line-height: 1;
     transition: transform .25s ease;
 }

 .program-more::before {
     background: rgba(255, 255, 255, .35);
     content: '';
     height: 140%;
     left: -45%;
     position: absolute;
     top: -20%;
     transform: rotate(18deg);
     transition: left .45s ease;
     width: 28px;
 }

 .program-card:hover .program-more,
 .program-card:focus-visible .program-more,
 .program-more:hover {
     box-shadow: 0 0px 0px rgba(255, 75, 23, .26);
     color: #3204a5;
     transform: translateY(-2px);
 }

 .program-card:hover .program-more::after,
 .program-card:focus-visible .program-more::after {
     transform: translateX(3px);
 }

 .program-card:hover .program-more::before,
 .program-card:focus-visible .program-more::before {
     left: 120%;
 }

 /* New Card Style with Background Images */
 .program-card-with-image {
     background: linear-gradient(135deg, #0a1f3a 0%, #061a42 100%);
     border: 1px solid rgba(104, 150, 232, .32);
     border-radius: 16px;
     box-shadow: 0 18px 38px rgba(9, 29, 70, .24);
     color: #fff;
     display: flex;
     flex-direction: column;
     height: 100%;
     min-height: 520px;
     overflow: hidden;
     padding: 0;
     position: relative;
     text-align: left;
     text-decoration: none;
     transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
 }

 .program-card-with-image:hover {
     color: #fff;
     border-color: rgba(119, 166, 255, .56);
     box-shadow: 0 24px 46px rgba(9, 29, 70, .3);
     text-decoration: none;
     transform: translateY(-4px);
 }

 .program-card-with-image:focus {
     color: #fff;
     outline: none;
     text-decoration: none;
 }

 .program-card-with-image:focus-visible {
     box-shadow: 0 0 0 4px rgba(0, 74, 173, .18), 0 24px 44px rgba(9, 29, 70, .28);
     transform: translateY(-4px);
 }

 .program-image {
     background-size: cover;
     background-position: center;
     height: 280px;
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .program-image::after {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, rgba(6, 26, 66, 0) 0%, rgba(6, 26, 66, 0.95) 100%);
     pointer-events: none;
 }

 .program-card-with-image:hover .program-image {
     transform: scale(1.05);
 }

 .program-content {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 24px;
     position: relative;
     z-index: 2;
 }

 .program-card-with-image .program-mode {
     align-self: flex-start;
     background: rgba(5, 16, 42, .78);
     border: 1px solid rgba(255, 255, 255, .45);
     border-radius: 8px;
     color: #fff;
     font-size: .84rem;
     line-height: 1;
     margin-bottom: 16px;
     padding: 7px 12px;
 }

 .program-card-with-image h3 {
     color: #fff;
     font-size: 1.35rem;
     font-weight: 800;
     line-height: 1.25;
     margin-bottom: 12px !important;
 }

 .program-card-with-image p {
     color: rgba(255, 255, 255, .90);
     font-size: 0.98rem;
     line-height: 1.5;
     margin-bottom: 0;
     flex: 1;
 }

 .program-card-with-image .program-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 18px;
 }

 .program-card-with-image .program-tag {
     background: rgba(255, 103, 62, .24);
     border-radius: 8px;
     color: #ff875e;
     font-size: .82rem;
     font-weight: 700;
     line-height: 1;
     padding: 7px 12px;
 }

 .program-card-with-image .program-tag:last-child {
     background: rgba(63, 190, 126, .24);
     color: #73dd98;
 }

 .program-card-with-image .program-actions {
     border-top: 0px solid #eef1f5;
     display: flex;
     gap: 14px;
     justify-content: flex-start;
     margin-top: 20px;
     padding-top: 0;
 }

 .program-card-with-image .program-more {
     align-items: center;
     background: linear-gradient(135deg, #244b9d 0%, #173575 100%);
     border-radius: 8px;
     box-shadow: 0 12px 22px rgba(4, 18, 54, .25);
     color: #fff;
     display: inline-flex;
     font-size: .94rem;
     font-weight: 800;
     gap: 8px;
     justify-content: center;
     line-height: 1;
     overflow: hidden;
     padding: 13px 18px;
     position: relative;
     transition: box-shadow .25s ease, transform .25s ease;
 }

 .program-card-with-image .program-more::after {
     content: '';
     transition: transform .25s ease;
 }

 .program-card-with-image .program-more::before {
     background: rgba(255, 255, 255, .35);
     content: '';
     height: 140%;
     left: -45%;
     position: absolute;
     top: -20%;
     transform: rotate(18deg);
     transition: left .45s ease;
     width: 28px;
 }

 .program-card-with-image:hover .program-more,
 .program-card-with-image:focus-visible .program-more,
 .program-card-with-image .program-more:hover {
     box-shadow: 0 0px 0px rgba(255, 75, 23, .26);
     color: rgb(255 235 171);
     transform: translateY(-2px);
 }

 .program-card-with-image:hover .program-more::before,
 .program-card-with-image:focus-visible .program-more::before {
     left: 120%;
 }

 @keyframes coursesFloat {

     0%,
     100% {
         translate: 0 0;
     }

     50% {
         translate: 0 -14px;
     }
 }

 @keyframes coursesDrift {

     0%,
     100% {
         transform: translate3d(0, 0, 0);
     }

     50% {
         transform: translate3d(14px, -10px, 0);
     }
 }

 @keyframes coursesPulse {

     0%,
     100% {
         opacity: .55;
         transform: scale(1);
     }

     50% {
         opacity: .9;
         transform: scale(1.16);
     }
 }

 @keyframes coursesSpin {
     to {
         transform: rotate(360deg);
     }
 }

 @keyframes coursesTwinkle {

     0%,
     100% {
         opacity: .25;
         transform: scale(.85) rotate(0deg);
     }

     50% {
         opacity: .75;
         transform: scale(1.08) rotate(12deg);
     }
 }

 @keyframes coursesWave {

     0%,
     100% {
         transform: translateX(0);
     }

     50% {
         transform: translateX(22px);
     }
 }

 #courses-section.main-wrapper {
     background: #f7f9fc;
     overflow: hidden;
     padding: 70px 0 84px !important;
 }

 #courses-section .decorative-circle {
     display: none;
 }

 #courses-section .container {

     padding-bottom: 0 !important;
     padding-top: 0 !important;
 }

 #courses-section .section-badge {
     background: #eaf2fb;
     border-radius: 8px;
     color: #004aad;
     display: inline-block;
     font-size: 0;
     font-weight: 700;
     letter-spacing: 3px;
     line-height: 1;
     margin-bottom: 24px;
     padding: 8px 14px;
     text-transform: uppercase;
 }

 #courses-section .section-badge svg {
     display: none;
 }

 #courses-section .section-badge::after {
     content: 'Our Courses';
     font-size: 14px;
 }

 #courses-section .display-3 {
     color: #3b3a67;
     font-family: Georgia, 'Times New Roman', serif;
     font-size: clamp(2.25rem, 4vw, 3.15rem);
     font-weight: 700 !important;
     line-height: 1.08;
     margin-bottom: 20px !important;
 }

 #courses-section .display-3 span {
     display: none;
 }

 #courses-section .display-3::after {
     content: 'Learn Your Way';
 }

 #courses-section #section-subtitle {
     color: #56627a !important;
     font-size: 1.25rem;
     line-height: 1.45;
     margin: 0 auto;
     max-width: 680px !important;
 }

 #courses-section .row.g-4 {
     margin-top: 20px;
 }

 #courses-section .course-card {
     background: #fff !important;
     border: 1px solid #d5dce6;
     border-radius: 14px;
     box-shadow: 0 3px 8px rgba(15, 23, 42, .12);
     display: flex;
     flex-direction: column;
     min-height: 452px;
     padding: 60px 30px 32px;
     text-align: left;
     transition: transform .25s ease, box-shadow .25s ease;
 }

 #courses-section .course-card:hover {
     box-shadow: 0 16px 28px rgba(15, 23, 42, .14);
     transform: translateY(-4px);
 }

 #courses-section .image-wrapper {
     background: none !important;
     height: auto;
     margin: 0 0 20px;
     overflow: visible;
     padding: 0;
     position: static !important;
 }

 #courses-section .card-image,
 #courses-section .card-bg-circle {
     display: none;
 }

 #courses-section .image-wrapper::before {
     align-items: center;
     background: #e8eef8;
     border-radius: 14px;
     color: #004aad;
     display: inline-flex;
     font-family: "Font Awesome 5 Free";
     font-size: 1.7rem;
     font-weight: 900;
     height: 58px;
     justify-content: center;
     margin-bottom: 20px;
     width: 58px;
 }

 #courses-section .col-12:nth-child(1) .image-wrapper::before {
     content: '\f02d';
 }

 #courses-section .col-12:nth-child(2) .image-wrapper::before {
     content: '\f109';
 }

 #courses-section .col-12:nth-child(3) .image-wrapper::before {
     content: '\f466';
 }

 #courses-section .col-12:nth-child(4) .image-wrapper::before {
     content: '\f46d';
 }

 #courses-section .position-absolute {
     position: static !important;
 }

 #courses-section .position-absolute.m-3 {
     margin: 0 !important;
 }

 #courses-section .badge-custom {
     background: #fff !important;
     border: 1px solid #cfd7e2;
     border-radius: 7px;
     color: #45536d !important;
     display: inline-block;
     font-size: 0;
     line-height: 1;
     margin: 0;
     padding: 6px 10px;
 }

 #courses-section .col-12:nth-child(1) .badge-custom::after {
     content: 'Offline';
     font-size: .92rem;
 }

 #courses-section .col-12:nth-child(2) .badge-custom::after {
     content: 'Online';
     font-size: .92rem;
 }

 #courses-section .col-12:nth-child(3) .badge-custom::after {
     content: 'Correspondence';
     font-size: .92rem;
 }

 #courses-section .col-12:nth-child(4) .badge-custom::after {
     content: 'Test Series';
     font-size: .92rem;
 }

 #courses-section .card-body {
     display: flex;
     flex: 1;
     flex-direction: column;
     padding: 0 !important;
 }

 #courses-section .card-body h2 {
     color: #020817;
     font-size: 1.35rem;
     font-weight: 800;
     line-height: 1.25;
     margin: 26px 0 16px !important;
 }

 #courses-section .card-body p {
     color: #4f5c76 !important;
     font-size: 1.02rem !important;
     line-height: 1.5;
     margin-bottom: 24px !important;
 }

 #courses-section .card-body>.d-flex.gap-3 {
     display: flex !important;
     gap: 10px !important;
     margin-bottom: 0 !important;
     margin-top: auto;
 }

 #courses-section .card-body>.d-flex.gap-3 svg {
     display: none;
 }

 #courses-section .card-body>.d-flex.gap-3 .align-items-center {
     display: flex !important;
     flex-wrap: wrap;
     gap: 10px !important;
 }

 #courses-section .program-tag {
     background: #ffede8;
     border-radius: 8px;
     color: #19397c;
     font-size: .82rem;
     font-weight: 700;
     line-height: 1;
     padding: 7px 11px;
 }

 #courses-section .card-body>.d-flex.align-items-center.justify-content-between {
     display: none !important;
 }

 @media (max-width: 767px) {
     #courses-section.main-wrapper {
         padding: 54px 0 62px !important;
     }

     #courses-section .row.g-4 {
         margin-top: 44px;
     }

     #courses-section .course-card {
         min-height: auto;
         padding: 34px 24px 28px;
     }
 }

 @media (max-width: 767px) {
     .courses-showcase {
         padding: 54px 0 62px;
     }

     .courses-bg-art {
         opacity: .58;
     }

     .courses-showcase::before {
         left: -38px;
         top: 32px;
     }

     .courses-showcase::after,
     .courses-art-atom,
     .courses-art-ring,
     .courses-art-spark.two {
         display: none;
     }

     .courses-art-book {
         left: -12px;
         top: 28px;
         transform: scale(.72) rotate(-30deg);
     }

     .courses-art-pen {
         right: -4px;
         top: 50px;
         transform: scale(.7) rotate(28deg);
     }

     .courses-grid {
         margin-top: 44px;
     }

     .program-card {
         min-height: auto;
         padding: 34px 24px 28px;
     }
 }

 .icon-box {
     width: 60px;
     height: 60px;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
 }

 .card1:hover .icon-box {
     transform: scale(1.1) rotate(5deg);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
 }

 .price-container {
     margin: 30px 0;
     padding: 10px;
     background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 100%);
     border-radius: 15px;
     position: relative;
     overflow: hidden;
     width: 45%;
     margin: 0 auto;
     ;
 }

 /*---------------Start Holi Popup-----------------*/
 .gulal-container {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     overflow: hidden;
     z-index: 1060;
 }

 .gulal-particle {
     position: absolute;
     border-radius: 50%;
     animation: gulalFall linear forwards;
     filter: blur(1px);
 }

 @keyframes gulalFall {
     0% {
         transform: translateY(-100px) rotate(0deg) scale(1);
         opacity: 1;
     }

     50% {
         opacity: 0.9;
     }

     100% {
         transform: translateY(100%) rotate(720deg) scale(0.3);
         opacity: 0;
     }
 }

 .gulal-burst {
     position: absolute;
     border-radius: 50%;
     animation: burstOut ease-out forwards;
 }

 @keyframes burstOut {
     0% {
         transform: scale(0) translate(0, 0);
         opacity: 1;
     }

     100% {
         transform: scale(1) translate(var(--tx), var(--ty));
         opacity: 0;
     }
 }

 .color-splash {
     position: absolute;
     width: 200px;
     height: 200px;
     border-radius: 50%;
     filter: blur(60px);
     opacity: 0.4;
     animation: splashPulse 3s ease-in-out infinite;
 }

 @keyframes splashPulse {

     0%,
     100% {
         transform: scale(1);
         opacity: 0.3;
     }

     50% {
         transform: scale(1.2);
         opacity: 0.5;
     }
 }

 .splash-pink {
     background: #FF1493;
     top: 10%;
     left: 5%;
 }

 .splash-yellow {
     background: #FFD700;
     top: 60%;
     right: 10%;
     animation-delay: 1s;
 }

 .splash-green {
     background: #32CD32;
     bottom: 20%;
     left: 30%;
     animation-delay: 2s;
 }

 .splash-purple {
     background: #9400D3;
     top: 30%;
     right: 25%;
     animation-delay: 0.5s;
 }

 .splash-orange {
     background: #FF6347;
     bottom: 10%;
     right: 40%;
     animation-delay: 1.5s;
 }

 .modal-content {
     background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 250, 245, 0.98) 100%);
     border: none;
     border-radius: 24px;
     box-shadow:
         0 25px 80px rgba(255, 20, 147, 0.2),
         0 15px 40px rgba(255, 215, 0, 0.15),
         0 5px 15px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     position: relative;
 }

 .modal-content::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 6px;
     background: none;
 }

 .modal-header {
     border: none;
     padding: 0rem 2rem 0.5rem;
     position: relative;
 }

 .modal-title {
     font-family: 'Tiro Devanagari Hindi', serif;
     font-size: 2rem;
     font-weight: 700;
     background: linear-gradient(135deg, #FF1493, #FF6347, #FFD700);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-align: center;
     width: 100%;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
 }

 .subtitle {
     font-size: 1.3rem;
     color: #9400D3;
     text-align: center;
     font-weight: 600;
     margin-top: -0.5rem;
 }

 .modal-body {
     padding: 1.5rem 2rem;
     text-align: center;
 }

 .holi-emoji {
     font-size: 4rem;
     display: flex;
     justify-content: center;
     gap: 1rem;
     margin-bottom: 1rem;
     animation: emojiFloat 2s ease-in-out infinite;
 }

 @keyframes emojiFloat {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 .message-text {
     font-size: 1.1rem;
     color: #555;
     line-height: 1.7;
     margin-bottom: 1.5rem;
 }

 .color-dots {
     display: flex;
     justify-content: center;
     gap: 12px;
     margin: 1.5rem 0;
 }

 .color-dot {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     animation: dotPop 0.6s ease-out backwards;
 }

 .color-dot:nth-child(1) {
     background: #FF1493;
     animation-delay: 0.1s;
 }

 .color-dot:nth-child(2) {
     background: #FFD700;
     animation-delay: 0.2s;
 }

 .color-dot:nth-child(3) {
     background: #32CD32;
     animation-delay: 0.3s;
 }

 .color-dot:nth-child(4) {
     background: #FF6347;
     animation-delay: 0.4s;
 }

 .color-dot:nth-child(5) {
     background: #9400D3;
     animation-delay: 0.5s;
 }

 @keyframes dotPop {
     0% {
         transform: scale(0);
     }

     50% {
         transform: scale(1.3);
     }

     100% {
         transform: scale(1);
     }
 }

 .modal-footer {
     border: none;
     padding: 0.5rem 2rem 2rem;
     justify-content: center;
 }

 .btn-celebrate {
     background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 50%, #7e72cf 100%);
     border: none;
     color: white;
     padding: 14px 50px;
     font-size: 1.2rem;
     font-weight: 700;
     border-radius: 50px;
     text-transform: uppercase;
     letter-spacing: 2px;
     box-shadow: 0 8px 25px rgba(255, 20, 147, 0.4);
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .btn-celebrate:hover {
     transform: translateY(-3px) scale(1.02);
     box-shadow: 0 12px 35px rgba(255, 20, 147, 0.5);
     color: white;
 }

 .btn-celebrate:active {
     transform: translateY(0) scale(0.98);
 }

 .btn-celebrate::after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 0;
     height: 0;
     background: rgba(255, 255, 255, 0.3);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     transition: width 0.6s, height 0.6s;
 }

 .btn-celebrate:hover::after {
     width: 300px;
     height: 300px;
 }

 .rangoli-pattern {
     position: absolute;
     bottom: -30px;
     left: 50%;
     transform: translateX(-50%);
     width: 150px;
     height: 75px;
     opacity: 0.15;
 }

 .btn-close {
     position: absolute;
     right: 1rem;
     top: 1rem;
     opacity: 0.5;
     z-index: 10;
 }

 .btn-close:hover {
     opacity: 1;
 }

 @media (max-width: 576px) {
     .modal-title {
         font-size: 2.2rem;
     }

     .subtitle {
         font-size: 1rem;
     }

     .holi-emoji {
         font-size: 3rem;
     }

     .btn-celebrate {
         padding: 12px 35px;
         font-size: 1rem;
     }
 }

 /*---------------End Holi Popup-----------------*/

 /* Floating Enquire Now Button */
 .npfWidgetButton {
     position: fixed !important;
     right: -79px !important;
     top: 50% !important;
     transform: translateY(-50%) rotate(-90deg) !important;
     background: linear-gradient(135deg, #4770ff 0%, #2952ff 48%, #163ec9 100%) !important;
     color: #ffffff !important;
     border: 1px solid rgba(255, 255, 255, 0.2) !important;
     padding: 13px 32px !important;
     border-radius: 9px 9px 0 0 !important;
     font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
     font-size: 15px !important;
     font-weight: 700 !important;
     z-index: 999 !important;
     box-shadow: 0 18px 38px rgba(41, 82, 255, 0.34) !important;
     transition: transform 0.3s ease, box-shadow 0.3s ease !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     gap: 8px !important;
     white-space: nowrap !important;
     cursor: pointer !important;
 }
 }

 .npfWidgetButton:hover {

     box-shadow: 0 22px 48px rgba(41, 82, 255, 0.46) !important;
     transform: translateY(-50%) rotate(-90deg) scale(1.05) !important;
 }

 .npfWidgetButton::after {
     display: inline-grid !important;
     place-items: center !important;
     width: 20px !important;
     height: 20px !important;
     border-radius: 50% !important;
     background: rgba(255, 255, 255, 0.22) !important;
     font-size: 13px !important;
     content: '>' !important;
     margin-left: 8px !important;
     transition: transform 0.3s ease !important;
 }

 .npfWidgetButton:hover::after {
     transform: translateX(3px) !important;
 }

 @media (max-width: 768px) {
     .npfWidgetButton {
         right: -64px !important;
         padding: 11px 27px !important;
         font-size: 13px !important;
     }

     .npfWidgetButton:hover {
         transform: translateY(-50%) rotate(-90deg) scale(1.04) !important;
     }
 }

 /* ===== VMC Premium Coaching Section ===== */
 :root {
     --vmc-blue: #2952ff;
     --vmc-blue-deep: #163ec9;
     --vmc-green: #22c55e;
     --vmc-green-deep: #16a34a;
     --vmc-navy: #0f172a;
     --vmc-muted: #667085;
     --vmc-light: #f7f9ff;
     --vmc-card: #ffffff;
     --vmc-purple: #7357ff;
     --vmc-orange: #ff7a1a;
     --vmc-radius-xl: 28px;
     --vmc-ease: cubic-bezier(0.22, 1, 0.36, 1);
 }

 .vmc-premium-section,
 .vmc-premium-section * {
     box-sizing: border-box;
 }

 .vmc-premium-section {
     position: relative;
     isolation: isolate;
     overflow: hidden;
     width: 100%;
     padding: 78px 20px 66px;
     background:
         linear-gradient(356deg, #ffffff 0%, #eef3ffd9 72%);
     color: var(--vmc-navy);
     font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 }

 /* Decorative blurred shapes */
 .vmc-premium-section .decoration-blob {
     position: absolute;
     z-index: -1;
     border-radius: 999px;
     filter: blur(58px);
     opacity: 0.18;
     pointer-events: none;
     animation: vmcSoftFloat 9s var(--vmc-ease) infinite;
 }

 .vmc-premium-section .blob-1 {
     width: 310px;
     height: 310px;
     top: -130px;
     right: 6%;
     background: rgba(41, 82, 255, 0.42);
 }

 .vmc-premium-section .blob-2 {
     width: 360px;
     height: 360px;
     left: -120px;
     bottom: -150px;
     background: rgba(34, 197, 94, 0.18);
     animation-delay: -3s;
 }

 /* Tiny dotted pattern decorations */
 .vmc-premium-section .decoration-pattern {
     position: absolute;
     z-index: -1;
     width: 118px;
     height: 118px;
     opacity: 0.16;
     background-image: radial-gradient(circle, rgba(41, 82, 255, 0.44) 1.6px, transparent 1.8px);
     background-size: 14px 14px;
     pointer-events: none;
 }

 .vmc-premium-section .pattern-1 {
     top: 18px;
     left: 20px;
 }

 .vmc-premium-section .pattern-2 {
     right: 18px;
     bottom: 18px;
 }

 .vmc-premium-section .vmc-container {
     width: min(100%, 1120px);
     margin: 0 auto;
 }

 /* Header Section */
 .vmc-premium-section .section-header {

     margin: 0 auto 40px;
     text-align: center;
 }

 .vmc-premium-section .section-label {
     display: inline-flex;
     align-items: center;
     gap: 26px;
     margin-bottom: 31px;
     color: #004aad;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 5px;
     line-height: 1.2;
     text-transform: uppercase;
 }

 .vmc-premium-section .section-label::before,
 .vmc-premium-section .section-label::after {
     content: "";
     display: block;
     width: 36px;
     height: 1px;
     background: rgba(41, 82, 255, 0.34);
 }

 .vmc-premium-section .section-heading {
     margin: 0;
     color: #3b3a67;
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 800;
     line-height: 1.12;
     letter-spacing: 0;
 }

 .vmc-premium-section .gradient-blue,
 .vmc-premium-section .gradient-green {
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .vmc-premium-section .gradient-blue {
     background-image: linear-gradient(135deg, #004aad 0%, #004aad 88%);
 }

 .vmc-premium-section .gradient-green {
     background-image: linear-gradient(135deg, #4ade80 0%, var(--vmc-green-deep) 88%);
 }

 .vmc-premium-section .section-subtitle {
     position: relative;
     margin: 24px auto 0;
     padding-top: 20px;
     color: var(--vmc-muted);
     font-size: clamp(0.96rem, 1.7vw, 1.1rem);
     font-weight: 500;
     line-height: 65px;

 }

 .vmc-premium-section .section-subtitle::before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     width: 44px;
     height: 3px;
     border-radius: 999px;
     background: var(--vmc-blue);
     transform: translateX(-50%);
     line-height: 83px;
 }

 /* Feature Cards Grid */
 .vmc-premium-section .cards-grid {
     display: grid !important;
     grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
     gap: 24px !important;
     max-width: 920px !important;
     margin: 38px auto 0 !important;
     align-items: stretch !important;
 }

 /* Feature Cards */
 .vmc-premium-section .feature-card {
     --card-accent: var(--vmc-blue);
     position: relative;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     justify-content: flex-start !important;
     min-height: 194px !important;
     padding: 11px 5px 11px !important;
     overflow: hidden !important;
     text-align: center !important;
     background: rgba(255, 255, 255, 0.96) !important;
     border: 1px solid rgba(241, 245, 249, 0.92) !important;
     border-radius: 22px !important;
     box-shadow: 0 24px 58px rgba(15, 23, 42, 0.055) !important;
     backdrop-filter: blur(18px);
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease), border-color 0.35s var(--vmc-ease) !important;
 }

 .vmc-premium-section .feature-card:nth-child(2) {
     --card-accent: var(--vmc-green);
 }

 .vmc-premium-section .feature-card:nth-child(3) {
     --card-accent: var(--vmc-purple);
 }

 .vmc-premium-section .feature-card:nth-child(4) {
     --card-accent: var(--vmc-orange);
 }

 .vmc-premium-section .feature-card:nth-child(5) {
     --card-accent: #0ea5e9;
 }

 .vmc-premium-section .feature-card:nth-child(6) {
     --card-accent: #ec4899;
 }

 .vmc-premium-section .feature-card::before {
     content: "";
     position: absolute;
     top: -1px;
     right: -1px;
     width: 44px;
     height: 44px;
     border-top: 3px solid var(--card-accent);
     border-right: 3px solid var(--card-accent);
     border-top-right-radius: 22px;
     border-bottom-left-radius: 44px;
     transform: none;
     opacity: 1;
     transition: transform 0.35s var(--vmc-ease), filter 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .card-accent {
     display: none;
 }

 .vmc-premium-section .feature-card::after {
     content: none;
 }

 .vmc-premium-section .feature-card:hover {
     transform: translateY(-8px) !important;
     border-color: rgba(41, 82, 255, 0.1) !important;
     box-shadow: 0 30px 72px rgba(15, 23, 42, 0.09) !important;
 }

 .vmc-premium-section .feature-card:hover::before {
     transform: scale(1.08);
     filter: drop-shadow(0 8px 12px color-mix(in srgb, var(--card-accent) 22%, transparent));
 }

 /* Icon Wrapper */
 .vmc-premium-section .icon-wrapper {
     display: grid !important;
     place-items: center !important;
     flex: 0 0 82px !important;
     width: 82px !important;
     height: 82px !important;
     margin: 0 auto 12px !important;
     color: var(--card-accent) !important;
     border-radius: 50% !important;
     background: #eef3ff !important;
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85) !important;
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .feature-card:nth-child(2) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(3) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(4) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(5) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(6) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .icon-wrapper svg {
     width: 36px !important;
     height: 36px !important;
     stroke: rgb(183 196 245) !important;
     stroke-width: 1.8 !important;
     fill: none !important;
     stroke-linecap: round !important;
     stroke-linejoin: round !important;
 }

 .vmc-premium-section .feature-card:hover .icon-wrapper {
     transform: translateY(-3px) scale(1.06);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 16px 34px rgba(41, 82, 255, 0.12);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 16px 34px color-mix(in srgb, var(--card-accent) 22%, transparent);
 }

 /* Card Title */
 .vmc-premium-section .card-title {
     position: relative;
     z-index: 1;
     display: block !important;
     width: 100% !important;
     max-width: 163px !important;
     margin: 0 auto 13px !important;
     color: var(--vmc-navy) !important;
     font-size: 1.02rem !important;
     font-weight: 500 !important;
     line-height: 1.24 !important;
     letter-spacing: 0 !important;
     text-align: center !important;
 }

 .vmc-premium-section .title-accent {
     position: relative;
     z-index: 1;
     display: block !important;
     flex: 0 0 auto !important;
     width: 24px !important;
     height: 2px !important;
     margin: 0 auto !important;
     border-radius: 999px !important;
     background: var(--card-accent) !important;
     transition: width 0.3s var(--vmc-ease);
 }

 .vmc-premium-section .feature-card:hover .title-accent {
     width: 46px;
 }

 /* CTA Button Section */
 .vmc-premium-section .cta-wrapper {
     display: flex;
     justify-content: center;
     margin-top: 32px;
 }

 .vmc-premium-section .cta-button {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     min-height: 54px;
     padding: 15px 34px;
     overflow: hidden;
     color: #ffffff;
     font-size: 1rem;
     font-weight: 700;
     line-height: 1;
     text-decoration: none;
     border-radius: 999px;
     background: linear-gradient(135deg, #4770ff 0%, var(--vmc-blue) 48%, #1742d6 100%);
     box-shadow: 0 16px 35px rgba(41, 82, 255, 0.32);
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.32), transparent);
     transform: translateX(-115%);
     transition: transform 0.65s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button:hover {
     color: #ffffff;
     transform: translateY(-4px);
     box-shadow: 0 22px 48px rgba(41, 82, 255, 0.42), 0 0 0 8px rgba(41, 82, 255, 0.08);
 }

 .vmc-premium-section .cta-button:hover::before {
     transform: translateX(115%);
 }

 .vmc-premium-section .cta-button svg {
     position: relative;
     width: 19px;
     height: 19px;
     stroke: currentColor;
     stroke-width: 2;
     fill: none;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .vmc-premium-section .cta-button span {
     position: relative;
 }

 .vmc-premium-section .cta-button .cta-arrow {
     transition: transform 0.3s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button:hover .cta-arrow {
     transform: translateX(4px);
 }

 /* Responsive Design */
 @media (max-width: 1100px) {
     .vmc-premium-section .cards-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
         max-width: 680px !important;
         margin-right: auto !important;
         margin-left: auto !important;
     }
 }

 @media (max-width: 768px) {
     .vmc-premium-section {
         padding: 62px 16px 58px;
     }

     .vmc-premium-section .section-label {
         gap: 14px;
         font-size: 11px;
         letter-spacing: 4px;
     }

     .vmc-premium-section .section-label::before,
     .vmc-premium-section .section-label::after {
         width: 22px;
     }

     .vmc-premium-section .section-header {
         margin-bottom: 32px;
     }

     .vmc-premium-section .cards-grid {
         gap: 18px !important;
         margin-top: 30px !important;
     }
 }

 @media (max-width: 560px) {
     .vmc-premium-section .cards-grid {
         grid-template-columns: 1fr !important;
         max-width: 330px !important;
     }

     .vmc-premium-section .feature-card {
         min-height: auto;
         padding: 28px 20px 24px;
     }

     .vmc-premium-section .cta-button {
         width: min(100%, 330px);
         padding-right: 20px;
         padding-left: 20px;
         font-size: 0.94rem;
     }
 }

 @keyframes vmcSoftFloat {

     0%,
     100% {
         transform: translate3d(0, 0, 0);
     }

     50% {
         transform: translate3d(18px, 16px, 0);
     }
 }



 /*--------------pagecss -------------------*/
 .btn-yellow {
     background-color: #FFD700;
     color: #000;
 }

 .header-ticker {
     position: relative;
     overflow: hidden;
     flex: 1 1 auto;
     min-width: 0;
     white-space: nowrap;
 }

 .header-ticker-track {

     align-items: center;
     width: max-content;
     padding-left: 100%;
     animation: headerTickerScroll 30s linear infinite;
 }

 .header-ticker:hover .header-ticker-track {
     animation-play-state: paused;
 }

 .header-ticker-item {
     display: inline-flex;
     align-items: center;
     white-space: nowrap;
     padding-right: 3rem;
 }

 .header-ticker-item .btn {
     display: inline-flex;
     align-items: center;
     line-height: 1.2;
 }

 @keyframes headerTickerScroll {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-100%);
     }
 }

 @media (prefers-reduced-motion: reduce) {
     .header-ticker-track {
         animation: none;
     }
 }

 @media only screen and (min-width:992px) {
     .bottom-buttons {
         position: fixed;
         width: 100%;
         top: 50%;
         justify-content: space-between;
         height: 100px;
         pointer-events: none;
     }

     .bottom-buttons a {
         width: auto;
         transform-origin: left bottom;
         transform: rotate(90deg);
         height: 40px;
         top: -74%;
         pointer-events: visible;
         position: absolute;
     }

     .bottom-buttons a.btn-maroon {
         transform-origin: right top;
         position: absolute;
         right: 0;
         bottom: -60%;
         top: auto;
     }
 }

 @media only screen and (max-width:991px) {
     .go-to-top {
         bottom: 7.5rem;
     }

     #kenytChatBubble.style1 {
         bottom: 30px !important;
     }

     #whats-chat {
         bottom: 50px;
     }

     .bottom-buttons {
         position: fixed;
         bottom: 0;
         width: 100%;
         display: flex;
         height: 40px;
     }

     .bottom-buttons a {
         width: 100%;
     }
 }

 .top-strip .nav-link {
     font-weight: 500;
 }

 .top-strip .nav-link {
     color: rgb(31, 29, 90);
     text-transform: uppercase;
 }

 .bottom-strip .nav-link {
     color: rgb(31, 29, 90);
     text-transform: uppercase;
 }

 header .header-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {
     padding: 0.5rem;
     color: rgb(31, 29, 90);
     position: relative;
 }

 a:hover {
     text-decoration: none;
 }


 /* Animated Gradient Marquee Button */
 .gradient-marquee-btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 14px 32px;
     background: linear-gradient(135deg, #667eea 0%, #3e37a5 50%, #7e7cd3 100%);
     background-size: 200% 200%;
     color: white;
     text-decoration: none;
     font-weight: 600;
     font-size: 16px;
     border-radius: 50px;
     overflow: hidden;
     transition: all 0.3s ease;
     animation: gradientShift 4s ease infinite;
     box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
 }

 @keyframes gradientShift {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }

 .gradient-marquee-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
     color: #ffde5d;
 }

 .btn-content {
     position: relative;
     z-index: 2;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .marquee-text {
     display: inline-block;
     animation: textPulse 2s ease-in-out infinite;
 }

 @keyframes textPulse {

     0%,
     100% {
         transform: scale(1);
         opacity: 1;
     }

     50% {
         transform: scale(1.05);
         opacity: 0.9;
     }
 }

 /* Shine effect */
 .btn-shine {
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
     animation: shine 3s infinite;
     z-index: 1;
 }

 @keyframes shine {
     0% {
         left: -100%;
     }

     50%,
     100% {
         left: 100%;
     }
 }

 .gradient-marquee-btn i {
     animation: iconBounce 1.5s ease-in-out infinite;
 }

 @keyframes iconBounce {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-3px);
     }
 }

 /* Content section */
 .content-section {
     max-width: 1200px;
     margin: 60px auto;
     padding: 40px;
     background: white;
     border-radius: 12px;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
 }

 .content-section h1 {
     color: #1e3c72;
     font-size: 32px;
     margin-bottom: 16px;
     text-align: center;
 }

 .content-section p {
     color: #666;
     font-size: 16px;
     line-height: 1.6;
     text-align: center;
     max-width: 800px;
     margin: 0 auto;
 }


 @media (max-width: 768px) {
     .logo img {
         max-height: 50px;
     }

     .gradient-marquee-btn {
         padding: 12px 24px;
         font-size: 14px;
     }


 }

 .navbar-nav {
     display: flex;
     list-style: none;
     justify-content: flex-end;
     align-items: left;
 }

 @media only screen and (min-width: 768px) {
     .navbar-light .header-menu .navbar-nav>.nav-item>.nav-link {
         color: rgb(31, 29, 90);
         padding-left: 1rem;
         padding-right: 1rem;
         text-transform: uppercase;
         font-size: 13px;
     }
 }


 .btn-shine {
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
     animation: shine 3s infinite;
     z-index: 1;
 }

 @keyframes shine {
     0% {
         left: -100%;
     }

     50%,
     100% {
         left: 100%;
     }
 }

 .gradient-marquee-btn i {
     animation: iconBounce 1.5s ease-in-out infinite;
 }

 @keyframes iconBounce {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-3px);
     }
 }

 /* Mobile Navigation Toggle */
 .mobile-nav-toggle {
     display: none;
     flex-direction: column;
     gap: 5px;
     background: transparent;
     border: none;
     cursor: pointer;
     padding: 8px;
     transition: all 0.3s ease;
 }

 .mobile-nav-toggle .bar {
     width: 28px;
     height: 3px;
     background: #1e3c72;
     border-radius: 3px;
     transition: all 0.3s ease;
 }

 .mobile-nav-toggle:hover .bar {
     background: #667eea;
 }

 .mobile-nav-toggle.active .bar:nth-child(1) {
     transform: rotate(45deg) translate(8px, 8px);
 }

 .mobile-nav-toggle.active .bar:nth-child(2) {
     opacity: 0;
 }

 .mobile-nav-toggle.active .bar:nth-child(3) {
     transform: rotate(-45deg) translate(7px, -7px);
 }

 /* Course Dropdown */
 .course-dropdown {
     position: relative;
 }

 .course-btn {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 24px;

     color: white;
     border: none;
     border-radius: 50px;
     font-size: 12px !important;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.3s ease;

     border: 2px solid #d5d3d6;
     color: #25215e;
 }

 .course-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(30, 60, 114, 0.4);
 }

 .course-btn .arrow {
     font-size: 12px;
     transition: transform 0.3s ease;
 }

 .course-dropdown:hover .course-btn .arrow {
     transform: rotate(180deg);
 }

 .course-dropdown.active .course-btn .arrow {
     transform: rotate(180deg);
 }

 .course-dropdown-menu {
     position: absolute;
     top: calc(100% + 12px);
     left: 0;
     background: white;
     min-width: 280px;
     border-radius: 12px;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
     opacity: 0;
     visibility: hidden;
     transform: translateY(-10px);
     transition: all 0.3s ease;
     z-index: 1000;
     overflow: hidden;
 }

 .course-dropdown:hover .course-dropdown-menu {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .course-dropdown.active .course-dropdown-menu {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .course-item {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 14px 20px;
     color: #333;
     text-decoration: none;
     font-size: 13px;
     transition: all 0.3s ease;
     border-left: 3px solid transparent;
 }

 .course-item:hover {
     background: linear-gradient(90deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
     border-left-color: #667eea;
     padding-left: 24px;
 }

 .course-item i {
     font-size: 18px;
     color: #667eea;
     width: 24px;
     text-align: center;
 }


 /* Responsive */
 @media (max-width: 768px) {
     .mobile-nav-toggle {
         display: flex;
     }

     .top-strip {
         display: none;
     }

     .course-dropdown {
         display: none;
     }

     .gradient-marquee-btn {
         padding: 10px 20px;
         font-size: 13px;
     }

     .gradient-marquee-btn span {
         display: none;
     }

     .gradient-marquee-btn i {
         margin: 0;
     }
 }

 @media (min-width: 769px) and (max-width: 1024px) {
     .course-btn {
         padding: 10px 20px;
         font-size: 14px;
     }

     .gradient-marquee-btn {
         padding: 12px 24px;
         font-size: 14px;
     }
 }

 /* Modern header refresh */
 .vmc-header-alert {
     background: #e7e8ee !important;
     border: 0 !important;
     display: flex !important;
     align-items: center;
     gap: 0rem;
     padding: 0rem 0rem !important;
     box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
 }

 .vmc-header-alert .vmc-ticker-link {
     flex: 1 1 auto;
     min-width: 0;
     overflow: hidden;
     text-decoration: none;
 }

 .vmc-header-alert .header-ticker-track {
     font-size: 0.95rem;
     letter-spacing: 0;
 }

 .vmc-header-alert .header-ticker-track .btn-yellow {
     display: none !important;
 }

 .vmc-header-alert .vmc-header-register {
     flex: 0 0 auto;
     border-radius: 0px !important;
     padding: 0.35rem 0.9rem !important;
     margin: 0 !important;
     font-weight: 700;
     line-height: 1.15;
     white-space: nowrap;
     box-shadow: 0 6px 14px rgba(255, 215, 0, 0.22);
 }

 .vmc-header-alert .btn-close {
     position: static;
     flex: 0 0 auto;
 }

 .vmc-modern-header {
     position: sticky;
     top: 0;
     z-index: 1020;
     width: 100%;
     background: #fff;
     border-bottom: 1px solid rgba(31, 29, 90, 0.1);
     box-shadow: 0 14px 34px rgba(20, 25, 60, 0.08);
 }

 .vmc-modern-header .top-strip {
     background: #fff;
     border-bottom: 1px solid rgba(31, 29, 90, 0.08);
 }

 .vmc-modern-header .logo img,
 .vmc-modern-header .navbar-brand img {
     max-height: 62px !important;
     width: auto;
 }

 .vmc-modern-header .course-btn {
     min-height: 46px;
     border: 1px solid rgba(31, 29, 90, 0.14);
     background: #f5f7fb;
     color: #1f1d5a;
     border-radius: 8px;
     font-weight: 500;
     box-shadow: none;
 }

 .vmc-modern-header .course-btn:hover {
     transform: translateY(-1px);
     background: #fff;
     border-color: rgba(31, 29, 90, 0.28);
     box-shadow: 0 10px 22px rgba(31, 29, 90, 0.12);
 }

 .vmc-modern-header .course-dropdown-menu,
 .vmc-modern-header .dropdown-menu {
     border: 1px solid rgba(31, 29, 90, 0.1);
     border-radius: 8px;
     box-shadow: 0 18px 40px rgba(20, 25, 60, 0.14);
 }

 .vmc-modern-header .course-item {
     color: #1f1d5a;
     font-weight: 500;
 }

 .vmc-modern-header .course-item:hover,
 .vmc-modern-header .dropdown-item:hover {
     background: #f1f5ff;
     color: #1546c7;
 }

 .vmc-modern-header .gradient-marquee-btn {
     min-height: 46px;
     padding: 12px 26px;
     border-radius: 8px;
     background: linear-gradient(135deg, #f04c23 0%, #d71920 55%, #a41022 100%);
     box-shadow: 0 12px 24px rgba(215, 25, 32, 0.22);
     animation: none;
     text-transform: none;
 }

 .vmc-modern-header .gradient-marquee-btn:hover {
     color: #fff7b7;
     transform: translateY(-1px);
     box-shadow: 0 16px 28px rgba(215, 25, 32, 0.3);
 }

 .vmc-modern-header #navStrip {
     background: #f6f7fb !important;
     border-top: 1px solid rgba(31, 29, 90, 0.08);
 }

 .vmc-modern-header .header-menu .navbar-nav {
     gap: 0.15rem;
     flex-wrap: wrap;
     justify-content: center;
 }

 .navbar-light.vmc-modern-header .header-menu .navbar-nav>.nav-item>.nav-link,
 .vmc-modern-header .header-menu .navbar-nav>.nav-item>.nav-link {
     color: #1f1d5a;
     border-radius: 0px;
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 0;
     padding: 0.65rem 0.8rem;
     text-transform: initial;
     transition: background-color 0.2s ease, color 0.2s ease;
     border: 0px;
 }

 .vmc-modern-header .header-menu .navbar-nav>.nav-item>.nav-link:hover,
 .vmc-modern-header .header-menu .navbar-nav>.nav-item.show>.nav-link {
     background: #fff;
     color: #d71920;
 }

 .vmc-modern-header .mobile-header {
     background: #fff;
     border-bottom: 1px solid rgba(31, 29, 90, 0.1);
 }

 .vmc-modern-header .mobile-header .bg-primary {
     background: #12154a !important;
 }

 .vmc-modern-header .navbar-toggler {
     color: #1f1d5a !important;
     font-size: 1.3rem;
 }

 .vmc-right-menu-toggle {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 44px;
     height: 44px;
     border: 1px solid rgba(31, 29, 90, 0.12);
     border-radius: 8px;
     background: #fff;
     color: #12154a;
     font-size: 18px;
     box-shadow: 0 8px 18px rgba(18, 21, 74, 0.1);
 }

 .vmc-mobile-menu-toggle {
     width: auto;
     min-width: 104px;
     height: 42px;
     gap: 9px;
     padding: 0 0.45rem 0 0.85rem;
     border: 0;
     border-radius: 999px;
     background: transparent;
     color: #12154a;
     font-size: 0.85rem;
     font-weight: 700;
     letter-spacing: 0;
     box-shadow: none;
 }

 .vmc-mobile-menu-toggle .vmc-mobile-menu-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #ffd700;
     color: #12154a;
     font-size: 0.9rem;
     box-shadow: inset 0 0 0 1px rgba(18, 21, 74, 0.08);
     transition: transform 0.18s ease, box-shadow 0.18s ease;
 }

 .vmc-mobile-menu-toggle:focus,
 .vmc-mobile-menu-toggle:hover {
     color: #d71920;
     background: transparent;
     outline: none;
 }

 .vmc-mobile-menu-toggle:focus .vmc-mobile-menu-icon,
 .vmc-mobile-menu-toggle:hover .vmc-mobile-menu-icon {
     transform: scale(1.16);
     box-shadow: 0 8px 18px rgba(18, 21, 74, 0.18);
 }

 .vmc-right-menu-overlay {
     position: fixed;
     inset: 0;
     z-index: 1080;
     background: rgba(18, 21, 74, 0.48);
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.25s ease, visibility 0.25s ease;
 }

 .vmc-right-menu {
     position: fixed;
     top: 0;
     right: 0;
     z-index: 1081;
     width: min(88vw, 360px);
     height: 100vh;
     padding: 18px;
     background: #fff;
     box-shadow: -22px 0 50px rgba(18, 21, 74, 0.24);
     transform: translateX(104%);
     transition: transform 0.3s ease;
     overflow-y: auto;
 }

 .vmc-right-menu.is-open {
     transform: translateX(0);
 }

 .vmc-right-menu-overlay.is-open {
     opacity: 1;
     visibility: visible;
 }

 body.vmc-right-menu-open {
     overflow: hidden;
 }

 .vmc-right-menu-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     padding-bottom: 16px;
     border-bottom: 1px solid #edf0f7;
 }

 .vmc-right-menu-head img {
     max-width: 150px;
     height: auto;
 }

 .vmc-right-menu-close {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 38px;
     height: 38px;
     border: 0;
     border-radius: 8px;
     background: #f4f6fb;
     color: #12154a;
     font-size: 18px;
 }

 .vmc-right-menu-list {
     display: grid;
     gap: 8px;
     margin: 18px 0;
     padding: 0;
     list-style: none;
 }

 .vmc-right-menu-list a {
     display: flex;
     align-items: center;
     gap: 12px;
     min-height: 46px;
     padding: 11px 12px;
     border: 1px solid rgba(31, 29, 90, 0.08);
     border-radius: 8px;
     background: #f8f9fd;
     color: #1f1d5a;
     font-size: 13px;
     font-weight: 500;
 }

 .vmc-right-menu-list a:hover {
     background: #12154a;
     color: #fff;
 }

 .vmc-right-menu-list i {
     width: 20px;
     text-align: center;
     color: #d71920;
 }

 .vmc-right-menu-list a:hover i {
     color: #ffd100;
 }

 .vmc-right-menu-cta {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 46px;
     border-radius: 8px;
     background: linear-gradient(135deg, #f04c23 0%, #d71920 58%, #a41022 100%);
     color: #fff;
     font-weight: 900;
     box-shadow: 0 12px 24px rgba(215, 25, 32, 0.22);
 }

 .vmc-right-menu-cta:hover {
     color: #fff7b7;
 }

 .vmc-right-menu-section-title {
     margin: 18px 0 8px;
     color: #747997;
     font-size: 11px;
     font-weight: 900;
     letter-spacing: 0.08em;
     text-transform: uppercase;
 }

 .vmc-right-menu .dropdown {
     width: 100%;
 }

 .vmc-right-menu .dropdown-toggle {
     justify-content: space-between;
     width: 100%;
 }

 .vmc-right-menu .dropdown-toggle::after {
     margin-left: auto;
 }

 .vmc-right-menu .dropdown-menu {
     position: static !important;
     float: none;
     width: 100%;
     min-width: 100%;
     margin: 8px 0 0;
     padding: 8px;
     border: 1px solid rgba(31, 29, 90, 0.08);
     border-radius: 8px;
     background: #f7f8fc;
     box-shadow: none;
     transform: none !important;
 }

 .vmc-right-menu .dropdown-menu::before {
     display: none;
 }

 .vmc-right-menu .dropdown-item {
     width: 100%;
     min-height: 44px;
     margin-bottom: 6px;
     border-radius: 8px;
     background: #fff;
     color: #1f1d5a;
     font-size: 12px;
     font-weight: 800;
     white-space: normal;
 }

 .vmc-right-menu .dropdown-item:last-child {
     margin-bottom: 0;
 }

 .vmc-right-menu .dropdown-item:hover {
     background: #12154a;
     color: #fff;
 }

 @media only screen and (min-width: 992px) {
     .vmc-right-menu .dropdown:hover>.dropdown-menu {
         display: block;
     }
 }

 .vmc-modern-header #topStrip:not(.d-none) {
     padding: 14px 0 !important;
 }

 .vmc-modern-header #topStrip:not(.d-none)>.container-fluid {
     max-width: 1880px;
 }

 .vmc-modern-header #topStrip:not(.d-none) .row {
     display: flex;
     align-items: center !important;
     gap: 10px;
     flex-wrap: nowrap;
 }

 .vmc-modern-header #topStrip:not(.d-none) .col-auto,
 .vmc-modern-header #topStrip:not(.d-none) .col {
     display: flex;
     align-items: center;
 }

 .vmc-modern-header #topStrip:not(.d-none) .logo {
     display: inline-flex;
     align-items: center;
 }

 .vmc-modern-header #topStrip:not(.d-none) .logo img {
     display: block;
     max-height: 68px !important;
 }

 .vmc-modern-header #topStrip:not(.d-none) .course-btn {
     min-width: 188px;
     padding-left: 20px;
     padding-right: 20px;
     justify-content: center;
 }

 .vmc-modern-header #topStrip:not(.d-none) .course-dropdown {
     margin-left: 2px;
 }

 .vmc-modern-header #topStrip:not(.d-none)>.container-fluid>.row>.col {
     flex: 1 1 auto;
     min-width: 0;
     justify-content: flex-end;
     gap: 18px;
 }

 .vmc-modern-header #topStrip:not(.d-none) .header-menu {
     flex: 1 1 auto;
     min-width: 0;
     justify-content: flex-end !important;
 }

 .vmc-modern-header #topStrip:not(.d-none) .header-menu>.navbar-nav {
     width: auto;
     gap: 18px;
     flex-wrap: nowrap;
     justify-content: flex-end !important;
     align-items: center !important;
 }

 .vmc-modern-header #topStrip:not(.d-none) .header-menu>.navbar-nav>.nav-item>.nav-link {
     display: inline-flex;
     align-items: center;
     min-height: 44px;
     padding: 0.45rem 5px;
     color: #07094e;
     font-size: 15px;
     font-weight: 400 !important;
     line-height: 1;
     white-space: nowrap;
     border-radius: 33px;
 }

 .vmc-modern-header #topStrip:not(.d-none) .header-menu>.navbar-nav>.nav-item>.nav-link:hover {
     color: #d71920;
 }

 .vmc-modern-header #topStrip:not(.d-none) .col>.navbar-nav {
     flex: 0 0 auto;
     align-items: center;
     margin-left: 8px;
 }

 .vmc-modern-header #topStrip:not(.d-none) .vmc-right-menu-toggle {
     width: 60px;
     height: 60px;
     flex: 0 0 60px;
 }

 @media only screen and (max-width: 1399px) {
     .vmc-modern-header #topStrip:not(.d-none) .header-menu>.navbar-nav {
         gap: 12px;
     }

     .vmc-modern-header #topStrip:not(.d-none) .header-menu>.navbar-nav>.nav-item>.nav-link {
         font-size: 14px;
     }

     .vmc-modern-header #topStrip:not(.d-none) .course-btn {
         min-width: 174px;
     }
 }

 /* Navigation strip refresh */
 .vmc-modern-header #navStrip {
     padding: 10px 14px !important;
     background: #fff !important;
     border-top: 1px solid rgba(31, 29, 90, 0.08);
     border-bottom: 1px solid rgba(31, 29, 90, 0.12);
 }

 .vmc-modern-header #navStrip .container-fluid {
     max-width: 1420px;
 }

 .vmc-modern-header #navStrip .header-menu {
     width: 100%;
     min-height: 54px;
     padding: 7px 9px !important;
     border-radius: 8px;
     background: #12154a;
     box-shadow: 0 12px 28px rgba(18, 21, 74, 0.18);
 }

 .vmc-modern-header #navStrip .header-menu>.navbar-nav {
     width: 100%;
     gap: 4px;
     align-items: center;
     justify-content: center !important;
 }

 .vmc-modern-header #navStrip .header-menu>.navbar-nav>.nav-item {
     position: relative;
 }

 .vmc-modern-header #navStrip .header-menu>.navbar-nav>.nav-item>.nav-link {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-height: 40px;
     padding: 0.55rem 0.78rem;
     border-radius: 8px;
     color: #fff;
     font-size: 12px;
     font-weight: 800;
     line-height: 1.15;
     letter-spacing: 0;
     white-space: nowrap;
     text-transform: uppercase;
 }

 .vmc-modern-header #navStrip .header-menu>.navbar-nav>.nav-item:first-child>.nav-link,
 .vmc-modern-header #navStrip .header-menu>.navbar-nav>.nav-item>.nav-link:hover,
 .vmc-modern-header #navStrip .header-menu>.navbar-nav>.nav-item.show>.nav-link {
     background: #ffd100;
     color: #12154a;
 }

 .vmc-modern-header #navStrip .dropdown-toggle::after {
     margin-left: 0.45rem;
     color: currentColor;
     vertical-align: middle;
 }

 .vmc-modern-header #navStrip .dropdown-menu {
     min-width: 240px;
     margin-top: 10px;
     padding: 8px;
     border: 0;
     border-radius: 8px;
     background: #fff;
     box-shadow: 0 20px 46px rgba(18, 21, 74, 0.22);
 }

 .vmc-modern-header #navStrip .dropdown-menu::before {
     content: "";
     position: absolute;
     top: -6px;
     left: 24px;
     width: 12px;
     height: 12px;
     background: #fff;
     transform: rotate(45deg);
 }

 .vmc-modern-header #navStrip .dropdown-item {
     display: flex;
     align-items: center;
     min-height: 38px;
     padding: 0.55rem 0.72rem;
     border-radius: 7px;
     color: #1f1d5a;
     font-size: 13px;
     font-weight: 700;
     line-height: 1.25;
     white-space: normal;
 }

 .vmc-modern-header #navStrip .dropdown-item:hover,
 .vmc-modern-header #navStrip .dropdown-item:focus {
     background: #f4f7ff;
     color: #d71920;
 }

 .vmc-modern-header #navStrip .second-menu {
     position: relative;
 }

 .vmc-modern-header #navStrip .second-menu>.dropdown-menu {
     top: -8px;
     left: calc(100% + 8px);
     margin-top: 0;
 }

 .vmc-modern-header #navStrip .second-menu>.dropdown-menu::before {
     top: 18px;
     left: -6px;
 }

 @media only screen and (min-width: 992px) {
     .vmc-modern-header #navStrip .dropdown:hover>.dropdown-menu {
         display: block;
     }
 }

 @media only screen and (max-width: 991px) {
     .vmc-modern-header {
         position: sticky;
     }

     .vmc-modern-header .mobile-drawer {
         background: #fff;
         box-shadow: 0 20px 40px rgba(20, 25, 60, 0.18);
     }

     .vmc-modern-header .bottom-strip {
         background: #f6f7fb;
         border-bottom: 1px solid rgba(31, 29, 90, 0.08);
     }

     .vmc-modern-header .bottom-strip .nav-link,
     .vmc-modern-header .header-menu .nav-link {
         border-radius: 8px;
         padding: 0.75rem 1rem;
     }

     .vmc-modern-header #navStrip {
         padding: 0.75rem 0 !important;
         background: #f6f7fb !important;
     }

     .vmc-modern-header #navStrip .header-menu {
         min-height: auto;
         padding: 0 !important;
         background: transparent;
         box-shadow: none;
     }

     .vmc-modern-header #navStrip .header-menu>.navbar-nav {
         gap: 6px;
         align-items: stretch !important;
     }

     .vmc-modern-header #navStrip .header-menu>.navbar-nav>.nav-item>.nav-link {
         justify-content: flex-start;
         width: 100%;
         color: #1f1d5a;
         background: #fff;
         border: 1px solid rgba(31, 29, 90, 0.09);
     }

     .vmc-modern-header #navStrip .header-menu>.navbar-nav>.nav-item:first-child>.nav-link,
     .vmc-modern-header #navStrip .header-menu>.navbar-nav>.nav-item>.nav-link:hover {
         background: #12154a;
         color: #fff;
     }

     .vmc-modern-header #navStrip .dropdown-menu {
         position: static;
         margin: 6px 0 0;
         box-shadow: none;
         border: 1px solid rgba(31, 29, 90, 0.09);
     }

     .vmc-modern-header #navStrip .dropdown-menu::before {
         display: none;
     }

     .vmc-header-alert .header-ticker-track {
         font-size: 0.85rem;
     }

     .vmc-header-alert {
         gap: 0.45rem;
     }

     .vmc-header-alert .vmc-header-register {
         padding: 0.3rem 0.7rem !important;
         font-size: 0.82rem;
     }
 }

 div#carouselExampleIndicators .owl-dots {
     text-align: center;
     margin: 6px 0px;
     line-height: 0;
 }

 .vmc-hero-section {
     background: linear-gradient(135deg, #302583 0%, #2f2482 46%, #2e2582 100%);
     padding: 28px 0;
     border-bottom: 1px solid rgba(31, 29, 90, 0.08);
 }

 .vmc-hero-shell {
     display: grid;
     grid-template-columns: minmax(0, 1fr) 380px;
     gap: 24px;
     align-items: stretch;
 }

 .vmc-hero-main {
     min-width: 0;
     display: flex;
     flex-direction: column;
     gap: 14px;
 }

 .vmc-hero-banner {
     min-width: 0;
     overflow: hidden;
     border-radius: 8px;
     background: #f6f6fc;
     box-shadow: 0 18px 44px rgba(20, 25, 60, 0.14);
 }

 .vmc-hero-banner .banner-container,
 .vmc-hero-banner .item,
 .vmc-hero-banner .owl-stage-outer,
 .vmc-hero-banner .owl-stage,
 .vmc-hero-banner .owl-item {
     height: 100%;
 }

 .vmc-hero-banner .banner-container img {
     height: 100%;

     object-fit: cover;
     object-position: center;
 }

 .vmc-enquiry-card {
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 24px;
     border-radius: 8px;
     background: #fff;
     border: 1px solid rgba(31, 29, 90, 0.1);
     box-shadow: 0 18px 44px rgba(20, 25, 60, 0.12);
 }

 .vmc-enquiry-badge {
     display: inline-flex;
     width: fit-content;
     align-items: center;
     gap: 8px;
     margin-bottom: 12px;
     padding: 7px 11px;
     border-radius: 999px;
     background: #fff1e8;
     color: #d71920;
     font-size: 12px;
     font-weight: 800;
     text-transform: uppercase;
 }

 .vmc-enquiry-card h1 {
     margin-bottom: 8px;
     color: #1f1d5a;
     font-size: 28px;
     line-height: 1.18;
     font-weight: 800;
     letter-spacing: 0;
 }

 .vmc-enquiry-card p {
     margin-bottom: 18px;
     color: #5e6382;
     font-size: 14px;
     line-height: 1.5;
 }

 .vmc-enquiry-form .form-control {
     height: 44px;
     border-radius: 8px;
     border: 1px solid #d9deec;
     color: #1f1d5a;
     font-size: 14px;
     box-shadow: none;
 }

 .vmc-enquiry-form .form-control:focus {
     border-color: #d71920;
     box-shadow: 0 0 0 3px rgba(215, 25, 32, 0.1);
 }

 .vmc-enquiry-submit {
     min-height: 46px;
     border: 0;
     border-radius: 8px;
     background: linear-gradient(135deg, #f04c23 0%, #d71920 58%, #a41022 100%);
     color: #fff;
     font-weight: 800;
     box-shadow: 0 12px 24px rgba(215, 25, 32, 0.24);
 }

 .vmc-enquiry-meta {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
     margin-top: 16px;
     padding-top: 16px;
     border-top: 1px solid #edf0f7;
 }

 .vmc-hero-main .vmc-enquiry-meta {
     margin-top: 0;
     padding-top: 0;
     border-top: 0;
 }

 .vmc-enquiry-meta>div {
     position: relative;
     overflow: hidden;
     padding: 14px 10px;
     border: 1px solid rgba(31, 29, 90, 0.08);
     border-radius: 8px;
     background: linear-gradient(145deg, #fff 0%, #fff7f4 100%);
     box-shadow: 0 10px 22px rgba(31, 29, 90, 0.08);
     text-align: center;
     transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
 }

 .vmc-enquiry-meta>div::before {
     content: "";
     position: absolute;
     inset: 0;
     border-top: 3px solid #d71920;
     opacity: 0.9;
 }

 .vmc-enquiry-meta>div:hover {
     transform: translateY(-3px);
     border-color: rgba(215, 25, 32, 0.22);
     box-shadow: 0 16px 30px rgba(215, 25, 32, 0.14);
 }

 .vmc-enquiry-meta i {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     margin-bottom: 8px;
     border-radius: 50%;
     background: rgba(215, 25, 32, 0.1);
     color: #d71920;
     font-size: 14px;
 }

 .vmc-enquiry-meta span {
     display: block;
     color: #1f1d5a;
     font-size: 19px;
     font-weight: 800;
     line-height: 1;
 }

 .vmc-enquiry-meta small {
     display: block;
     margin-top: 4px;
     color: #6b708c;
     font-size: 11px;
     line-height: 1.2;
 }

 @media only screen and (max-width: 1199px) {
     .vmc-hero-shell {
         grid-template-columns: minmax(0, 1fr) 340px;
         gap: 18px;
     }

     .vmc-hero-banner .banner-container img {
         min-height: 400px;
     }
 }

 @media only screen and (max-width: 991px) {
     .vmc-hero-section {
         padding: 18px 0;
     }

     .vmc-hero-shell {
         grid-template-columns: 1fr;
     }

     .vmc-hero-main {
         gap: 12px;
     }

     .vmc-hero-banner .banner-container img {
         min-height: auto;
         height: auto;
     }

     .vmc-enquiry-card {
         padding: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .vmc-hero-section {
         padding: 12px 0;
     }

     .vmc-hero-shell {
         gap: 12px;
     }

     .vmc-enquiry-card h1 {
         font-size: 23px;
     }

     .vmc-enquiry-meta {
         grid-template-columns: 1fr;
     }

     .vmc-enquiry-meta>div {
         display: grid;
         grid-template-columns: 36px 1fr;
         column-gap: 10px;
         align-items: center;
         padding: 12px;
         text-align: left;
     }

     .vmc-enquiry-meta i {
         grid-row: span 2;
         margin-bottom: 0;
     }
 }

 .section-heading {
     text-align: center;
     margin-bottom: 3rem;
     position: relative;
 }



 .heading-content {
     position: relative;
     display: inline-block;
     background: #fff;
     padding: 0 2rem;
     z-index: 1;
 }

 .section-subtitle {
     color: #6366f1;
     font-size: 0.95rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 0.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
 }

 .section-subtitle::before,
 .section-subtitle::after {
     content: '';
     width: 30px;
     height: 2px;
     background: #6366f1;
 }

 .section-title {
     font-size: 2.5rem;
     font-weight: 700;
     color: #1e293b;
     margin-bottom: 0.75rem;
     line-height: 1.2;
 }

 .section-description {
     font-size: 1.1rem;
     color: #64748b;
     max-width: 700px;
     margin: 0 auto;
     line-height: 24px;
     font-weight: 500;
     margin-top: 20px;
 }

 .logo-carousel-section {
     overflow: hidden;
 }

 .logo-carousel {
     display: flex;
     overflow: hidden;
     position: relative;
 }

 .logo-carousel-track {
     display: flex;
     align-items: stretch;
     width: max-content;
     animation: logoScroll 28s linear infinite;
 }

 .logo-carousel:hover .logo-carousel-track {
     animation-play-state: paused;
 }

 .logo-carousel-set {
     display: flex;
     flex: 0 0 auto;
 }

 .logo-carousel-item {
     flex: 0 0 auto;
     width: 220px;
     border-right: 1px solid #dee2e6;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 1.5rem;
 }

 .logo-carousel-item:first-child {
     border-left: 1px solid #dee2e6;
 }

 .logo-carousel-item .wing-logo {
     justify-content: center;
     width: 100%;
 }

 .logo-carousel-item .wing-logo img {
     max-width: 13rem;
 }

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

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

 @media (max-width: 576px) {
     .logo-carousel-item {
         width: 170px;
         padding: 0 0.75rem;
     }
 }


 .quick-links-section {
     background: linear-gradient(180deg, #ffffff 0%, #ffffff 68%, #f8fbff 100%) !important;
     overflow: hidden;
     padding: 72px 0 50px;
     position: relative;
     z-index: 2;
 }

 .quick-links-section .container {
     align-items: center;
     display: flex;
     flex-direction: column;
 }

 .quick-links-badge {
     background: #eaf2fb;
     border-radius: 8px;
     color: #004aad;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 3px;
     line-height: 1;
     margin-bottom: 22px;
     padding: 8px 14px;
     text-transform: uppercase;
 }

 .quick-links-title {
     color: #3b3a67;
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 700;
     line-height: 1.08;
     margin-bottom: 18px;
     text-align: center;
     width: 100%;
 }

 .quick-links-subtitle {
     color: #56627a;
     font-size: 1.22rem;
     line-height: 1.45;
     margin: 0 auto;
     max-width: 900px;
     text-align: center;
     width: 100%;
 }

 .quick-links-grid {
     margin-top: 15px;
     width: 100%;
 }

 .quick-link-card {
     align-items: center;
     border: 1px solid;
     border-radius: 16px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 100px;
     padding: 15px 10px;
     overflow: hidden;
     position: relative;
     text-align: center;
     text-decoration: none;
     transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
 }

 .quick-link-col {
     flex: 0 0 20%;
     max-width: 20%;
 }

 .quick-link-card:hover {
     box-shadow: 0 18px 34px rgba(14, 35, 68, .09);
     transform: translateY(-5px);
     text-decoration: none;
 }

 .quick-link-card h3 {
     color: #020817;
     font-size: 1rem;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 2.4 !important;
     margin: 0 0 12px;
 }

 .quick-link-card p {
     color: #4c5874;
     font-size: 1rem;
     line-height: 1.35;
     margin: 0;
 }

 .quick-link-blue {
     background: #eef6ff;
     border-color: #e3f0ff;
 }

 .quick-link-amber {
     background: #fff7ed;
     border-color: #e3f0ff;
 }

 .quick-link-purple {
     background: #f8f2ff;
     border-color: #e3f0ff;
 }

 .quick-link-green {
     background: #effdf5;
     border-color: #e3f0ff;
 }

 .quick-link-rose {
     background: #fff1f5;
     border-color: #e3f0ff;
 }

 .quick-link-vector h3,
 .quick-link-vector p,
 .quick-link-vector .quick-link-actions {
     position: relative;
     text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
     z-index: 2;
 }

 .quick-link-vector::before,
 .quick-link-vector::after {
     content: '';
     pointer-events: none;
     position: absolute;
 }

 .quick-link-test-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-test-bg::before {
     border: 8px solid rgba(0, 74, 173, .24);
     border-left-color: transparent;
     border-radius: 999px;
     height: 68px;
     right: -10px;
     top: 18px;
     transform: rotate(-18deg);
     width: 68px;
 }

 .quick-link-test-bg::after {
     background: #004aad;
     border-radius: 12px;
     box-shadow: 30px 0 0 rgba(0, 74, 173, .42), 60px 0 0 rgba(0, 74, 173, .18);
     height: 12px;
     left: 24px;
     opacity: .28;
     top: 24px;
     transform: rotate(-10deg);
     width: 32px;
 }

 .quick-link-instruction-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-instruction-bg::before {
     background:
         linear-gradient(#f59e0b, #f59e0b) 20px 22px / 82px 6px no-repeat,
         linear-gradient(#fed7aa, #fed7aa) 20px 42px / 110px 5px no-repeat,
         linear-gradient(#fed7aa, #fed7aa) 20px 58px / 92px 5px no-repeat,
         linear-gradient(#fff, #fff);
     border: 8px solid rgba(0, 74, 173, .24);
     border-left-color: transparent;
     border-radius: 12px;
     height: 86px;
     opacity: .32;
     right: -20px;
     top: 12px;
     transform: rotate(7deg);
     width: 146px;
 }

 .quick-link-instruction-bg::after {
     background: rgba(245, 158, 11, .28);
     border-radius: 999px;
     box-shadow: 18px 18px 0 rgba(245, 158, 11, .18), 36px 0 0 rgba(245, 158, 11, .14);
     height: 10px;
     left: 24px;
     top: 20px;
     width: 10px;
 }

 .quick-link-result-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-result-bg::before {
     background:
         linear-gradient(90deg, rgba(111, 66, 193, .28) 0 20%, transparent 20% 30%, rgba(111, 66, 193, .28) 30% 56%, transparent 56% 68%, rgba(111, 66, 193, .28) 68% 100%);
     bottom: 18px;
     height: 54px;
     opacity: .5;
     right: 18px;
     transform: skewX(-8deg);
     width: 112px;
 }

 .quick-link-result-bg::after {
     border-bottom: 3px solid rgba(111, 66, 193, .3);
     border-left: 3px solid rgba(111, 66, 193, .3);
     bottom: 20px;
     height: 68px;
     left: 20px;
     opacity: .55;
     width: 80px;
 }

 .quick-link-admit-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-admit-bg::before {
     background:
         linear-gradient(#22c55e, #22c55e) 18px 22px / 68px 6px no-repeat,
         linear-gradient(#bbf7d0, #bbf7d0) 18px 42px / 104px 5px no-repeat,
         linear-gradient(#bbf7d0, #bbf7d0) 18px 58px / 76px 5px no-repeat,
         linear-gradient(#fff, #fff);
     border: 1px solid rgba(34, 197, 94, .2);
     border-radius: 12px;
     height: 88px;
     opacity: .34;
     right: -18px;
     top: 14px;
     transform: rotate(-7deg);
     width: 142px;
 }

 .quick-link-admit-bg::after {
     border: 3px solid rgba(34, 197, 94, .28);
     border-radius: 6px;
     height: 30px;
     left: 22px;
     opacity: .65;
     top: 20px;
     width: 48px;
 }

 .quick-link-media-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-media-bg::before {
     content: '';
     background:
         linear-gradient(#d9275c, #d9275c) 26px 27px / 74px 7px no-repeat,
         linear-gradient(#f9b1c4, #f9b1c4) 26px 47px / 108px 5px no-repeat,
         linear-gradient(#f9b1c4, #f9b1c4) 26px 63px / 86px 5px no-repeat,
         linear-gradient(#ffffff, #ffffff);
     border: 1px solid rgba(217, 39, 92, .18);
     border-radius: 12px;
     box-shadow: 0 10px 22px rgba(217, 39, 92, .16);
     height: 92px;
     opacity: .28;
     position: absolute;
     right: -18px;
     top: 14px;
     transform: rotate(-8deg);
     width: 156px;
 }

 .quick-link-media-bg::after {
     content: '';
     background-image: radial-gradient(rgba(217, 39, 92, .26) 1px, transparent 1px);
     background-size: 10px 10px;
     bottom: 12px;
     height: 52px;
     left: 16px;
     opacity: .28;
     position: absolute;
     width: 82px;
 }

 .quick-link-media-bg h3,
 .quick-link-media-bg p {
     color: #101828;
     position: relative;
     text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
     z-index: 2;
 }

 .quick-link-media-bg p {
     color: #6d2c42;
 }

 .quick-link-vector {
     justify-content: center;
     min-height: 96px;
     padding: 15px 10px;
 }

 .quick-link-vector::before {
     align-items: center;
     background: rgba(255, 255, 255, .72);
     border: 0;
     border-radius: 999px;
     bottom: 10px;
     box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
     display: flex;
     font-family: "Font Awesome 5 Free";
     font-size: 2.4rem;
     font-weight: 900;
     height: 72px;
     justify-content: center;
     opacity: .08;
     right: 12px;
     top: auto;
     transform: none;
     width: 72px;
     z-index: 0;
 }

 .quick-link-vector::after {
     display: none;
 }

 .quick-link-test-bg::before {
     color: #004aad;
     content: '\f0c1';
 }

 .quick-link-instruction-bg::before {
     color: #f59e0b;
     content: '\f15c';
     font-size: 2rem;
     height: 58px;
     opacity: .06;
     right: 8px;
     top: 8px;
     width: 58px;
 }

 .quick-link-result-bg::before {
     color: #6f42c1;
     content: '\f080';
 }

 .quick-link-admit-bg::before {
     color: #16a34a;
     content: '\f2c2';
 }

 .quick-link-media-bg::before {
     color: #d9275c;
     content: '\f1ea';
 }

 .quick-link-vector h3 {
     line-height: 1.25;
     margin-bottom: 14px;
 }

 .quick-link-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     justify-content: center;
     margin-top: 2px;
 }

 .quick-link-pill {
     border-radius: 999px;
     color: #333232;
     display: inline-block;
     font-size: .78rem;
     font-weight: 700;
     line-height: 1;
     padding: 9px 13px;
     text-decoration: none;
 }

 .quick-link-pill:hover {
     color: #fff;
     text-decoration: none;
 }

 .quick-link-pill-primary {
     background: #fdc987;
 }

 .quick-link-pill-secondary {
     background: #ffe0b9;
 }

 @media (max-width: 576px) {
     .quick-links-section {
         padding: 54px 0 60px;
     }

     .quick-link-card h3 {
         color: #020817;
         font-size: 1.4rem;
         font-weight: 700;
         letter-spacing: 0;
         line-height: 2.4 !important;
         margin: 0 0 12px;
     }

     .quick-links-title {
         color: #3b3a67;
         font-size: clamp(1.4rem, 4vw, 2rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 18px;
         text-align: center;
         width: 100%;
     }

     .courses-title {
         color: #3b3a67;
         font-family: Georgia, 'Times New Roman', serif;
         font-size: clamp(2.25rem, 4vw, 2.15rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 20px;
         font-size: 28px !important;
     }

     .quick-links-grid {
         margin-top: 42px;
     }

     .quick-link-card {
         min-height: 122px;
     }

 }

 @media only screen and (max-width: 480px) {
     h2 {
         box-shadow: 0 0px 0 #fecc00;
         padding: 0 5px;
         margin-bottom: 0px !important;
     }



     .courses-showcase {
         background: radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, .96) 0 28%, rgba(255, 255, 255, .6) 45%, transparent 64%), radial-gradient(circle at 0% 0%, rgba(221, 232, 255, .74) 0 18%, transparent 39%), radial-gradient(circle at 100% 4%, rgba(221, 232, 255, .82) 0 20%, transparent 42%), radial-gradient(circle at 69% 111%, rgba(218, 226, 255, .58) 0 16%, transparent 34%), linear-gradient(180deg, #f8fbff 0%, #f5f9ff 42%, #ffffff 72%, #f8fbff 100%);
         margin-top: -1px;
         overflow: hidden;
         padding: 96px 0 94px;
         position: relative;
     }

     .courses-showcase::before,
     .courses-showcase::after {
         content: '';
         pointer-events: none;
         position: absolute;
         z-index: 0;
     }

     .courses-showcase::before {
         background-image:
             radial-gradient(circle, rgba(0, 74, 173, .34) 1.4px, transparent 1.8px);
         background-size: 24px 24px;
         height: 150px;
         left: 14%;
         opacity: .26;
         top: 54px;
         width: 160px;
         animation: coursesDrift 13s ease-in-out infinite;
     }

     .courses-showcase::after {
         background-image:
             radial-gradient(circle, rgba(0, 74, 173, .42) 1.5px, transparent 1.9px);
         background-size: 23px 23px;
         bottom: 56px;
         height: 150px;
         opacity: .28;
         right: 5%;
         width: 165px;
         animation: coursesDrift 16s ease-in-out infinite reverse;
     }

     .courses-showcase>.container {
         position: relative;
         z-index: 2;
     }

     .courses-bg-art,
     .courses-bg-art span {
         pointer-events: none;
         position: absolute;
         z-index: 1;
     }

     .courses-bg-art {
         inset: 0;
         overflow: hidden;
     }

     .courses-bg-art span {
         display: block;
     }

     .courses-art-book,
     .courses-art-pen,
     .courses-art-atom {
         filter: drop-shadow(0 18px 26px rgba(0, 74, 173, .22));
         opacity: .9;
     }

     .courses-art-book {
         height: 84px;
         left: 7%;
         top: 86px;
         transform: rotate(-30deg);
         width: 84px;
         animation: coursesFloat 6.5s ease-in-out infinite;
     }

     .courses-art-book::before {
         background: linear-gradient(145deg, #77a8ff 0%, #004aad 100%);
         border-radius: 13px 10px 12px 13px;
         box-shadow: inset -10px -10px 18px rgba(1, 42, 132, .16);
         content: '';
         inset: 9px 15px 14px 15px;
         position: absolute;
     }

     .courses-art-book::after {
         background:
             linear-gradient(#eaf2ff 0 0) 19px 25px / 36px 9px no-repeat,
             linear-gradient(rgba(255, 255, 255, .55) 0 0) 23px 42px / 30px 5px no-repeat,
             linear-gradient(rgba(255, 255, 255, .42) 0 0) 23px 53px / 24px 5px no-repeat;
         border-bottom: 9px solid #d8e6ff;
         border-radius: 10px;
         content: '';
         inset: 0;
         position: absolute;
     }

     .courses-art-pen {
         height: 136px;
         right: 9%;
         top: 98px;
         transform: rotate(28deg);
         width: 36px;
         animation: coursesFloat 7s ease-in-out infinite .8s;
     }

     .courses-art-pen::before {
         background:
             linear-gradient(180deg, #1559df 0 10%, #eaf2ff 10% 22%, #78aaff 22% 79%, #1559df 79% 91%, transparent 91%);
         border-radius: 18px 18px 8px 8px;
         content: '';
         inset: 0 5px 17px;
         position: absolute;
     }

     .courses-art-pen::after {
         border-left: 12px solid transparent;
         border-right: 12px solid transparent;
         border-top: 29px solid #1559df;
         bottom: 0;
         content: '';
         left: 6px;
         position: absolute;
     }

     .courses-art-atom {
         border: 3px solid rgba(0, 74, 173, .34);
         border-radius: 50%;
         bottom: 58%;
         height: 62px;
         right: 9%;
         width: 62px;
         animation: coursesSpin 18s linear infinite;
     }

     .courses-art-atom::before,
     .courses-art-atom::after {
         border: 3px solid rgba(0, 74, 173, .34);
         border-radius: 50%;
         content: '';
         inset: -3px;
         position: absolute;
     }

     .courses-art-atom::before {
         transform: rotate(58deg);
     }

     .courses-art-atom::after {
         transform: rotate(-58deg);
     }

     .courses-art-dot {
         background: #004aad;
         border-radius: 50%;
         height: 13px;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         width: 13px;
     }

     .courses-art-ring {
         border: 4px solid rgba(103, 126, 255, .42);
         border-radius: 50%;
         height: 30px;
         left: 32%;
         top: 50px;
         width: 30px;
         animation: coursesPulse 4s ease-in-out infinite;
     }

     .courses-art-ring.small {
         height: 24px;
         left: 19%;
         top: 270px;
         width: 24px;
         animation-delay: 1.2s;
     }

     .courses-art-spark {
         color: rgba(0, 74, 173, .24);
         font-size: 34px;
         font-weight: 700;
         line-height: 1;
         animation: coursesTwinkle 3.5s ease-in-out infinite;
     }

     .courses-art-spark::before {
         content: '+';
     }

     .courses-art-spark.one {
         left: 26%;
         top: 100px;
     }

     .courses-art-spark.two {
         right: 15%;
         top: 278px;
         animation-delay: 1.4s;
     }

     .courses-art-wave {
         border: 1px solid transparent;
         border-top-color: rgba(0, 74, 173, .16);
         border-radius: 50%;
         bottom: -88px;
         height: 190px;
         left: -5%;
         width: 50%;
         animation: coursesWave 10s ease-in-out infinite;
     }

     .courses-art-wave::before,
     .courses-art-wave::after {
         border: 1px solid transparent;
         border-top-color: rgba(0, 74, 173, .13);
         border-radius: 50%;
         content: '';
         inset: 14px -18px auto 12px;
         height: 185px;
         position: absolute;
     }

     .courses-art-wave::after {
         inset: 28px -30px auto 28px;
     }

     .courses-badge {
         background: #eaf2fb;
         border-radius: 8px;
         color: #004aad;
         display: inline-block;
         font-size: 14px;
         font-weight: 700;
         letter-spacing: 3px;
         line-height: 1;
         margin-bottom: 24px;
         padding: 8px 14px;
         text-transform: uppercase;
     }

     .courses-title {
         color: #071a55;
         font-family: inherit;
         font-size: clamp(2.1rem, 4vw, 2rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 20px;
     }

     .courses-subtitle {
         color: #56627a;
         font-size: 1.25rem;
         line-height: 1.45;
         margin: 0 auto;
         max-width: 680px;
         display: inline-block;
         margin-top: 20px !important;
     }

     .courses-grid {
         margin-top: 54px;
     }

     .program-card {
         background: #061a42;
         border: 1px solid rgba(104, 150, 232, .32);
         border-radius: 14px;
         box-shadow: 0 18px 38px rgba(9, 29, 70, .24);
         color: #fff;
         display: flex;
         flex-direction: column;
         height: 100%;
         min-height: 470px;
         overflow: hidden;
         padding: 0;
         position: relative;
         text-align: left;
         text-decoration: none;
         transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
     }

     .program-card::before,
     .program-card::after {
         content: '';
         inset: 0;
         pointer-events: none;
         position: absolute;
         z-index: 1;
     }

     .program-card::before {
         background: linear-gradient(180deg, rgba(5, 18, 45, .05) 0%, rgba(5, 18, 45, .58) 45%, rgba(4, 16, 45, .96) 100%);
     }

     .program-card::after {
         background: linear-gradient(90deg, rgba(18, 69, 158, .2), transparent 42%);
         mix-blend-mode: screen;
         opacity: .74;
     }

     .program-card> :not(.program-card-vector):not(.program-image) {
         position: relative;
         z-index: 2;
     }

     .program-image {
         height: 100%;
         inset: 0;
         object-fit: cover;
         object-position: center;
         position: absolute;
         transform: scale(1.01);
         transition: transform .35s ease, filter .35s ease;
         width: 100%;
         z-index: 0;
     }

     .program-card-vector {
         height: 96px;
         opacity: .82;
         pointer-events: none;
         position: absolute;
         right: -12px;
         top: -10px;
         transition: transform .25s ease, opacity .25s ease;
         width: 122px;
         z-index: 0;
     }

     .program-card-vector .vector-soft {
         fill: #e8eef8;
     }

     .program-card-vector .vector-primary {
         fill: #004aad;
     }

     .program-card-vector .vector-accent {
         fill: #ff4b17;
     }

     .program-card-vector .vector-line {
         fill: none;
         stroke: #004aad;
         stroke-linecap: round;
         stroke-width: 3;
     }

     .program-card:focus {
         color: #fff;
         outline: none;
         text-decoration: none;
     }

     .program-card:focus-visible {
         box-shadow: 0 0 0 4px rgba(0, 74, 173, .18), 0 24px 44px rgba(9, 29, 70, .28);
         transform: translateY(-4px);
     }

     .program-card:hover {
         color: #fff;
         border-color: rgba(119, 166, 255, .56);
         box-shadow: 0 24px 46px rgba(9, 29, 70, .3);
         text-decoration: none;
         transform: translateY(-4px);
     }

     .program-card:hover .program-card-vector,
     .program-card:focus-visible .program-card-vector {
         opacity: 1;
         transform: translate(-4px, 4px) rotate(-2deg);
     }

     .program-card:hover .program-image,
     .program-card:focus-visible .program-image {
         filter: saturate(1.08);
         transform: scale(1.07);
     }

     .program-icon {
         align-items: center;
         background: rgba(194, 214, 255, .26);
         border: 1px solid rgba(214, 227, 255, .22);
         border-radius: 13px;
         box-shadow: 0 12px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .22);
         color: #fff;
         display: inline-flex;
         height: 54px;
         justify-content: center;
         margin: auto 0 12px;
         width: 54px;
         transition: transform .25s ease, box-shadow .25s ease;
     }

     .program-icon svg {
         height: 27px;
         width: 27px;
     }

     .program-card:hover .program-icon,
     .program-card:focus-visible .program-icon {
         box-shadow: 0 12px 24px rgba(0, 74, 173, .16);
         transform: translateY(-3px);
     }

     .program-mode {
         align-self: flex-start;
         background: rgba(5, 16, 42, .58);
         border: 1px solid rgba(255, 255, 255, .45);
         border-radius: 7px;
         color: #fff;
         font-size: .84rem;
         line-height: 1;
         margin-bottom: 16px;
         padding: 6px 9px;
     }

     .program-card h3 {
         color: #fff;
         font-size: 1.35rem;
         font-weight: 800;
         line-height: 1.25;
         margin-bottom: 10px !important;
     }

     .program-card p {
         color: rgba(255, 255, 255, .92);
         font-size: 1rem;
         line-height: 1.5;
         margin-bottom: 0;
     }

     .program-tags {
         display: flex;
         flex-wrap: wrap;
         gap: 9px;
         margin-top: 18px;
     }

     .program-tag {
         background: rgba(255, 103, 62, .24);
         border-radius: 8px;
         color: #ff875e;
         font-size: .82rem;
         font-weight: 700;
         line-height: 1;
         padding: 7px 11px;
     }

     .program-tag:last-child {
         background: rgba(63, 190, 126, .24);
         color: #73dd98;
     }

     .program-actions {
         align-items: center;
         border-top: 0px solid #eef1f5;
         display: flex;
         gap: 14px;
         justify-content: space-between;
         margin-top: auto;
         padding-top: 20px;
     }

     .program-actions a {
         font-size: .9rem;
         font-weight: 700;
         text-decoration: none;
     }

     .program-enroll {
         color: #1f2937;
     }

     .program-more {
         align-items: center;
         background: linear-gradient(135deg, #244b9d 0%, #173575 100%);
         border-radius: 8px;
         box-shadow: 0 12px 22px rgba(4, 18, 54, .25);
         color: #fff;
         display: inline-flex;
         font-size: .94rem;
         font-weight: 800;
         gap: 8px;
         justify-content: center;
         line-height: 1;
         overflow: hidden;
         padding: 13px 18px;
         position: relative;
         transition: box-shadow .25s ease, transform .25s ease;
     }

     .program-more::after {
         content: '\2192';
         font-size: 1rem;
         line-height: 1;
         transition: transform .25s ease;
     }

     .program-more::before {
         background: rgba(255, 255, 255, .35);
         content: '';
         height: 140%;
         left: -45%;
         position: absolute;
         top: -20%;
         transform: rotate(18deg);
         transition: left .45s ease;
         width: 28px;
     }

     .program-card:hover .program-more,
     .program-card:focus-visible .program-more,
     .program-more:hover {
         box-shadow: 0 0px 0px rgba(255, 75, 23, .26);
         color: #3204a5;
         transform: translateY(-2px);
     }

     .program-card:hover .program-more::after,
     .program-card:focus-visible .program-more::after {
         transform: translateX(3px);
     }

     .program-card:hover .program-more::before,
     .program-card:focus-visible .program-more::before {
         left: 120%;
     }

     /* New Card Style with Background Images */
     .program-card-with-image {
         background: linear-gradient(135deg, #0a1f3a 0%, #061a42 100%);
         border: 1px solid rgba(104, 150, 232, .32);
         border-radius: 16px;
         box-shadow: 0 18px 38px rgba(9, 29, 70, .24);
         color: #fff;
         display: flex;
         flex-direction: column;
         height: 100%;
         min-height: 520px;
         overflow: hidden;
         padding: 0;
         position: relative;
         text-align: left;
         text-decoration: none;
         transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
     }

     .program-card-with-image:hover {
         color: #fff;
         border-color: rgba(119, 166, 255, .56);
         box-shadow: 0 24px 46px rgba(9, 29, 70, .3);
         text-decoration: none;
         transform: translateY(-4px);
     }

     .program-card-with-image:focus {
         color: #fff;
         outline: none;
         text-decoration: none;
     }

     .program-card-with-image:focus-visible {
         box-shadow: 0 0 0 4px rgba(0, 74, 173, .18), 0 24px 44px rgba(9, 29, 70, .28);
         transform: translateY(-4px);
     }

     .program-image {
         background-size: cover;
         background-position: center;
         height: 280px;
         position: relative;
         width: 100%;
         overflow: hidden;
     }

     .program-image::after {
         content: '';
         position: absolute;
         inset: 0;
         background: linear-gradient(180deg, rgba(6, 26, 66, 0) 0%, rgba(6, 26, 66, 0.95) 100%);
         pointer-events: none;
     }

     .program-card-with-image:hover .program-image {
         transform: scale(1.05);
     }

     .program-content {
         display: flex;
         flex-direction: column;
         flex: 1;
         padding: 24px;
         position: relative;
         z-index: 2;
     }

     .program-card-with-image .program-mode {
         align-self: flex-start;
         background: rgba(5, 16, 42, .78);
         border: 1px solid rgba(255, 255, 255, .45);
         border-radius: 8px;
         color: #fff;
         font-size: .84rem;
         line-height: 1;
         margin-bottom: 16px;
         padding: 7px 12px;
     }

     .program-card-with-image h3 {
         color: #fff;
         font-size: 1.35rem;
         font-weight: 800;
         line-height: 1.25;
         margin-bottom: 12px !important;
     }

     .program-card-with-image p {
         color: rgba(255, 255, 255, .90);
         font-size: 0.98rem;
         line-height: 1.5;
         margin-bottom: 0;
         flex: 1;
     }

     .program-card-with-image .program-tags {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         margin-top: 18px;
     }

     .program-card-with-image .program-tag {
         background: rgba(255, 103, 62, .24);
         border-radius: 8px;
         color: #ff875e;
         font-size: .82rem;
         font-weight: 700;
         line-height: 1;
         padding: 7px 12px;
     }

     .program-card-with-image .program-tag:last-child {
         background: rgba(63, 190, 126, .24);
         color: #73dd98;
     }

     .program-card-with-image .program-actions {
         border-top: 0px solid #eef1f5;
         display: flex;
         gap: 14px;
         justify-content: flex-start;
         margin-top: 20px;
         padding-top: 0;
     }

     .program-card-with-image .program-more {
         align-items: center;
         background: linear-gradient(135deg, #244b9d 0%, #173575 100%);
         border-radius: 8px;
         box-shadow: 0 12px 22px rgba(4, 18, 54, .25);
         color: #fff;
         display: inline-flex;
         font-size: .94rem;
         font-weight: 800;
         gap: 8px;
         justify-content: center;
         line-height: 1;
         overflow: hidden;
         padding: 13px 18px;
         position: relative;
         transition: box-shadow .25s ease, transform .25s ease;
     }

     .program-card-with-image .program-more::after {
         content: '';
         transition: transform .25s ease;
     }

     .program-card-with-image .program-more::before {
         background: rgba(255, 255, 255, .35);
         content: '';
         height: 140%;
         left: -45%;
         position: absolute;
         top: -20%;
         transform: rotate(18deg);
         transition: left .45s ease;
         width: 28px;
     }

     .program-card-with-image:hover .program-more,
     .program-card-with-image:focus-visible .program-more,
     .program-card-with-image .program-more:hover {
         box-shadow: 0 0px 0px rgba(255, 75, 23, .26);
         color: rgb(255 235 171);
         transform: translateY(-2px);
     }

     .program-card-with-image:hover .program-more::before,
     .program-card-with-image:focus-visible .program-more::before {
         left: 120%;
     }

     @keyframes coursesFloat {

         0%,
         100% {
             translate: 0 0;
         }

         50% {
             translate: 0 -14px;
         }
     }

     @keyframes coursesDrift {

         0%,
         100% {
             transform: translate3d(0, 0, 0);
         }

         50% {
             transform: translate3d(14px, -10px, 0);
         }
     }

     @keyframes coursesPulse {

         0%,
         100% {
             opacity: .55;
             transform: scale(1);
         }

         50% {
             opacity: .9;
             transform: scale(1.16);
         }
     }

     @keyframes coursesSpin {
         to {
             transform: rotate(360deg);
         }
     }

     @keyframes coursesTwinkle {

         0%,
         100% {
             opacity: .25;
             transform: scale(.85) rotate(0deg);
         }

         50% {
             opacity: .75;
             transform: scale(1.08) rotate(12deg);
         }
     }

     @keyframes coursesWave {

         0%,
         100% {
             transform: translateX(0);
         }

         50% {
             transform: translateX(22px);
         }
     }

     #courses-section.main-wrapper {
         background: #f7f9fc;
         overflow: hidden;
         padding: 70px 0 84px !important;
     }

     #courses-section .decorative-circle {
         display: none;
     }

     #courses-section .container {

         padding-bottom: 0 !important;
         padding-top: 0 !important;
     }

     #courses-section .section-badge {
         background: #eaf2fb;
         border-radius: 8px;
         color: #004aad;
         display: inline-block;
         font-size: 0;
         font-weight: 700;
         letter-spacing: 3px;
         line-height: 1;
         margin-bottom: 24px;
         padding: 8px 14px;
         text-transform: uppercase;
     }

     #courses-section .section-badge svg {
         display: none;
     }

     #courses-section .section-badge::after {
         content: 'Our Courses';
         font-size: 14px;
     }

     #courses-section .display-3 {
         color: #3b3a67;
         font-family: Georgia, 'Times New Roman', serif;
         font-size: clamp(2.25rem, 4vw, 3.15rem);
         font-weight: 700 !important;
         line-height: 1.08;
         margin-bottom: 20px !important;
     }

     #courses-section .display-3 span {
         display: none;
     }

     #courses-section .display-3::after {
         content: 'Learn Your Way';
     }

     #courses-section #section-subtitle {
         color: #56627a !important;
         font-size: 1.25rem;
         line-height: 1.45;
         margin: 0 auto;
         max-width: 680px !important;
     }

     #courses-section .row.g-4 {
         margin-top: 20px;
     }

     #courses-section .course-card {
         background: #fff !important;
         border: 1px solid #d5dce6;
         border-radius: 14px;
         box-shadow: 0 3px 8px rgba(15, 23, 42, .12);
         display: flex;
         flex-direction: column;
         min-height: 452px;
         padding: 60px 30px 32px;
         text-align: left;
         transition: transform .25s ease, box-shadow .25s ease;
     }

     #courses-section .course-card:hover {
         box-shadow: 0 16px 28px rgba(15, 23, 42, .14);
         transform: translateY(-4px);
     }

     #courses-section .image-wrapper {
         background: none !important;
         height: auto;
         margin: 0 0 20px;
         overflow: visible;
         padding: 0;
         position: static !important;
     }

     #courses-section .card-image,
     #courses-section .card-bg-circle {
         display: none;
     }

     #courses-section .image-wrapper::before {
         align-items: center;
         background: #e8eef8;
         border-radius: 14px;
         color: #004aad;
         display: inline-flex;
         font-family: "Font Awesome 5 Free";
         font-size: 1.7rem;
         font-weight: 900;
         height: 58px;
         justify-content: center;
         margin-bottom: 20px;
         width: 58px;
     }

     #courses-section .col-12:nth-child(1) .image-wrapper::before {
         content: '\f02d';
     }

     #courses-section .col-12:nth-child(2) .image-wrapper::before {
         content: '\f109';
     }

     #courses-section .col-12:nth-child(3) .image-wrapper::before {
         content: '\f466';
     }

     #courses-section .col-12:nth-child(4) .image-wrapper::before {
         content: '\f46d';
     }

     #courses-section .position-absolute {
         position: static !important;
     }

     #courses-section .position-absolute.m-3 {
         margin: 0 !important;
     }

     #courses-section .badge-custom {
         background: #fff !important;
         border: 1px solid #cfd7e2;
         border-radius: 7px;
         color: #45536d !important;
         display: inline-block;
         font-size: 0;
         line-height: 1;
         margin: 0;
         padding: 6px 10px;
     }

     #courses-section .col-12:nth-child(1) .badge-custom::after {
         content: 'Offline';
         font-size: .92rem;
     }

     #courses-section .col-12:nth-child(2) .badge-custom::after {
         content: 'Online';
         font-size: .92rem;
     }

     #courses-section .col-12:nth-child(3) .badge-custom::after {
         content: 'Correspondence';
         font-size: .92rem;
     }

     #courses-section .col-12:nth-child(4) .badge-custom::after {
         content: 'Test Series';
         font-size: .92rem;
     }

     #courses-section .card-body {
         display: flex;
         flex: 1;
         flex-direction: column;
         padding: 0 !important;
     }

     #courses-section .card-body h2 {
         color: #020817;
         font-size: 1.35rem;
         font-weight: 800;
         line-height: 1.25;
         margin: 26px 0 16px !important;
     }

     #courses-section .card-body p {
         color: #4f5c76 !important;
         font-size: 1.02rem !important;
         line-height: 1.5;
         margin-bottom: 24px !important;
     }

     #courses-section .card-body>.d-flex.gap-3 {
         display: flex !important;
         gap: 10px !important;
         margin-bottom: 0 !important;
         margin-top: auto;
     }

     #courses-section .card-body>.d-flex.gap-3 svg {
         display: none;
     }

     #courses-section .card-body>.d-flex.gap-3 .align-items-center {
         display: flex !important;
         flex-wrap: wrap;
         gap: 10px !important;
     }

     #courses-section .program-tag {
         background: #ffede8;
         border-radius: 8px;
         color: #19397c;
         font-size: .82rem;
         font-weight: 700;
         line-height: 1;
         padding: 7px 11px;
     }

     #courses-section .card-body>.d-flex.align-items-center.justify-content-between {
         display: none !important;
     }

     @media (max-width: 767px) {
         #courses-section.main-wrapper {
             padding: 54px 0 62px !important;
         }

         #courses-section .row.g-4 {
             margin-top: 44px;
         }

         #courses-section .course-card {
             min-height: auto;
             padding: 34px 24px 28px;
         }
     }

     @media (max-width: 767px) {
         .courses-showcase {
             padding: 54px 0 62px;
         }

         .courses-bg-art {
             opacity: .58;
         }

         .courses-showcase::before {
             left: -38px;
             top: 32px;
         }

         .courses-showcase::after,
         .courses-art-atom,
         .courses-art-ring,
         .courses-art-spark.two {
             display: none;
         }

         .courses-art-book {
             left: -12px;
             top: 28px;
             transform: scale(.72) rotate(-30deg);
         }

         .courses-art-pen {
             right: -4px;
             top: 50px;
             transform: scale(.7) rotate(28deg);
         }

         .courses-grid {
             margin-top: 44px;
         }

         .program-card {
             min-height: auto;
             padding: 34px 24px 28px;
         }
     }

     .icon-box {
         width: 60px;
         height: 60px;
         border-radius: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         transition: all 0.3s ease;
     }

     .card1:hover .icon-box {
         transform: scale(1.1) rotate(5deg);
         box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
     }

     .price-container {
         margin: 30px 0;
         padding: 10px;
         background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 100%);
         border-radius: 15px;
         position: relative;
         overflow: hidden;
         width: 45%;
         margin: 0 auto;
         ;
     }


     /*---------------Start Holi Popup-----------------*/
     .gulal-container {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         pointer-events: none;
         overflow: hidden;
         z-index: 1060;
     }

     .gulal-particle {
         position: absolute;
         border-radius: 50%;
         animation: gulalFall linear forwards;
         filter: blur(1px);
     }

     @keyframes gulalFall {
         0% {
             transform: translateY(-100px) rotate(0deg) scale(1);
             opacity: 1;
         }

         50% {
             opacity: 0.9;
         }

         100% {
             transform: translateY(100%) rotate(720deg) scale(0.3);
             opacity: 0;
         }
     }

     .gulal-burst {
         position: absolute;
         border-radius: 50%;
         animation: burstOut ease-out forwards;
     }

     @keyframes burstOut {
         0% {
             transform: scale(0) translate(0, 0);
             opacity: 1;
         }

         100% {
             transform: scale(1) translate(var(--tx), var(--ty));
             opacity: 0;
         }
     }

     .color-splash {
         position: absolute;
         width: 200px;
         height: 200px;
         border-radius: 50%;
         filter: blur(60px);
         opacity: 0.4;
         animation: splashPulse 3s ease-in-out infinite;
     }

     @keyframes splashPulse {

         0%,
         100% {
             transform: scale(1);
             opacity: 0.3;
         }

         50% {
             transform: scale(1.2);
             opacity: 0.5;
         }
     }

     .splash-pink {
         background: #FF1493;
         top: 10%;
         left: 5%;
     }

     .splash-yellow {
         background: #FFD700;
         top: 60%;
         right: 10%;
         animation-delay: 1s;
     }

     .splash-green {
         background: #32CD32;
         bottom: 20%;
         left: 30%;
         animation-delay: 2s;
     }

     .splash-purple {
         background: #9400D3;
         top: 30%;
         right: 25%;
         animation-delay: 0.5s;
     }

     .splash-orange {
         background: #FF6347;
         bottom: 10%;
         right: 40%;
         animation-delay: 1.5s;
     }

     .modal-content {
         background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 250, 245, 0.98) 100%);
         border: none;
         border-radius: 24px;
         box-shadow:
             0 25px 80px rgba(255, 20, 147, 0.2),
             0 15px 40px rgba(255, 215, 0, 0.15),
             0 5px 15px rgba(0, 0, 0, 0.1);
         overflow: hidden;
         position: relative;
     }

     .modal-content::before {
         content: '';
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         height: 6px;
         background: none;
     }

     .modal-header {
         border: none;
         padding: 0rem 2rem 0.5rem;
         position: relative;
     }

     .modal-title {
         font-family: 'Tiro Devanagari Hindi', serif;
         font-size: 2rem;
         font-weight: 700;
         background: linear-gradient(135deg, #FF1493, #FF6347, #FFD700);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
         text-align: center;
         width: 100%;
         text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
     }

     .subtitle {
         font-size: 1.3rem;
         color: #9400D3;
         text-align: center;
         font-weight: 600;
         margin-top: -0.5rem;
     }

     .modal-body {
         padding: 1.5rem 2rem;
         text-align: center;
     }

     .holi-emoji {
         font-size: 4rem;
         display: flex;
         justify-content: center;
         gap: 1rem;
         margin-bottom: 1rem;
         animation: emojiFloat 2s ease-in-out infinite;
     }

     @keyframes emojiFloat {

         0%,
         100% {
             transform: translateY(0);
         }

         50% {
             transform: translateY(-10px);
         }
     }

     .message-text {
         font-size: 1.1rem;
         color: #555;
         line-height: 1.7;
         margin-bottom: 1.5rem;
     }

     .color-dots {
         display: flex;
         justify-content: center;
         gap: 12px;
         margin: 1.5rem 0;
     }

     .color-dot {
         width: 20px;
         height: 20px;
         border-radius: 50%;
         animation: dotPop 0.6s ease-out backwards;
     }

     .color-dot:nth-child(1) {
         background: #FF1493;
         animation-delay: 0.1s;
     }

     .color-dot:nth-child(2) {
         background: #FFD700;
         animation-delay: 0.2s;
     }

     .color-dot:nth-child(3) {
         background: #32CD32;
         animation-delay: 0.3s;
     }

     .color-dot:nth-child(4) {
         background: #FF6347;
         animation-delay: 0.4s;
     }

     .color-dot:nth-child(5) {
         background: #9400D3;
         animation-delay: 0.5s;
     }

     @keyframes dotPop {
         0% {
             transform: scale(0);
         }

         50% {
             transform: scale(1.3);
         }

         100% {
             transform: scale(1);
         }
     }

     .modal-footer {
         border: none;
         padding: 0.5rem 2rem 2rem;
         justify-content: center;
     }

     .btn-celebrate {
         background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 50%, #7e72cf 100%);
         border: none;
         color: white;
         padding: 14px 50px;
         font-size: 1.2rem;
         font-weight: 700;
         border-radius: 50px;
         text-transform: uppercase;
         letter-spacing: 2px;
         box-shadow: 0 8px 25px rgba(255, 20, 147, 0.4);
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
     }

     .btn-celebrate:hover {
         transform: translateY(-3px) scale(1.02);
         box-shadow: 0 12px 35px rgba(255, 20, 147, 0.5);
         color: white;
     }

     .btn-celebrate:active {
         transform: translateY(0) scale(0.98);
     }

     .btn-celebrate::after {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 0;
         height: 0;
         background: rgba(255, 255, 255, 0.3);
         border-radius: 50%;
         transform: translate(-50%, -50%);
         transition: width 0.6s, height 0.6s;
     }

     .btn-celebrate:hover::after {
         width: 300px;
         height: 300px;
     }

     .rangoli-pattern {
         position: absolute;
         bottom: -30px;
         left: 50%;
         transform: translateX(-50%);
         width: 150px;
         height: 75px;
         opacity: 0.15;
     }

     .btn-close {
         position: absolute;
         right: 1rem;
         top: 1rem;
         opacity: 0.5;
         z-index: 10;
     }

     .btn-close:hover {
         opacity: 1;
     }

     @media (max-width: 576px) {
         .modal-title {
             font-size: 2.2rem;
         }

         .subtitle {
             font-size: 1rem;
         }

         .holi-emoji {
             font-size: 3rem;
         }

         .btn-celebrate {
             padding: 12px 35px;
             font-size: 1rem;
         }
     }

     .section-heading {
         text-align: center;
         margin-bottom: 3rem;
         position: relative;
     }



     .heading-content {
         position: relative;
         display: inline-block;
         background: #f3f5ff;
         padding: 0 2rem;
         z-index: 1;
     }

     .section-subtitle {
         color: #6366f1;
         font-size: 0.95rem;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 2px;
         margin-bottom: 0.5rem;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 0.5rem;
     }

     .section-subtitle::before {
         content: '';
         width: 30px;
         height: 2px;
         background: #6366f1;
     }

     .section-title {
         font-size: clamp(2.1rem, 4vw, 2rem);
         font-weight: 700;
         color: #3b3a67 !important;
         margin-bottom: 1rem !important;
         line-height: 1.2;
     }

     .section-description {
         font-size: 1.1rem;
         color: #64748b;
         max-width: 700px;
         margin: 0 auto;
         line-height: 24px;
         font-weight: 500;
         margin-top: 20px;
     }

     .logo-carousel-section {
         overflow: hidden;
     }

     .logo-carousel {
         display: flex;
         overflow: hidden;
         position: relative;
     }

     .logo-carousel-track {
         display: flex;
         align-items: stretch;
         width: max-content;
         animation: logoScroll 28s linear infinite;
     }

     .logo-carousel:hover .logo-carousel-track {
         animation-play-state: paused;
     }

     .logo-carousel-set {
         display: flex;
         flex: 0 0 auto;
     }

     .logo-carousel-item {
         flex: 0 0 auto;
         width: 220px;
         border-right: 1px solid #dee2e6;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 0 1.5rem;
     }

     .logo-carousel-item:first-child {
         border-left: 1px solid #dee2e6;
     }

     .logo-carousel-item .wing-logo {
         justify-content: center;
         width: 100%;
     }

     .logo-carousel-item .wing-logo img {
         max-width: 13rem;
     }

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

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

     @media (max-width: 576px) {
         .logo-carousel-item {
             width: 170px;
             padding: 0 0.75rem;
         }
     }

     .quick-links-section {
         background: linear-gradient(180deg, #ffffff 0%, #ffffff 68%, #f8fbff 100%) !important;
         overflow: hidden;
         padding: 72px 0 104px;
         position: relative;
         z-index: 2;
     }

     .quick-links-section .container {
         align-items: center;
         display: flex;
         flex-direction: column;
     }

     .quick-links-badge {
         background: #eaf2fb;
         border-radius: 8px;
         color: #004aad;
         display: inline-block;
         font-size: 14px;
         font-weight: 700;
         letter-spacing: 3px;
         line-height: 1;
         margin-bottom: 22px;
         padding: 8px 14px;
         text-transform: uppercase;
     }

     .quick-links-title {
         color: #3b3a67;
         font-size: clamp(2.1rem, 4vw, 2rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 18px;
         text-align: center;
         width: 100%;
     }

     .quick-links-subtitle {
         color: #56627a;
         font-size: 1.22rem;
         line-height: 1.45;
         margin: 0 auto;
         max-width: 900px;
         text-align: center;
         width: 100%;
     }

     .quick-links-grid {
         margin-top: 15px;
         width: 100%;
     }

     .quick-link-card {
         align-items: center;
         border: 1px solid;
         border-radius: 16px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         min-height: 100px;
         padding: 15px 10px;
         overflow: hidden;
         position: relative;
         text-align: center;
         text-decoration: none;
         transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
     }

     .quick-link-col {
         flex: 0 0 20%;
         max-width: 20%;
     }

     .quick-link-card:hover {
         box-shadow: 0 18px 34px rgba(14, 35, 68, .09);
         transform: translateY(-5px);
         text-decoration: none;
     }

     .quick-link-card h3 {
         color: #020817;
         font-size: 1rem;
         font-weight: 700;
         letter-spacing: 0;
         line-height: 2.4 !important;
         margin: 0 0 12px;
     }

     .quick-link-card p {
         color: #4c5874;
         font-size: 1rem;
         line-height: 1.35;
         margin: 0;
     }

     .quick-link-blue {
         background: #eef6ff;
         border-color: #e3f0ff;
     }

     .quick-link-amber {
         background: #fff7ed;
         border-color: #f8ede1;
     }

     .quick-link-purple {
         background: #f8f2ff;
         border-color: #ece4f5;
     }

     .quick-link-green {
         background: #effdf5;
         border-color: #daf0e3;
     }

     .quick-link-rose {
         background: #fff1f5;
         border-color: #f9e2e9;
     }

     .quick-link-vector h3,
     .quick-link-vector p,
     .quick-link-vector .quick-link-actions {
         position: relative;
         text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
         z-index: 2;
     }

     .quick-link-vector::before,
     .quick-link-vector::after {
         content: '';
         pointer-events: none;
         position: absolute;
     }

     .quick-link-test-bg {
         background:
             radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
     }

     .quick-link-test-bg::before {
         border: 8px solid rgba(0, 74, 173, .24);
         border-left-color: transparent;
         border-radius: 999px;
         height: 68px;
         right: -10px;
         top: 18px;
         transform: rotate(-18deg);
         width: 68px;
     }

     .quick-link-test-bg::after {
         background: #004aad;
         border-radius: 12px;
         box-shadow: 30px 0 0 rgba(0, 74, 173, .42), 60px 0 0 rgba(0, 74, 173, .18);
         height: 12px;
         left: 24px;
         opacity: .28;
         top: 24px;
         transform: rotate(-10deg);
         width: 32px;
     }

     .quick-link-instruction-bg {
         background:
             radial-gradient(circle at 88% 20%, rgba(255, 255, 255, .4) 0 16px, transparent 17px), linear-gradient(135deg, #fffdfb 0%, #fff4e7 48%, #ffffff 100%)
     }

     .quick-link-instruction-bg::before {
         background:
             linear-gradient(#f59e0b, #f59e0b) 20px 22px / 82px 6px no-repeat,
             linear-gradient(#fed7aa, #fed7aa) 20px 42px / 110px 5px no-repeat,
             linear-gradient(#fed7aa, #fed7aa) 20px 58px / 92px 5px no-repeat,
             linear-gradient(#fff, #fff);
         border: 1px solid rgba(245, 158, 11, .2);
         border-radius: 12px;
         height: 86px;
         opacity: .32;
         right: -20px;
         top: 12px;
         transform: rotate(7deg);
         width: 146px;
     }

     .quick-link-instruction-bg::after {
         background: rgba(245, 158, 11, .28);
         border-radius: 999px;
         box-shadow: 18px 18px 0 rgba(245, 158, 11, .18), 36px 0 0 rgba(245, 158, 11, .14);
         height: 10px;
         left: 24px;
         top: 20px;
         width: 10px;
     }

     .quick-link-result-bg {
         background:
             radial-gradient(circle at 82% 22%, rgba(255, 255, 255, .4) 0 18px, transparent 19px), linear-gradient(135deg, #f8f2ff 0%, #f7f0ff 50%, #fff 100%)
     }

     .quick-link-result-bg::before {
         background:
             linear-gradient(90deg, rgba(111, 66, 193, .28) 0 20%, transparent 20% 30%, rgba(111, 66, 193, .28) 30% 56%, transparent 56% 68%, rgba(111, 66, 193, .28) 68% 100%);
         bottom: 18px;
         height: 54px;
         opacity: .5;
         right: 18px;
         transform: skewX(-8deg);
         width: 112px;
     }

     .quick-link-result-bg::after {
         border-bottom: 3px solid rgba(111, 66, 193, .3);
         border-left: 3px solid rgba(111, 66, 193, .3);
         bottom: 20px;
         height: 68px;
         left: 20px;
         opacity: .55;
         width: 80px;
     }

     .quick-link-admit-bg {
         background:
             radial-gradient(circle at 18% 20%, rgba(255, 255, 255, .4) 0 12px, transparent 13px), linear-gradient(135deg, #effdf5 0%, #eefff4 48%, #fff 100%)
     }

     .quick-link-admit-bg::before {
         background:
             linear-gradient(#22c55e, #22c55e) 18px 22px / 68px 6px no-repeat,
             linear-gradient(#bbf7d0, #bbf7d0) 18px 42px / 104px 5px no-repeat,
             linear-gradient(#bbf7d0, #bbf7d0) 18px 58px / 76px 5px no-repeat,
             linear-gradient(#fff, #fff);
         border: 1px solid rgba(34, 197, 94, .2);
         border-radius: 12px;
         height: 88px;
         opacity: .34;
         right: -18px;
         top: 14px;
         transform: rotate(-7deg);
         width: 142px;
     }

     .quick-link-admit-bg::after {
         border: 3px solid rgba(34, 197, 94, .28);
         border-radius: 6px;
         height: 30px;
         left: 22px;
         opacity: .65;
         top: 20px;
         width: 48px;
     }

     .quick-link-media-bg {
         background:
             radial-gradient(circle at 18% 22%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), radial-gradient(circle at 88% 24%, rgba(255, 255, 255, .4) 0 18px, transparent 19px), linear-gradient(135deg, #fff6f8 0%, #fff5f7 42%, #fff 100%) border-color: #f6a9bd;
     }

     .quick-link-media-bg::before {
         content: '';
         background:
             linear-gradient(#d9275c, #d9275c) 26px 27px / 74px 7px no-repeat,
             linear-gradient(#f9b1c4, #f9b1c4) 26px 47px / 108px 5px no-repeat,
             linear-gradient(#f9b1c4, #f9b1c4) 26px 63px / 86px 5px no-repeat,
             linear-gradient(#ffffff, #ffffff);
         border: 1px solid rgba(217, 39, 92, .18);
         border-radius: 12px;
         box-shadow: 0 10px 22px rgba(217, 39, 92, .16);
         height: 92px;
         opacity: .28;
         position: absolute;
         right: -18px;
         top: 14px;
         transform: rotate(-8deg);
         width: 156px;
     }

     .quick-link-media-bg::after {
         content: '';
         background-image: radial-gradient(rgba(217, 39, 92, .26) 1px, transparent 1px);
         background-size: 10px 10px;
         bottom: 12px;
         height: 52px;
         left: 16px;
         opacity: .28;
         position: absolute;
         width: 82px;
     }

     .quick-link-media-bg h3,
     .quick-link-media-bg p {
         color: #101828;
         position: relative;
         text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
         z-index: 2;
     }

     .quick-link-media-bg p {
         color: #6d2c42;
     }

     .quick-link-vector {
         justify-content: center;
         min-height: 96px;
         padding: 15px 10px;
     }

     .quick-link-vector::before {
         align-items: center;
         background: rgba(255, 255, 255, .72);
         border: 0;
         border-radius: 999px;
         bottom: 10px;
         box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
         display: flex;
         font-family: "Font Awesome 5 Free";
         font-size: 2.4rem;
         font-weight: 900;
         height: 72px;
         justify-content: center;
         opacity: .08;
         right: 12px;
         top: auto;
         transform: none;
         width: 72px;
         z-index: 0;
     }

     .quick-link-vector::after {
         display: none;
     }

     .quick-link-test-bg::before {
         color: #004aad;
         content: '\f0c1';
     }

     .quick-link-instruction-bg::before {
         color: #f59e0b;
         content: '\f15c';
         font-size: 2rem;
         height: 58px;
         opacity: .06;
         right: 8px;
         top: 8px;
         width: 58px;
     }

     .quick-link-result-bg::before {
         color: #6f42c1;
         content: '\f080';
     }

     .quick-link-admit-bg::before {
         color: #16a34a;
         content: '\f2c2';
     }

     .quick-link-media-bg::before {
         color: #d9275c;
         content: '\f1ea';
     }

     .quick-link-vector h3 {
         line-height: 1.25;
         margin-bottom: 14px;
     }

     .quick-link-actions {
         display: flex;
         flex-wrap: wrap;
         gap: 8px;
         justify-content: center;
         margin-top: 2px;
     }

     .quick-link-pill {
         border-radius: 999px;
         color: #333232;
         display: inline-block;
         font-size: .78rem;
         font-weight: 700;
         line-height: 1;
         padding: 9px 13px;
         text-decoration: none;
     }

     .quick-link-pill:hover {
         color: #fff;
         text-decoration: none;
     }

     .quick-link-pill-primary {
         background: #fdc987;
     }

     .quick-link-pill-secondary {
         background: #ffe0b9;
     }

     @media (max-width: 576px) {
         .quick-links-section {
             padding: 54px 0 60px;
         }

         .quick-link-card h3 {
             color: #020817;
             font-size: 1.4rem;
             font-weight: 700;
             letter-spacing: 0;
             line-height: 2.4 !important;
             margin: 0 0 12px;
         }

         .quick-links-title {
             color: #3b3a67;
             font-size: clamp(1.4rem, 4vw, 2rem);
             font-weight: 700;
             line-height: 1.08;
             margin-bottom: 18px;
             text-align: center;
             width: 100%;
         }

         .courses-title {
             color: #3b3a67;
             font-family: Georgia, 'Times New Roman', serif;
             font-size: clamp(2.25rem, 4vw, 2.15rem);
             font-weight: 700;
             line-height: 1.08;
             margin-bottom: 20px;
             font-size: 28px !important;
         }

         .quick-links-grid {
             margin-top: 42px;
         }

         .quick-link-card {
             min-height: 122px;
         }

     }

     @media only screen and (max-width: 480px) {
         h2 {
             box-shadow: 0 0px 0 #fecc00;
             padding: 0 5px;
             margin-bottom: 0px !important;
         }

         .courses-subtitle {
             color: #56627a;
             font-size: 1.25rem;
             line-height: 1.45;
             margin: 0 auto;
             max-width: 680px;
             display: inline-block;
             margin-top: 0px !important;
         }
     }

     @media (max-width: 1199px) {
         .quick-link-col {
             flex: 0 0 33.3333%;
             max-width: 33.3333%;
         }
     }

     @media (max-width: 767px) {
         .quick-link-col {
             flex: 0 0 100%;
             max-width: 100%;
         }
     }

     .courses-showcase {
         background:
             radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, .96) 0 28%, rgba(255, 255, 255, .6) 45%, transparent 64%),
             radial-gradient(circle at 0% 0%, rgba(221, 232, 255, .74) 0 18%, transparent 39%),
             radial-gradient(circle at 100% 4%, rgba(221, 232, 255, .82) 0 20%, transparent 42%),
             radial-gradient(circle at 69% 111%, rgba(218, 226, 255, .58) 0 16%, transparent 34%),
             linear-gradient(180deg, #f8fbff 0%, #f5f9ff 42%, #ffffff 72%, #f8fbff 100%);
         margin-top: -1px;
         overflow: hidden;
         padding: 96px 0 94px;
         position: relative;
     }

     .courses-showcase::before,
     .courses-showcase::after {
         content: '';
         pointer-events: none;
         position: absolute;
         z-index: 0;
     }

     .courses-showcase::before {
         background-image:
             radial-gradient(circle, rgba(0, 74, 173, .34) 1.4px, transparent 1.8px);
         background-size: 24px 24px;
         height: 150px;
         left: 14%;
         opacity: .26;
         top: 54px;
         width: 160px;
         animation: coursesDrift 13s ease-in-out infinite;
     }

     .courses-showcase::after {
         background-image:
             radial-gradient(circle, rgba(0, 74, 173, .42) 1.5px, transparent 1.9px);
         background-size: 23px 23px;
         bottom: 56px;
         height: 150px;
         opacity: .28;
         right: 5%;
         width: 165px;
         animation: coursesDrift 16s ease-in-out infinite reverse;
     }

     .courses-showcase>.container {
         position: relative;
         z-index: 2;
     }

     .courses-bg-art,
     .courses-bg-art span {
         pointer-events: none;
         position: absolute;
         z-index: 1;
     }

     .courses-bg-art {
         inset: 0;
         overflow: hidden;
     }

     .courses-bg-art span {
         display: block;
     }

     .courses-art-book,
     .courses-art-pen,
     .courses-art-atom {
         filter: drop-shadow(0 18px 26px rgba(0, 74, 173, .22));
         opacity: .9;
     }

     .courses-art-book {
         height: 84px;
         left: 7%;
         top: 86px;
         transform: rotate(-30deg);
         width: 84px;
         animation: coursesFloat 6.5s ease-in-out infinite;
     }

     .courses-art-book::before {
         background: linear-gradient(145deg, #77a8ff 0%, #004aad 100%);
         border-radius: 13px 10px 12px 13px;
         box-shadow: inset -10px -10px 18px rgba(1, 42, 132, .16);
         content: '';
         inset: 9px 15px 14px 15px;
         position: absolute;
     }

     .courses-art-book::after {
         background:
             linear-gradient(#eaf2ff 0 0) 19px 25px / 36px 9px no-repeat,
             linear-gradient(rgba(255, 255, 255, .55) 0 0) 23px 42px / 30px 5px no-repeat,
             linear-gradient(rgba(255, 255, 255, .42) 0 0) 23px 53px / 24px 5px no-repeat;
         border-bottom: 9px solid #d8e6ff;
         border-radius: 10px;
         content: '';
         inset: 0;
         position: absolute;
     }

     .courses-art-pen {
         height: 136px;
         right: 9%;
         top: 98px;
         transform: rotate(28deg);
         width: 36px;
         animation: coursesFloat 7s ease-in-out infinite .8s;
     }

     .courses-art-pen::before {
         background:
             linear-gradient(180deg, #1559df 0 10%, #eaf2ff 10% 22%, #78aaff 22% 79%, #1559df 79% 91%, transparent 91%);
         border-radius: 18px 18px 8px 8px;
         content: '';
         inset: 0 5px 17px;
         position: absolute;
     }

     .courses-art-pen::after {
         border-left: 12px solid transparent;
         border-right: 12px solid transparent;
         border-top: 29px solid #1559df;
         bottom: 0;
         content: '';
         left: 6px;
         position: absolute;
     }

     .courses-art-atom {
         border: 3px solid rgba(0, 74, 173, .34);
         border-radius: 50%;
         bottom: 58%;
         height: 62px;
         right: 9%;
         width: 62px;
         animation: coursesSpin 18s linear infinite;
     }

     .courses-art-atom::before,
     .courses-art-atom::after {
         border: 3px solid rgba(0, 74, 173, .34);
         border-radius: 50%;
         content: '';
         inset: -3px;
         position: absolute;
     }

     .courses-art-atom::before {
         transform: rotate(58deg);
     }

     .courses-art-atom::after {
         transform: rotate(-58deg);
     }

     .courses-art-dot {
         background: #004aad;
         border-radius: 50%;
         height: 13px;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         width: 13px;
     }

     .courses-art-ring {
         border: 4px solid rgba(103, 126, 255, .42);
         border-radius: 50%;
         height: 30px;
         left: 32%;
         top: 50px;
         width: 30px;
         animation: coursesPulse 4s ease-in-out infinite;
     }

     .courses-art-ring.small {
         height: 24px;
         left: 19%;
         top: 270px;
         width: 24px;
         animation-delay: 1.2s;
     }

     .courses-art-spark {
         color: rgba(0, 74, 173, .24);
         font-size: 34px;
         font-weight: 700;
         line-height: 1;
         animation: coursesTwinkle 3.5s ease-in-out infinite;
     }

     .courses-art-spark::before {
         content: '+';
     }

     .courses-art-spark.one {
         left: 26%;
         top: 100px;
     }

     .courses-art-spark.two {
         right: 15%;
         top: 278px;
         animation-delay: 1.4s;
     }

     .courses-art-wave {
         border: 1px solid transparent;
         border-top-color: rgba(0, 74, 173, .16);
         border-radius: 50%;
         bottom: -88px;
         height: 190px;
         left: -5%;
         width: 50%;
         animation: coursesWave 10s ease-in-out infinite;
     }

     .courses-art-wave::before,
     .courses-art-wave::after {
         border: 1px solid transparent;
         border-top-color: rgba(0, 74, 173, .13);
         border-radius: 50%;
         content: '';
         inset: 14px -18px auto 12px;
         height: 185px;
         position: absolute;
     }

     .courses-art-wave::after {
         inset: 28px -30px auto 28px;
     }

     .courses-badge {
         background: #eaf2fb;
         border-radius: 8px;
         color: #004aad;
         display: inline-block;
         font-size: 14px;
         font-weight: 700;
         letter-spacing: 3px;
         line-height: 1;
         margin-bottom: 24px;
         padding: 8px 14px;
         text-transform: uppercase;
     }

     .courses-title {
         color: #071a55;
         font-family: inherit;
         font-size: clamp(2.1rem, 4vw, 2rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 20px;
     }

     .courses-subtitle {
         color: #56627a;
         font-size: 1.25rem;
         line-height: 1.45;
         margin: 0 auto;
         max-width: 680px;
         display: inline-block;
         margin-top: 20px !important;
     }

     .courses-grid {
         margin-top: 82px;
     }

     .program-card {
         background: rgba(255, 255, 255, .92);
         border: 1px solid rgba(213, 225, 245, .78);
         border-radius: 14px;
         box-shadow: 0 12px 34px rgba(15, 51, 108, .08);
         color: inherit;
         display: flex;
         flex-direction: column;
         height: 100%;
         min-height: 398px;
         overflow: hidden;
         padding: 60px 30px 32px;
         position: relative;
         text-align: left;
         text-decoration: none;
         transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
     }

     .program-card> :not(.program-card-vector) {
         position: relative;
         z-index: 1;
     }

     .program-card-vector {
         height: 96px;
         opacity: .82;
         pointer-events: none;
         position: absolute;
         right: -12px;
         top: -10px;
         transition: transform .25s ease, opacity .25s ease;
         width: 122px;
         z-index: 0;
     }

     .program-card-vector .vector-soft {
         fill: #e8eef8;
     }

     .program-card-vector .vector-primary {
         fill: #004aad;
     }

     .program-card-vector .vector-accent {
         fill: #ff4b17;
     }

     .program-card-vector .vector-line {
         fill: none;
         stroke: #004aad;
         stroke-linecap: round;
         stroke-width: 3;
     }

     .program-card:focus {
         color: inherit;
         outline: none;
         text-decoration: none;
     }

     .program-card:focus-visible {
         box-shadow: 0 0 0 4px rgba(0, 74, 173, .18), 0 16px 28px rgba(15, 23, 42, .14);
         transform: translateY(-4px);
     }

     .program-card:hover {
         color: inherit;
         border-color: rgba(0, 74, 173, .22);
         box-shadow: 0 20px 42px rgba(15, 51, 108, .14);
         text-decoration: none;
         transform: translateY(-4px);
     }

     .program-card:hover .program-card-vector,
     .program-card:focus-visible .program-card-vector {
         opacity: 1;
         transform: translate(-4px, 4px) rotate(-2deg);
     }

     .program-icon {
         align-items: center;
         background: linear-gradient(145deg, #eef5ff 0%, #dfeaff 100%);
         border-radius: 14px;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
         color: #004aad;
         display: inline-flex;
         height: 58px;
         justify-content: center;
         margin-bottom: 20px;
         width: 58px;
         transition: transform .25s ease, box-shadow .25s ease;
     }

     .program-icon svg {
         height: 28px;
         width: 28px;
     }

     .program-card:hover .program-icon,
     .program-card:focus-visible .program-icon {
         box-shadow: 0 12px 24px rgba(0, 74, 173, .16);
         transform: translateY(-3px);
     }

     .program-mode {
         align-self: flex-start;
         background: #fff;
         border: 1px solid #cfd7e2;
         border-radius: 7px;
         color: #45536d;
         font-size: .92rem;
         line-height: 1;
         margin-bottom: 26px;
         padding: 6px 10px;
     }

     .program-card h3 {
         color: #020817;
         font-size: 1.15rem;
         font-weight: 800;
         line-height: 1.25;
         margin-bottom: 10px !important;
     }

     .program-card p {
         color: #4f5c76;
         font-size: 1.02rem;
         line-height: 1.5;
         margin-bottom: 24px;
     }

     .program-tags {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         margin-top: 24px;
     }

     .program-tag {
         background: #ffede8;
         border-radius: 8px;
         color: #ff4b17;
         font-size: .82rem;
         font-weight: 700;
         line-height: 1;
         padding: 7px 11px;
     }

     .program-actions {
         align-items: center;
         border-top: 0px solid #eef1f5;
         display: flex;
         gap: 14px;
         justify-content: space-between;
         margin-top: auto;
         padding-top: 18px;
     }

     .program-actions a {
         font-size: .9rem;
         font-weight: 700;
         text-decoration: none;
     }

     .program-enroll {
         color: #1f2937;
     }

     .program-more {
         align-items: center;
         background: linear-gradient(135deg, #e8eef8 0%, #e8eef8 100%);
         border-radius: 8px;
         box-shadow: 0 0px -1px rgba(0, 74, 173, .22);
         color: #004aad;
         display: inline-flex;
         font-size: .88rem;
         font-weight: 800;
         gap: 8px;
         justify-content: center;
         line-height: 1;
         overflow: hidden;
         padding: 11px 15px;
         position: relative;
         transition: box-shadow .25s ease, transform .25s ease;
     }

     .program-more::after {
         content: '\2192';
         font-size: 1rem;
         line-height: 1;
         transition: transform .25s ease;
     }

     .program-more::before {
         background: rgba(255, 255, 255, .35);
         content: '';
         height: 140%;
         left: -45%;
         position: absolute;
         top: -20%;
         transform: rotate(18deg);
         transition: left .45s ease;
         width: 28px;
     }

     .program-card:hover .program-more,
     .program-card:focus-visible .program-more,
     .program-more:hover {
         box-shadow: 0 0px 0px rgba(255, 75, 23, .26);
         color: #3204a5;
         transform: translateY(-2px);
     }

     .program-card:hover .program-more::after,
     .program-card:focus-visible .program-more::after {
         transform: translateX(3px);
     }

     .program-card:hover .program-more::before,
     .program-card:focus-visible .program-more::before {
         left: 120%;
     }

     @keyframes coursesFloat {

         0%,
         100% {
             translate: 0 0;
         }

         50% {
             translate: 0 -14px;
         }
     }

     @keyframes coursesDrift {

         0%,
         100% {
             transform: translate3d(0, 0, 0);
         }

         50% {
             transform: translate3d(14px, -10px, 0);
         }
     }

     @keyframes coursesPulse {

         0%,
         100% {
             opacity: .55;
             transform: scale(1);
         }

         50% {
             opacity: .9;
             transform: scale(1.16);
         }
     }

     @keyframes coursesSpin {
         to {
             transform: rotate(360deg);
         }
     }

     @keyframes coursesTwinkle {

         0%,
         100% {
             opacity: .25;
             transform: scale(.85) rotate(0deg);
         }

         50% {
             opacity: .75;
             transform: scale(1.08) rotate(12deg);
         }
     }

     @keyframes coursesWave {

         0%,
         100% {
             transform: translateX(0);
         }

         50% {
             transform: translateX(22px);
         }
     }

     #courses-section.main-wrapper {
         background: #f7f9fc;
         overflow: hidden;
         padding: 70px 0 84px !important;
     }

     #courses-section .decorative-circle {
         display: none;
     }

     #courses-section .container {

         padding-bottom: 0 !important;
         padding-top: 0 !important;
     }

     #courses-section .section-badge {
         background: #eaf2fb;
         border-radius: 8px;
         color: #004aad;
         display: inline-block;
         font-size: 0;
         font-weight: 700;
         letter-spacing: 3px;
         line-height: 1;
         margin-bottom: 24px;
         padding: 8px 14px;
         text-transform: uppercase;
     }

     #courses-section .section-badge svg {
         display: none;
     }

     #courses-section .section-badge::after {
         content: 'Our Courses';
         font-size: 14px;
     }

     #courses-section .display-3 {
         color: #3b3a67;
         font-family: Georgia, 'Times New Roman', serif;
         font-size: clamp(2.25rem, 4vw, 3.15rem);
         font-weight: 700 !important;
         line-height: 1.08;
         margin-bottom: 20px !important;
     }

     #courses-section .display-3 span {
         display: none;
     }

     #courses-section .display-3::after {
         content: 'Learn Your Way';
     }

     #courses-section #section-subtitle {
         color: #56627a !important;
         font-size: 1.25rem;
         line-height: 1.45;
         margin: 0 auto;
         max-width: 680px !important;
     }

     #courses-section .row.g-4 {
         margin-top: 20px;
     }

     #courses-section .course-card {
         background: #fff !important;
         border: 1px solid #d5dce6;
         border-radius: 14px;
         box-shadow: 0 3px 8px rgba(15, 23, 42, .12);
         display: flex;
         flex-direction: column;
         min-height: 452px;
         padding: 60px 30px 32px;
         text-align: left;
         transition: transform .25s ease, box-shadow .25s ease;
     }

     #courses-section .course-card:hover {
         box-shadow: 0 16px 28px rgba(15, 23, 42, .14);
         transform: translateY(-4px);
     }

     #courses-section .image-wrapper {
         background: none !important;
         height: auto;
         margin: 0 0 20px;
         overflow: visible;
         padding: 0;
         position: static !important;
     }

     #courses-section .card-image,
     #courses-section .card-bg-circle {
         display: none;
     }

     #courses-section .image-wrapper::before {
         align-items: center;
         background: #e8eef8;
         border-radius: 14px;
         color: #004aad;
         display: inline-flex;
         font-family: "Font Awesome 5 Free";
         font-size: 1.7rem;
         font-weight: 900;
         height: 58px;
         justify-content: center;
         margin-bottom: 20px;
         width: 58px;
     }

     #courses-section .col-12:nth-child(1) .image-wrapper::before {
         content: '\f02d';
     }

     #courses-section .col-12:nth-child(2) .image-wrapper::before {
         content: '\f109';
     }

     #courses-section .col-12:nth-child(3) .image-wrapper::before {
         content: '\f466';
     }

     #courses-section .col-12:nth-child(4) .image-wrapper::before {
         content: '\f46d';
     }

     #courses-section .position-absolute {
         position: static !important;
     }

     #courses-section .position-absolute.m-3 {
         margin: 0 !important;
     }

     #courses-section .badge-custom {
         background: #fff !important;
         border: 1px solid #cfd7e2;
         border-radius: 7px;
         color: #45536d !important;
         display: inline-block;
         font-size: 0;
         line-height: 1;
         margin: 0;
         padding: 6px 10px;
     }

     #courses-section .col-12:nth-child(1) .badge-custom::after {
         content: 'Offline';
         font-size: .92rem;
     }

     #courses-section .col-12:nth-child(2) .badge-custom::after {
         content: 'Online';
         font-size: .92rem;
     }

     #courses-section .col-12:nth-child(3) .badge-custom::after {
         content: 'Correspondence';
         font-size: .92rem;
     }

     #courses-section .col-12:nth-child(4) .badge-custom::after {
         content: 'Test Series';
         font-size: .92rem;
     }

     #courses-section .card-body {
         display: flex;
         flex: 1;
         flex-direction: column;
         padding: 0 !important;
     }

     #courses-section .card-body h2 {
         color: #020817;
         font-size: 1.35rem;
         font-weight: 800;
         line-height: 1.25;
         margin: 26px 0 16px !important;
     }

     #courses-section .card-body p {
         color: #4f5c76 !important;
         font-size: 1.02rem !important;
         line-height: 1.5;
         margin-bottom: 24px !important;
     }

     #courses-section .card-body>.d-flex.gap-3 {
         display: flex !important;
         gap: 10px !important;
         margin-bottom: 0 !important;
         margin-top: auto;
     }

     #courses-section .card-body>.d-flex.gap-3 svg {
         display: none;
     }

     #courses-section .card-body>.d-flex.gap-3 .align-items-center {
         display: flex !important;
         flex-wrap: wrap;
         gap: 10px !important;
     }

     #courses-section .program-tag {
         background: #ffede8;
         border-radius: 8px;
         color: #ff4b17;
         font-size: .82rem;
         font-weight: 700;
         line-height: 1;
         padding: 7px 11px;
     }

     #courses-section .card-body>.d-flex.align-items-center.justify-content-between {
         display: none !important;
     }

     @media (max-width: 767px) {
         #courses-section.main-wrapper {
             padding: 54px 0 62px !important;
         }

         #courses-section .row.g-4 {
             margin-top: 44px;
         }

         #courses-section .course-card {
             min-height: auto;
             padding: 34px 24px 28px;
         }
     }

     @media (max-width: 767px) {
         .courses-showcase {
             padding: 54px 0 62px;
         }

         .courses-bg-art {
             opacity: .58;
         }

         .courses-showcase::before {
             left: -38px;
             top: 32px;
         }

         .courses-showcase::after,
         .courses-art-atom,
         .courses-art-ring,
         .courses-art-spark.two {
             display: none;
         }

         .courses-art-book {
             left: -12px;
             top: 28px;
             transform: scale(.72) rotate(-30deg);
         }

         .courses-art-pen {
             right: -4px;
             top: 50px;
             transform: scale(.7) rotate(28deg);
         }

         .courses-grid {
             margin-top: 44px;
         }

         .program-card {
             min-height: auto;
             padding: 34px 24px 28px;
         }
     }

     .icon-box {
         width: 60px;
         height: 60px;
         border-radius: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         transition: all 0.3s ease;
     }

     .card1:hover .icon-box {
         transform: scale(1.1) rotate(5deg);
         box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
     }

     .price-container {
         margin: 30px 0;
         padding: 10px;
         background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 100%);
         border-radius: 15px;
         position: relative;
         overflow: hidden;
         width: 45%;
         margin: 0 auto;
         ;
     }

     /*---------------Start Holi Popup-----------------*/
     .gulal-container {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         pointer-events: none;
         overflow: hidden;
         z-index: 1060;
     }

     .gulal-particle {
         position: absolute;
         border-radius: 50%;
         animation: gulalFall linear forwards;
         filter: blur(1px);
     }

     @keyframes gulalFall {
         0% {
             transform: translateY(-100px) rotate(0deg) scale(1);
             opacity: 1;
         }

         50% {
             opacity: 0.9;
         }

         100% {
             transform: translateY(100%) rotate(720deg) scale(0.3);
             opacity: 0;
         }
     }

     .gulal-burst {
         position: absolute;
         border-radius: 50%;
         animation: burstOut ease-out forwards;
     }

     @keyframes burstOut {
         0% {
             transform: scale(0) translate(0, 0);
             opacity: 1;
         }

         100% {
             transform: scale(1) translate(var(--tx), var(--ty));
             opacity: 0;
         }
     }

     .color-splash {
         position: absolute;
         width: 200px;
         height: 200px;
         border-radius: 50%;
         filter: blur(60px);
         opacity: 0.4;
         animation: splashPulse 3s ease-in-out infinite;
     }

     @keyframes splashPulse {

         0%,
         100% {
             transform: scale(1);
             opacity: 0.3;
         }

         50% {
             transform: scale(1.2);
             opacity: 0.5;
         }
     }

     .splash-pink {
         background: #FF1493;
         top: 10%;
         left: 5%;
     }

     .splash-yellow {
         background: #FFD700;
         top: 60%;
         right: 10%;
         animation-delay: 1s;
     }

     .splash-green {
         background: #32CD32;
         bottom: 20%;
         left: 30%;
         animation-delay: 2s;
     }

     .splash-purple {
         background: #9400D3;
         top: 30%;
         right: 25%;
         animation-delay: 0.5s;
     }

     .splash-orange {
         background: #FF6347;
         bottom: 10%;
         right: 40%;
         animation-delay: 1.5s;
     }

     .modal-content {
         background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 250, 245, 0.98) 100%);
         border: none;
         border-radius: 24px;
         box-shadow:
             0 25px 80px rgba(255, 20, 147, 0.2),
             0 15px 40px rgba(255, 215, 0, 0.15),
             0 5px 15px rgba(0, 0, 0, 0.1);
         overflow: hidden;
         position: relative;
     }

     .modal-content::before {
         content: '';
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         height: 6px;
         background: none;
     }

     .modal-header {
         border: none;
         padding: 0rem 2rem 0.5rem;
         position: relative;
     }

     .modal-title {
         font-family: 'Tiro Devanagari Hindi', serif;
         font-size: 2rem;
         font-weight: 700;
         background: linear-gradient(135deg, #FF1493, #FF6347, #FFD700);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
         text-align: center;
         width: 100%;
         text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
     }

     .subtitle {
         font-size: 1.3rem;
         color: #9400D3;
         text-align: center;
         font-weight: 600;
         margin-top: -0.5rem;
     }

     .modal-body {
         padding: 1.5rem 2rem;
         text-align: center;
     }

     .holi-emoji {
         font-size: 4rem;
         display: flex;
         justify-content: center;
         gap: 1rem;
         margin-bottom: 1rem;
         animation: emojiFloat 2s ease-in-out infinite;
     }

     @keyframes emojiFloat {

         0%,
         100% {
             transform: translateY(0);
         }

         50% {
             transform: translateY(-10px);
         }
     }

     .message-text {
         font-size: 1.1rem;
         color: #555;
         line-height: 1.7;
         margin-bottom: 1.5rem;
     }

     .color-dots {
         display: flex;
         justify-content: center;
         gap: 12px;
         margin: 1.5rem 0;
     }

     .color-dot {
         width: 20px;
         height: 20px;
         border-radius: 50%;
         animation: dotPop 0.6s ease-out backwards;
     }

     .color-dot:nth-child(1) {
         background: #FF1493;
         animation-delay: 0.1s;
     }

     .color-dot:nth-child(2) {
         background: #FFD700;
         animation-delay: 0.2s;
     }

     .color-dot:nth-child(3) {
         background: #32CD32;
         animation-delay: 0.3s;
     }

     .color-dot:nth-child(4) {
         background: #FF6347;
         animation-delay: 0.4s;
     }

     .color-dot:nth-child(5) {
         background: #9400D3;
         animation-delay: 0.5s;
     }

     @keyframes dotPop {
         0% {
             transform: scale(0);
         }

         50% {
             transform: scale(1.3);
         }

         100% {
             transform: scale(1);
         }
     }

     .modal-footer {
         border: none;
         padding: 0.5rem 2rem 2rem;
         justify-content: center;
     }

     .btn-celebrate {
         background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 50%, #7e72cf 100%);
         border: none;
         color: white;
         padding: 14px 50px;
         font-size: 1.2rem;
         font-weight: 700;
         border-radius: 50px;
         text-transform: uppercase;
         letter-spacing: 2px;
         box-shadow: 0 8px 25px rgba(255, 20, 147, 0.4);
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
     }

     .btn-celebrate:hover {
         transform: translateY(-3px) scale(1.02);
         box-shadow: 0 12px 35px rgba(255, 20, 147, 0.5);
         color: white;
     }

     .btn-celebrate:active {
         transform: translateY(0) scale(0.98);
     }

     .btn-celebrate::after {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 0;
         height: 0;
         background: rgba(255, 255, 255, 0.3);
         border-radius: 50%;
         transform: translate(-50%, -50%);
         transition: width 0.6s, height 0.6s;
     }

     .btn-celebrate:hover::after {
         width: 300px;
         height: 300px;
     }

     .rangoli-pattern {
         position: absolute;
         bottom: -30px;
         left: 50%;
         transform: translateX(-50%);
         width: 150px;
         height: 75px;
         opacity: 0.15;
     }

     .btn-close {
         position: absolute;
         right: 1rem;
         top: 1rem;
         opacity: 0.5;
         z-index: 10;
     }

     .btn-close:hover {
         opacity: 1;
     }

     @media (max-width: 576px) {
         .modal-title {
             font-size: 2.2rem;
         }

         .subtitle {
             font-size: 1rem;
         }

         .holi-emoji {
             font-size: 3rem;
         }

         .btn-celebrate {
             padding: 12px 35px;
             font-size: 1rem;
         }
     }

     /*---------------End Holi Popup-----------------*/

     /* Floating Enquire Now Button */
     .npfWidgetButton {
         position: fixed !important;
         right: -79px !important;
         top: 50% !important;
         transform: translateY(-50%) rotate(-90deg) !important;
         background: linear-gradient(135deg, #4770ff 0%, #2952ff 48%, #163ec9 100%) !important;
         color: #ffffff !important;
         border: 1px solid rgba(255, 255, 255, 0.2) !important;
         padding: 13px 32px !important;
         border-radius: 9px 9px 0 0 !important;
         font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
         font-size: 15px !important;
         font-weight: 700 !important;
         z-index: 999 !important;
         box-shadow: 0 18px 38px rgba(41, 82, 255, 0.34) !important;
         transition: transform 0.3s ease, box-shadow 0.3s ease !important;
         display: flex !important;
         align-items: center !important;
         justify-content: center !important;
         gap: 8px !important;
         white-space: nowrap !important;
         cursor: pointer !important;
     }
 }

 .npfWidgetButton:hover {

     box-shadow: 0 22px 48px rgba(41, 82, 255, 0.46) !important;
     transform: translateY(-50%) rotate(-90deg) scale(1.05) !important;
 }

 .npfWidgetButton::after {
     display: inline-grid !important;
     place-items: center !important;
     width: 20px !important;
     height: 20px !important;
     border-radius: 50% !important;
     background: rgba(255, 255, 255, 0.22) !important;
     font-size: 13px !important;
     content: '>' !important;
     margin-left: 8px !important;
     transition: transform 0.3s ease !important;
 }

 .npfWidgetButton:hover::after {
     transform: translateX(3px) !important;
 }

 @media (max-width: 768px) {
     .npfWidgetButton {
         right: -64px !important;
         padding: 11px 27px !important;
         font-size: 13px !important;
     }

     .npfWidgetButton:hover {
         transform: translateY(-50%) rotate(-90deg) scale(1.04) !important;
     }
 }

 /* ===== VMC Premium Coaching Section ===== */
 :root {
     --vmc-blue: #2952ff;
     --vmc-blue-deep: #163ec9;
     --vmc-green: #22c55e;
     --vmc-green-deep: #16a34a;
     --vmc-navy: #0f172a;
     --vmc-muted: #667085;
     --vmc-light: #f7f9ff;
     --vmc-card: #ffffff;
     --vmc-purple: #7357ff;
     --vmc-orange: #ff7a1a;
     --vmc-radius-xl: 28px;
     --vmc-ease: cubic-bezier(0.22, 1, 0.36, 1);
 }

 .vmc-premium-section,
 .vmc-premium-section * {
     box-sizing: border-box;
 }

 .vmc-premium-section {
     position: relative;
     isolation: isolate;
     overflow: hidden;
     width: 100%;
     padding: 78px 20px 66px;
     background:
         radial-gradient(circle at 10% 75%, rgba(41, 82, 255, 0.08) 0 190px, transparent 191px),
         linear-gradient(135deg, var(--vmc-light) 0%, #ffffff 72%);
     color: var(--vmc-navy);
     font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 }

 /* Decorative blurred shapes */
 .vmc-premium-section .decoration-blob {
     position: absolute;
     z-index: -1;
     border-radius: 999px;
     filter: blur(58px);
     opacity: 0.18;
     pointer-events: none;
     animation: vmcSoftFloat 9s var(--vmc-ease) infinite;
 }

 .vmc-premium-section .blob-1 {
     width: 310px;
     height: 310px;
     top: -130px;
     right: 6%;
     background: rgba(41, 82, 255, 0.42);
 }

 .vmc-premium-section .blob-2 {
     width: 360px;
     height: 360px;
     left: -120px;
     bottom: -150px;
     background: rgba(34, 197, 94, 0.18);
     animation-delay: -3s;
 }

 /* Tiny dotted pattern decorations */
 .vmc-premium-section .decoration-pattern {
     position: absolute;
     z-index: -1;
     width: 118px;
     height: 118px;
     opacity: 0.16;
     background-image: radial-gradient(circle, rgba(41, 82, 255, 0.44) 1.6px, transparent 1.8px);
     background-size: 14px 14px;
     pointer-events: none;
 }

 .vmc-premium-section .pattern-1 {
     top: 18px;
     left: 20px;
 }

 .vmc-premium-section .pattern-2 {
     right: 18px;
     bottom: 18px;
 }

 .vmc-premium-section .vmc-container {
     width: min(100%, 1120px);
     margin: 0 auto;
 }

 /* Header Section */
 .vmc-premium-section .section-header {

     margin: 0 auto 40px;
     text-align: center;
 }

 .vmc-premium-section .section-label {
     display: inline-flex;
     align-items: center;
     gap: 26px;
     margin-bottom: 31px;
     color: #004aad;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 7px;
     line-height: 1.2;
     text-transform: uppercase;
 }

 .vmc-premium-section .section-label::before,
 .vmc-premium-section .section-label::after {
     content: "";
     display: block;
     width: 36px;
     height: 1px;
     background: rgba(41, 82, 255, 0.34);
 }

 .vmc-premium-section .section-heading {
     margin: 0;
     color: #3b3a67;
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 800;
     line-height: 1.12;
     letter-spacing: 0;
 }

 .vmc-premium-section .gradient-blue,
 .vmc-premium-section .gradient-green {
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .vmc-premium-section .gradient-blue {
     background-image: linear-gradient(135deg, #004aad 0%, #004aad 88%);
 }

 .vmc-premium-section .gradient-green {
     background-image: linear-gradient(135deg, #4ade80 0%, var(--vmc-green-deep) 88%);
 }

 .vmc-premium-section .section-subtitle {
     position: relative;
     margin: 24px auto 0;
     padding-top: 20px;
     color: var(--vmc-muted);
     font-size: clamp(0.96rem, 1.7vw, 1.1rem);
     font-weight: 500;
     line-height: 65px;

 }

 .vmc-premium-section .section-subtitle::before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     width: 44px;
     height: 3px;
     border-radius: 999px;
     background: var(--vmc-blue);
     transform: translateX(-50%);
     line-height: 83px;
 }

 /* Feature Cards Grid */
 .vmc-premium-section .cards-grid {
     display: grid !important;
     grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
     gap: 24px !important;
     max-width: 920px !important;
     margin: 38px auto 0 !important;
     align-items: stretch !important;
 }

 /* Feature Cards */
 .vmc-premium-section .feature-card {
     --card-accent: var(--vmc-blue);
     position: relative;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     justify-content: flex-start !important;
     min-height: 194px !important;
     padding: 11px 5px 11px !important;
     overflow: hidden !important;
     text-align: center !important;
     background: rgba(255, 255, 255, 0.96) !important;
     border: 1px solid rgba(241, 245, 249, 0.92) !important;
     border-radius: 22px !important;
     box-shadow: 0 24px 58px rgba(15, 23, 42, 0.055) !important;
     backdrop-filter: blur(18px);
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease), border-color 0.35s var(--vmc-ease) !important;
 }

 .vmc-premium-section .feature-card:nth-child(2) {
     --card-accent: var(--vmc-green);
 }

 .vmc-premium-section .feature-card:nth-child(3) {
     --card-accent: var(--vmc-purple);
 }

 .vmc-premium-section .feature-card:nth-child(4) {
     --card-accent: var(--vmc-orange);
 }

 .vmc-premium-section .feature-card:nth-child(5) {
     --card-accent: #0ea5e9;
 }

 .vmc-premium-section .feature-card:nth-child(6) {
     --card-accent: #ec4899;
 }

 .vmc-premium-section .feature-card::before {
     content: "";
     position: absolute;
     top: -1px;
     right: -1px;
     width: 44px;
     height: 44px;
     border-top: 3px solid var(--card-accent);
     border-right: 3px solid var(--card-accent);
     border-top-right-radius: 22px;
     border-bottom-left-radius: 44px;
     transform: none;
     opacity: 1;
     transition: transform 0.35s var(--vmc-ease), filter 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .card-accent {
     display: none;
 }

 .vmc-premium-section .feature-card::after {
     content: none;
 }

 .vmc-premium-section .feature-card:hover {
     transform: translateY(-8px) !important;
     border-color: rgba(41, 82, 255, 0.1) !important;
     box-shadow: 0 30px 72px rgba(15, 23, 42, 0.09) !important;
 }

 .vmc-premium-section .feature-card:hover::before {
     transform: scale(1.08);
     filter: drop-shadow(0 8px 12px color-mix(in srgb, var(--card-accent) 22%, transparent));
 }

 /* Icon Wrapper */
 .vmc-premium-section .icon-wrapper {
     display: grid !important;
     place-items: center !important;
     flex: 0 0 82px !important;
     width: 82px !important;
     height: 82px !important;
     margin: 0 auto 12px !important;
     color: var(--card-accent) !important;
     border-radius: 50% !important;
     background: #eef3ff !important;
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85) !important;
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .feature-card:nth-child(2) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(3) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(4) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(5) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(6) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .icon-wrapper svg {
     width: 36px !important;
     height: 36px !important;
     stroke: rgb(183 196 245) !important;
     stroke-width: 1.8 !important;
     fill: none !important;
     stroke-linecap: round !important;
     stroke-linejoin: round !important;
 }

 .vmc-premium-section .feature-card:hover .icon-wrapper {
     transform: translateY(-3px) scale(1.06);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 16px 34px rgba(41, 82, 255, 0.12);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 16px 34px color-mix(in srgb, var(--card-accent) 22%, transparent);
 }

 /* Card Title */
 .vmc-premium-section .card-title {
     position: relative;
     z-index: 1;
     display: block !important;
     width: 100% !important;
     max-width: 163px !important;
     margin: 0 auto 13px !important;
     color: var(--vmc-navy) !important;
     font-size: 1.02rem !important;
     font-weight: 500 !important;
     line-height: 1.24 !important;
     letter-spacing: 0 !important;
     text-align: center !important;
 }

 .vmc-premium-section .title-accent {
     position: relative;
     z-index: 1;
     display: block !important;
     flex: 0 0 auto !important;
     width: 24px !important;
     height: 2px !important;
     margin: 0 auto !important;
     border-radius: 999px !important;
     background: var(--card-accent) !important;
     transition: width 0.3s var(--vmc-ease);
 }

 .vmc-premium-section .feature-card:hover .title-accent {
     width: 46px;
 }

 /* CTA Button Section */
 .vmc-premium-section .cta-wrapper {
     display: flex;
     justify-content: center;
     margin-top: 32px;
 }

 .vmc-premium-section .cta-button {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     min-height: 54px;
     padding: 15px 34px;
     overflow: hidden;
     color: #ffffff;
     font-size: 1rem;
     font-weight: 700;
     line-height: 1;
     text-decoration: none;
     border-radius: 999px;
     background: linear-gradient(135deg, #4770ff 0%, var(--vmc-blue) 48%, #1742d6 100%);
     box-shadow: 0 16px 35px rgba(41, 82, 255, 0.32);
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.32), transparent);
     transform: translateX(-115%);
     transition: transform 0.65s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button:hover {
     color: #ffffff;
     transform: translateY(-4px);
     box-shadow: 0 22px 48px rgba(41, 82, 255, 0.42), 0 0 0 8px rgba(41, 82, 255, 0.08);
 }

 .vmc-premium-section .cta-button:hover::before {
     transform: translateX(115%);
 }

 .vmc-premium-section .cta-button svg {
     position: relative;
     width: 19px;
     height: 19px;
     stroke: currentColor;
     stroke-width: 2;
     fill: none;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .vmc-premium-section .cta-button span {
     position: relative;
 }

 .vmc-premium-section .cta-button .cta-arrow {
     transition: transform 0.3s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button:hover .cta-arrow {
     transform: translateX(4px);
 }

 /* Responsive Design */
 @media (max-width: 1100px) {
     .vmc-premium-section .cards-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
         max-width: 680px !important;
         margin-right: auto !important;
         margin-left: auto !important;
     }
 }

 @media (max-width: 768px) {
     .vmc-premium-section {
         padding: 62px 16px 58px;
     }

     .vmc-premium-section .section-label {
         gap: 14px;
         font-size: 11px;
         letter-spacing: 4px;
     }

     .vmc-premium-section .section-label::before,
     .vmc-premium-section .section-label::after {
         width: 22px;
     }

     .vmc-premium-section .section-header {
         margin-bottom: 32px;
     }

     .vmc-premium-section .cards-grid {
         gap: 18px !important;
         margin-top: 30px !important;
     }
 }

 @media (max-width: 560px) {
     .vmc-premium-section .cards-grid {
         grid-template-columns: 1fr !important;
         max-width: 330px !important;
     }

     .vmc-premium-section .feature-card {
         min-height: auto;
         padding: 28px 20px 24px;
     }

     .vmc-premium-section .cta-button {
         width: min(100%, 330px);
         padding-right: 20px;
         padding-left: 20px;
         font-size: 0.94rem;
     }
 }

 @keyframes vmcSoftFloat {

     0%,
     100% {
         transform: translate3d(0, 0, 0);
     }

     50% {
         transform: translate3d(18px, 16px, 0);
     }
 }


 .section-heading {
     text-align: center;
     margin-bottom: 3rem;
     position: relative;
 }



 .heading-content {
     position: relative;
     display: inline-block;
     background: #f6f8ff;
     padding: 0 2rem;
     z-index: 1;
 }

 .section-subtitle {
     color: #6366f1;
     font-size: 0.95rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 0.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
 }

 .section-subtitle::before {
     content: '';
     width: 30px;
     height: 2px;
     background: #6366f1;
 }

 .section-title {
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 700;
     color: #3b3a67 !important;
     margin-bottom: 1rem !important;
     line-height: 1.2;
 }

 .section-description {
     font-size: 1.1rem;
     color: #64748b;
     max-width: 700px;
     margin: 0 auto;
     line-height: 24px;
     font-weight: 500;
     margin-top: 20px;
 }

 .logo-carousel-section {
     overflow: hidden;
 }

 .logo-carousel {
     display: flex;
     overflow: hidden;
     position: relative;
 }

 .logo-carousel-track {
     display: flex;
     align-items: stretch;
     width: max-content;
     animation: logoScroll 28s linear infinite;
 }

 .logo-carousel:hover .logo-carousel-track {
     animation-play-state: paused;
 }

 .logo-carousel-set {
     display: flex;
     flex: 0 0 auto;
 }

 .logo-carousel-item {
     flex: 0 0 auto;
     width: 220px;
     border-right: 1px solid #dee2e6;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 1.5rem;
 }

 .logo-carousel-item:first-child {
     border-left: 1px solid #dee2e6;
 }

 .logo-carousel-item .wing-logo {
     justify-content: center;
     width: 100%;
 }

 .logo-carousel-item .wing-logo img {
     max-width: 13rem;
 }

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

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

 @media (max-width: 576px) {
     .logo-carousel-item {
         width: 170px;
         padding: 0 0.75rem;
     }
 }

 .quick-links-section {
     background: linear-gradient(180deg, #ffffff 0%, #ffffff 68%, #ffffff 100%) !important;
     overflow: hidden;
     padding: 72px 0 50px;
     position: relative;
     z-index: 2;
 }

 .quick-links-section .container {
     align-items: center;
     display: flex;
     flex-direction: column;
 }

 .quick-links-badge {
     background: #eaf2fb;
     border-radius: 8px;
     color: #004aad;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 3px;
     line-height: 1;
     margin-bottom: 22px;
     padding: 8px 14px;
     text-transform: uppercase;
 }

 .quick-links-title {
     color: #3b3a67;
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 700;
     line-height: 1.08;
     margin-bottom: 18px;
     text-align: center;
     width: 100%;
 }

 .quick-links-subtitle {
     color: #56627a;
     font-size: 1.22rem;
     line-height: 1.45;
     margin: 0 auto;
     max-width: 900px;
     text-align: center;
     width: 100%;
 }

 .quick-links-grid {
     margin-top: 15px;
     width: 100%;
 }

 .quick-link-card {
     align-items: center;
     border: 1px solid;
     border-radius: 16px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 100px;
     padding: 15px 10px;
     overflow: hidden;
     position: relative;
     text-align: center;
     text-decoration: none;
     transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
 }

 .quick-link-col {
     flex: 0 0 20%;
     max-width: 20%;
 }

 .quick-link-card:hover {
     box-shadow: 0 18px 34px rgba(14, 35, 68, .09);
     transform: translateY(-5px);
     text-decoration: none;
 }

 .quick-link-card h3 {
     color: #020817;
     font-size: 1rem;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 2.4 !important;
     margin: 0 0 12px;
 }

 .quick-link-card p {
     color: #4c5874;
     font-size: 1rem;
     line-height: 1.35;
     margin: 0;
 }

 .quick-link-blue {
     background: #eef6ff;
     border-color: #e3f0ff;
 }

 .quick-link-amber {
     background: #fff7ed;
     border-color: #e3f0ff;
 }

 .quick-link-purple {
     background: #f8f2ff;
     border-color: #e3f0ff;
 }

 .quick-link-green {
     background: #effdf5;
     border-color: #e3f0ff;
 }

 .quick-link-rose {
     background: #fff1f5;
     border-color: #e3f0ff;
 }

 .quick-link-vector h3,
 .quick-link-vector p,
 .quick-link-vector .quick-link-actions {
     position: relative;
     text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
     z-index: 2;
 }

 .quick-link-vector::before,
 .quick-link-vector::after {
     content: '';
     pointer-events: none;
     position: absolute;
 }

 .quick-link-test-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-test-bg::before {
     border: 8px solid rgba(0, 74, 173, .24);
     border-left-color: transparent;
     border-radius: 999px;
     height: 68px;
     right: -10px;
     top: 18px;
     transform: rotate(-18deg);
     width: 68px;
 }

 .quick-link-test-bg::after {
     background: #004aad;
     border-radius: 12px;
     box-shadow: 30px 0 0 rgba(0, 74, 173, .42), 60px 0 0 rgba(0, 74, 173, .18);
     height: 12px;
     left: 24px;
     opacity: .28;
     top: 24px;
     transform: rotate(-10deg);
     width: 32px;
 }

 .quick-link-instruction-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-instruction-bg::before {
     background:
         linear-gradient(#f59e0b, #f59e0b) 20px 22px / 82px 6px no-repeat,
         linear-gradient(#fed7aa, #fed7aa) 20px 42px / 110px 5px no-repeat,
         linear-gradient(#fed7aa, #fed7aa) 20px 58px / 92px 5px no-repeat,
         linear-gradient(#fff, #fff);
     border: 8px solid rgba(0, 74, 173, .24);
     border-left-color: transparent;
     border-radius: 12px;
     height: 86px;
     opacity: .32;
     right: -20px;
     top: 12px;
     transform: rotate(7deg);
     width: 146px;
 }

 .quick-link-instruction-bg::after {
     background: rgba(245, 158, 11, .28);
     border-radius: 999px;
     box-shadow: 18px 18px 0 rgba(245, 158, 11, .18), 36px 0 0 rgba(245, 158, 11, .14);
     height: 10px;
     left: 24px;
     top: 20px;
     width: 10px;
 }

 .quick-link-result-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-result-bg::before {
     background:
         linear-gradient(90deg, rgba(111, 66, 193, .28) 0 20%, transparent 20% 30%, rgba(111, 66, 193, .28) 30% 56%, transparent 56% 68%, rgba(111, 66, 193, .28) 68% 100%);
     bottom: 18px;
     height: 54px;
     opacity: .5;
     right: 18px;
     transform: skewX(-8deg);
     width: 112px;
 }

 .quick-link-result-bg::after {
     border-bottom: 3px solid rgba(111, 66, 193, .3);
     border-left: 3px solid rgba(111, 66, 193, .3);
     bottom: 20px;
     height: 68px;
     left: 20px;
     opacity: .55;
     width: 80px;
 }

 .quick-link-admit-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-admit-bg::before {
     background:
         linear-gradient(#22c55e, #22c55e) 18px 22px / 68px 6px no-repeat,
         linear-gradient(#bbf7d0, #bbf7d0) 18px 42px / 104px 5px no-repeat,
         linear-gradient(#bbf7d0, #bbf7d0) 18px 58px / 76px 5px no-repeat,
         linear-gradient(#fff, #fff);
     border: 1px solid rgba(34, 197, 94, .2);
     border-radius: 12px;
     height: 88px;
     opacity: .34;
     right: -18px;
     top: 14px;
     transform: rotate(-7deg);
     width: 142px;
 }

 .quick-link-admit-bg::after {
     border: 3px solid rgba(34, 197, 94, .28);
     border-radius: 6px;
     height: 30px;
     left: 22px;
     opacity: .65;
     top: 20px;
     width: 48px;
 }

 .quick-link-media-bg {
     background:
         radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0 10px, transparent 11px), linear-gradient(135deg, #eef6ff 0%, #f5f5f5 48%, #fff 100%)
 }

 .quick-link-media-bg::before {
     content: '';
     background:
         linear-gradient(#d9275c, #d9275c) 26px 27px / 74px 7px no-repeat,
         linear-gradient(#f9b1c4, #f9b1c4) 26px 47px / 108px 5px no-repeat,
         linear-gradient(#f9b1c4, #f9b1c4) 26px 63px / 86px 5px no-repeat,
         linear-gradient(#ffffff, #ffffff);
     border: 1px solid rgba(217, 39, 92, .18);
     border-radius: 12px;
     box-shadow: 0 10px 22px rgba(217, 39, 92, .16);
     height: 92px;
     opacity: .28;
     position: absolute;
     right: -18px;
     top: 14px;
     transform: rotate(-8deg);
     width: 156px;
 }

 .quick-link-media-bg::after {
     content: '';
     background-image: radial-gradient(rgba(217, 39, 92, .26) 1px, transparent 1px);
     background-size: 10px 10px;
     bottom: 12px;
     height: 52px;
     left: 16px;
     opacity: .28;
     position: absolute;
     width: 82px;
 }

 .quick-link-media-bg h3,
 .quick-link-media-bg p {
     color: #101828;
     position: relative;
     text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
     z-index: 2;
 }

 .quick-link-media-bg p {
     color: #6d2c42;
 }

 .quick-link-vector {
     justify-content: center;
     min-height: 96px;
     padding: 15px 10px;
 }

 .quick-link-vector::before {
     align-items: center;
     background: rgba(255, 255, 255, .72);
     border: 0;
     border-radius: 999px;
     bottom: 10px;
     box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
     display: flex;
     font-family: "Font Awesome 5 Free";
     font-size: 2.4rem;
     font-weight: 900;
     height: 72px;
     justify-content: center;
     opacity: .08;
     right: 12px;
     top: auto;
     transform: none;
     width: 72px;
     z-index: 0;
 }

 .quick-link-vector::after {
     display: none;
 }

 .quick-link-test-bg::before {
     color: #004aad;
     content: '\f0c1';
 }

 .quick-link-instruction-bg::before {
     color: #f59e0b;
     content: '\f15c';
     font-size: 2rem;
     height: 58px;
     opacity: .06;
     right: 8px;
     top: 8px;
     width: 58px;
 }

 .quick-link-result-bg::before {
     color: #6f42c1;
     content: '\f080';
 }

 .quick-link-admit-bg::before {
     color: #16a34a;
     content: '\f2c2';
 }

 .quick-link-media-bg::before {
     color: #d9275c;
     content: '\f1ea';
 }

 .quick-link-vector h3 {
     line-height: 1.25;
     margin-bottom: 14px;
 }

 .quick-link-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     justify-content: center;
     margin-top: 2px;
 }

 .quick-link-pill {
     border-radius: 999px;
     color: #333232;
     display: inline-block;
     font-size: .78rem;
     font-weight: 700;
     line-height: 1;
     padding: 9px 13px;
     text-decoration: none;
 }

 .quick-link-pill:hover {
     color: #fff;
     text-decoration: none;
 }

 .quick-link-pill-primary {
     background: #fdc987;
 }

 .quick-link-pill-secondary {
     background: #ffe0b9;
 }

 @media (max-width: 576px) {
     .quick-links-section {
         padding: 54px 0 60px;
     }

     .quick-link-card h3 {
         color: #020817;
         font-size: 1.4rem;
         font-weight: 700;
         letter-spacing: 0;
         line-height: 2.4 !important;
         margin: 0 0 12px;
     }

     .quick-links-title {
         color: #3b3a67;
         font-size: clamp(1.4rem, 4vw, 2rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 18px;
         text-align: center;
         width: 100%;
     }

     .courses-title {
         color: #3b3a67;
         font-family: Georgia, 'Times New Roman', serif;
         font-size: clamp(2.25rem, 4vw, 2.15rem);
         font-weight: 700;
         line-height: 1.08;
         margin-bottom: 20px;
         font-size: 28px !important;
     }

     .quick-links-grid {
         margin-top: 42px;
     }

     .quick-link-card {
         min-height: 122px;
     }

 }

 @media only screen and (max-width: 480px) {
     h2 {
         box-shadow: 0 0px 0 #fecc00;
         padding: 0 5px;
         margin-bottom: 0px !important;
     }

     .courses-subtitle {
         color: #56627a;
         font-size: 1.25rem;
         line-height: 1.45;
         margin: 0 auto;
         max-width: 800px;
         display: inline-block;
         margin-top: 0px !important;
     }
 }

 @media (max-width: 1199px) {
     .quick-link-col {
         flex: 0 0 33.3333%;
         max-width: 33.3333%;
     }
 }

 @media (max-width: 767px) {
     .quick-link-col {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 .courses-showcase {
     /*   background: radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, .96) 0 28%, rgba(255, 255, 255, .6) 45%, transparent 64%), radial-gradient(circle at 0% 0%, rgba(221, 232, 255, .74) 0 18%, transparent 39%), radial-gradient(circle at 100% 4%, rgba(221, 232, 255, .82) 0 20%, transparent 42%), radial-gradient(circle at 69% 111%, rgba(218, 226, 255, .58) 0 16%, transparent 34%), linear-gradient(180deg, #f8fbff 0%, #f5f9ff 42%, #ffffff 72%, #f8fbff 100%);
          */
     margin-top: -1px;
     overflow: hidden;
     padding: 96px 0 94px;
     position: relative;
 }

 .courses-showcase::before,
 .courses-showcase::after {
     content: '';
     pointer-events: none;
     position: absolute;
     z-index: 0;
 }

 .courses-showcase::before {
     background-image:
         radial-gradient(circle, rgba(0, 74, 173, .34) 1.4px, transparent 1.8px);
     background-size: 24px 24px;
     height: 150px;
     left: 14%;
     opacity: .26;
     top: 54px;
     width: 160px;
     animation: coursesDrift 13s ease-in-out infinite;
 }

 .courses-showcase::after {
     background-image:
         radial-gradient(circle, rgba(0, 74, 173, .42) 1.5px, transparent 1.9px);
     background-size: 23px 23px;
     bottom: 56px;
     height: 150px;
     opacity: .28;
     right: 5%;
     width: 165px;
     animation: coursesDrift 16s ease-in-out infinite reverse;
 }

 .courses-showcase>.container {
     position: relative;
     z-index: 2;
 }

 .courses-bg-art,
 .courses-bg-art span {
     pointer-events: none;
     position: absolute;
     z-index: 1;
 }

 .courses-bg-art {
     inset: 0;
     overflow: hidden;
 }

 .courses-bg-art span {
     display: block;
 }

 .courses-art-book,
 .courses-art-pen,
 .courses-art-atom {
     filter: drop-shadow(0 18px 26px rgba(0, 74, 173, .22));
     opacity: .9;
 }

 .courses-art-book {
     height: 84px;
     left: 7%;
     top: 86px;
     transform: rotate(-30deg);
     width: 84px;
     animation: coursesFloat 6.5s ease-in-out infinite;
 }

 .courses-art-book::before {
     background: linear-gradient(145deg, #77a8ff 0%, #004aad 100%);
     border-radius: 13px 10px 12px 13px;
     box-shadow: inset -10px -10px 18px rgba(1, 42, 132, .16);
     content: '';
     inset: 9px 15px 14px 15px;
     position: absolute;
 }

 .courses-art-book::after {
     background:
         linear-gradient(#eaf2ff 0 0) 19px 25px / 36px 9px no-repeat,
         linear-gradient(rgba(255, 255, 255, .55) 0 0) 23px 42px / 30px 5px no-repeat,
         linear-gradient(rgba(255, 255, 255, .42) 0 0) 23px 53px / 24px 5px no-repeat;
     border-bottom: 9px solid #d8e6ff;
     border-radius: 10px;
     content: '';
     inset: 0;
     position: absolute;
 }

 .courses-art-pen {
     height: 136px;
     right: 9%;
     top: 98px;
     transform: rotate(28deg);
     width: 36px;
     animation: coursesFloat 7s ease-in-out infinite .8s;
 }

 .courses-art-pen::before {
     background:
         linear-gradient(180deg, #1559df 0 10%, #eaf2ff 10% 22%, #78aaff 22% 79%, #1559df 79% 91%, transparent 91%);
     border-radius: 18px 18px 8px 8px;
     content: '';
     inset: 0 5px 17px;
     position: absolute;
 }

 .courses-art-pen::after {
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-top: 29px solid #1559df;
     bottom: 0;
     content: '';
     left: 6px;
     position: absolute;
 }

 .courses-art-atom {
     border: 3px solid rgba(0, 74, 173, .34);
     border-radius: 50%;
     bottom: 58%;
     height: 62px;
     right: 9%;
     width: 62px;
     animation: coursesSpin 18s linear infinite;
 }

 .courses-art-atom::before,
 .courses-art-atom::after {
     border: 3px solid rgba(0, 74, 173, .34);
     border-radius: 50%;
     content: '';
     inset: -3px;
     position: absolute;
 }

 .courses-art-atom::before {
     transform: rotate(58deg);
 }

 .courses-art-atom::after {
     transform: rotate(-58deg);
 }

 .courses-art-dot {
     background: #004aad;
     border-radius: 50%;
     height: 13px;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 13px;
 }

 .courses-art-ring {
     border: 4px solid rgba(103, 126, 255, .42);
     border-radius: 50%;
     height: 30px;
     left: 32%;
     top: 50px;
     width: 30px;
     animation: coursesPulse 4s ease-in-out infinite;
 }

 .courses-art-ring.small {
     height: 24px;
     left: 19%;
     top: 270px;
     width: 24px;
     animation-delay: 1.2s;
 }

 .courses-art-spark {
     color: rgba(0, 74, 173, .24);
     font-size: 34px;
     font-weight: 700;
     line-height: 1;
     animation: coursesTwinkle 3.5s ease-in-out infinite;
 }

 .courses-art-spark::before {
     content: '+';
 }

 .courses-art-spark.one {
     left: 26%;
     top: 100px;
 }

 .courses-art-spark.two {
     right: 15%;
     top: 278px;
     animation-delay: 1.4s;
 }

 .courses-art-wave {
     border: 1px solid transparent;
     border-top-color: rgba(0, 74, 173, .16);
     border-radius: 50%;
     bottom: -88px;
     height: 190px;
     left: -5%;
     width: 50%;
     animation: coursesWave 10s ease-in-out infinite;
 }

 .courses-art-wave::before,
 .courses-art-wave::after {
     border: 1px solid transparent;
     border-top-color: rgba(0, 74, 173, .13);
     border-radius: 50%;
     content: '';
     inset: 14px -18px auto 12px;
     height: 185px;
     position: absolute;
 }

 .courses-art-wave::after {
     inset: 28px -30px auto 28px;
 }

 .courses-badge {
     background: #eaf2fb;
     border-radius: 8px;
     color: #004aad;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 3px;
     line-height: 1;
     margin-bottom: 24px;
     padding: 8px 14px;
     text-transform: uppercase;
 }

 .courses-title {
     color: #071a55;
     font-family: inherit;
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 700;
     line-height: 1.08;
     margin-bottom: 20px;
 }

 .courses-subtitle {
     color: #56627a;
     font-size: 1.25rem;
     line-height: 1.45;
     margin: 0 auto;
     max-width: 800px;
     display: inline-block;
     margin-top: 20px !important;
 }

 .courses-grid {
     margin-top: 54px;
 }

 .program-card {
     background: #061a42;
     border: 1px solid rgba(104, 150, 232, .32);
     border-radius: 14px;
     box-shadow: 0 18px 38px rgba(9, 29, 70, .24);
     color: #fff;
     display: flex;
     flex-direction: column;
     height: 100%;
     min-height: 470px;
     overflow: hidden;
     padding: 0;
     position: relative;
     text-align: left;
     text-decoration: none;
     transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
 }

 .program-card::before,
 .program-card::after {
     content: '';
     inset: 0;
     pointer-events: none;
     position: absolute;
     z-index: 1;
 }

 .program-card::before {
     background: linear-gradient(180deg, rgba(5, 18, 45, .05) 0%, rgba(5, 18, 45, .58) 45%, rgba(4, 16, 45, .96) 100%);
 }

 .program-card::after {
     background: linear-gradient(90deg, rgba(18, 69, 158, .2), transparent 42%);
     mix-blend-mode: screen;
     opacity: .74;
 }

 .program-card> :not(.program-card-vector):not(.program-image) {
     position: relative;
     z-index: 2;
 }

 .program-image {
     height: 100%;
     inset: 0;
     object-fit: cover;
     object-position: center;
     position: absolute;
     transform: scale(1.01);
     transition: transform .35s ease, filter .35s ease;
     width: 100%;
     z-index: 0;
 }

 .program-card-vector {
     height: 96px;
     opacity: .82;
     pointer-events: none;
     position: absolute;
     right: -12px;
     top: -10px;
     transition: transform .25s ease, opacity .25s ease;
     width: 122px;
     z-index: 0;
 }

 .program-card-vector .vector-soft {
     fill: #e8eef8;
 }

 .program-card-vector .vector-primary {
     fill: #004aad;
 }

 .program-card-vector .vector-accent {
     fill: #ff4b17;
 }

 .program-card-vector .vector-line {
     fill: none;
     stroke: #004aad;
     stroke-linecap: round;
     stroke-width: 3;
 }

 .program-card:focus {
     color: #fff;
     outline: none;
     text-decoration: none;
 }

 .program-card:focus-visible {
     box-shadow: 0 0 0 4px rgba(0, 74, 173, .18), 0 24px 44px rgba(9, 29, 70, .28);
     transform: translateY(-4px);
 }

 .program-card:hover {
     color: #fff;
     border-color: rgba(119, 166, 255, .56);
     box-shadow: 0 24px 46px rgba(9, 29, 70, .3);
     text-decoration: none;
     transform: translateY(-4px);
 }

 .program-card:hover .program-card-vector,
 .program-card:focus-visible .program-card-vector {
     opacity: 1;
     transform: translate(-4px, 4px) rotate(-2deg);
 }

 .program-card:hover .program-image,
 .program-card:focus-visible .program-image {
     filter: saturate(1.08);
     transform: scale(1.07);
 }

 .program-icon {
     align-items: center;
     background: rgba(194, 214, 255, .26);
     border: 1px solid rgba(214, 227, 255, .22);
     border-radius: 13px;
     box-shadow: 0 12px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .22);
     color: #fff;
     display: inline-flex;
     height: 54px;
     justify-content: center;
     margin: auto 0 12px;
     width: 54px;
     transition: transform .25s ease, box-shadow .25s ease;
 }

 .program-icon svg {
     height: 27px;
     width: 27px;
 }

 .program-card:hover .program-icon,
 .program-card:focus-visible .program-icon {
     box-shadow: 0 12px 24px rgba(0, 74, 173, .16);
     transform: translateY(-3px);
 }

 .program-mode {
     align-self: flex-start;
     background: rgba(5, 16, 42, .58);
     border: 1px solid rgba(255, 255, 255, .45);
     border-radius: 7px;
     color: #fff;
     font-size: .84rem;
     line-height: 1;
     margin-bottom: 16px;
     padding: 6px 9px;
 }

 .program-card h3 {
     color: #fff;
     font-size: 1.35rem;
     font-weight: 800;
     line-height: 1.25;
     margin-bottom: 10px !important;
 }

 .program-card p {
     color: rgba(255, 255, 255, .92);
     font-size: 1rem;
     line-height: 1.5;
     margin-bottom: 0;
 }

 .program-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 9px;
     margin-top: 18px;
 }

 .program-tag {
     background: rgba(255, 103, 62, .24);
     border-radius: 8px;
     color: #ff875e;
     font-size: .82rem;
     font-weight: 700;
     line-height: 1;
     padding: 7px 11px;
 }

 .program-tag:last-child {
     background: rgba(63, 190, 126, .24);
     color: #73dd98;
 }

 .program-actions {
     align-items: center;
     border-top: 0px solid #eef1f5;
     display: flex;
     gap: 14px;
     justify-content: space-between;
     margin-top: auto;
     padding-top: 20px;
 }

 .program-actions a {
     font-size: .9rem;
     font-weight: 700;
     text-decoration: none;
 }

 .program-enroll {
     color: #1f2937;
 }

 .program-more {
     align-items: center;
     background: linear-gradient(135deg, #244b9d 0%, #173575 100%);
     border-radius: 8px;
     box-shadow: 0 12px 22px rgba(4, 18, 54, .25);
     color: #fff;
     display: inline-flex;
     font-size: .94rem;
     font-weight: 800;
     gap: 8px;
     justify-content: center;
     line-height: 1;
     overflow: hidden;
     padding: 13px 18px;
     position: relative;
     transition: box-shadow .25s ease, transform .25s ease;
 }

 .program-more::after {
     content: '\2192';
     font-size: 1rem;
     line-height: 1;
     transition: transform .25s ease;
 }

 .program-more::before {
     background: rgba(255, 255, 255, .35);
     content: '';
     height: 140%;
     left: -45%;
     position: absolute;
     top: -20%;
     transform: rotate(18deg);
     transition: left .45s ease;
     width: 28px;
 }

 .program-card:hover .program-more,
 .program-card:focus-visible .program-more,
 .program-more:hover {
     box-shadow: 0 0px 0px rgba(255, 75, 23, .26);
     color: #3204a5;
     transform: translateY(-2px);
 }

 .program-card:hover .program-more::after,
 .program-card:focus-visible .program-more::after {
     transform: translateX(3px);
 }

 .program-card:hover .program-more::before,
 .program-card:focus-visible .program-more::before {
     left: 120%;
 }

 /* New Card Style with Background Images */
 .program-card-with-image {
     background: linear-gradient(135deg, #0a1f3a 0%, #061a42 100%);
     border: 1px solid rgba(104, 150, 232, .32);
     border-radius: 16px;
     box-shadow: 0 18px 38px rgba(9, 29, 70, .24);
     color: #fff;
     display: flex;
     flex-direction: column;
     height: 100%;
     min-height: 520px;
     overflow: hidden;
     padding: 0;
     position: relative;
     text-align: left;
     text-decoration: none;
     transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
 }

 .program-card-with-image:hover {
     color: #fff;
     border-color: rgba(119, 166, 255, .56);
     box-shadow: 0 24px 46px rgba(9, 29, 70, .3);
     text-decoration: none;
     transform: translateY(-4px);
 }

 .program-card-with-image:focus {
     color: #fff;
     outline: none;
     text-decoration: none;
 }

 .program-card-with-image:focus-visible {
     box-shadow: 0 0 0 4px rgba(0, 74, 173, .18), 0 24px 44px rgba(9, 29, 70, .28);
     transform: translateY(-4px);
 }

 .program-image {
     background-size: cover;
     background-position: center;
     height: 280px;
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .program-image::after {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, rgba(6, 26, 66, 0) 0%, rgba(6, 26, 66, 0.95) 100%);
     pointer-events: none;
 }

 .program-card-with-image:hover .program-image {
     transform: scale(1.05);
 }

 .program-content {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 24px;
     position: relative;
     z-index: 2;
 }

 .program-card-with-image .program-mode {
     align-self: flex-start;
     background: rgba(5, 16, 42, .78);
     border: 1px solid rgba(255, 255, 255, .45);
     border-radius: 8px;
     color: #fff;
     font-size: .84rem;
     line-height: 1;
     margin-bottom: 16px;
     padding: 7px 12px;
 }

 .program-card-with-image h3 {
     color: #fff;
     font-size: 1.35rem;
     font-weight: 800;
     line-height: 1.25;
     margin-bottom: 12px !important;
 }

 .program-card-with-image p {
     color: rgba(255, 255, 255, .90);
     font-size: 0.98rem;
     line-height: 1.5;
     margin-bottom: 0;
     flex: 1;
 }

 .program-card-with-image .program-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 18px;
 }

 .program-card-with-image .program-tag {
     background: rgba(255, 103, 62, .24);
     border-radius: 8px;
     color: #ff875e;
     font-size: .82rem;
     font-weight: 700;
     line-height: 1;
     padding: 7px 12px;
 }

 .program-card-with-image .program-tag:last-child {
     background: rgba(63, 190, 126, .24);
     color: #73dd98;
 }

 .program-card-with-image .program-actions {
     border-top: 0px solid #eef1f5;
     display: flex;
     gap: 14px;
     justify-content: flex-start;
     margin-top: 20px;
     padding-top: 0;
 }

 .program-card-with-image .program-more {
     align-items: center;
     background: linear-gradient(135deg, #244b9d 0%, #173575 100%);
     border-radius: 8px;
     box-shadow: 0 12px 22px rgba(4, 18, 54, .25);
     color: #fff;
     display: inline-flex;
     font-size: .94rem;
     font-weight: 800;
     gap: 8px;
     justify-content: center;
     line-height: 1;
     overflow: hidden;
     padding: 13px 18px;
     position: relative;
     transition: box-shadow .25s ease, transform .25s ease;
 }

 .program-card-with-image .program-more::after {
     content: '';
     transition: transform .25s ease;
 }

 .program-card-with-image .program-more::before {
     background: rgba(255, 255, 255, .35);
     content: '';
     height: 140%;
     left: -45%;
     position: absolute;
     top: -20%;
     transform: rotate(18deg);
     transition: left .45s ease;
     width: 28px;
 }

 .program-card-with-image:hover .program-more,
 .program-card-with-image:focus-visible .program-more,
 .program-card-with-image .program-more:hover {
     box-shadow: 0 0px 0px rgba(255, 75, 23, .26);
     color: rgb(255 235 171);
     transform: translateY(-2px);
 }

 .program-card-with-image:hover .program-more::before,
 .program-card-with-image:focus-visible .program-more::before {
     left: 120%;
 }

 @keyframes coursesFloat {

     0%,
     100% {
         translate: 0 0;
     }

     50% {
         translate: 0 -14px;
     }
 }

 @keyframes coursesDrift {

     0%,
     100% {
         transform: translate3d(0, 0, 0);
     }

     50% {
         transform: translate3d(14px, -10px, 0);
     }
 }

 @keyframes coursesPulse {

     0%,
     100% {
         opacity: .55;
         transform: scale(1);
     }

     50% {
         opacity: .9;
         transform: scale(1.16);
     }
 }

 @keyframes coursesSpin {
     to {
         transform: rotate(360deg);
     }
 }

 @keyframes coursesTwinkle {

     0%,
     100% {
         opacity: .25;
         transform: scale(.85) rotate(0deg);
     }

     50% {
         opacity: .75;
         transform: scale(1.08) rotate(12deg);
     }
 }

 @keyframes coursesWave {

     0%,
     100% {
         transform: translateX(0);
     }

     50% {
         transform: translateX(22px);
     }
 }

 #courses-section.main-wrapper {
     background: #f7f9fc;
     overflow: hidden;
     padding: 70px 0 84px !important;
 }

 #courses-section .decorative-circle {
     display: none;
 }

 #courses-section .container {

     padding-bottom: 0 !important;
     padding-top: 0 !important;
 }

 #courses-section .section-badge {
     background: #eaf2fb;
     border-radius: 8px;
     color: #004aad;
     display: inline-block;
     font-size: 0;
     font-weight: 700;
     letter-spacing: 3px;
     line-height: 1;
     margin-bottom: 24px;
     padding: 8px 14px;
     text-transform: uppercase;
 }

 #courses-section .section-badge svg {
     display: none;
 }

 #courses-section .section-badge::after {
     content: 'Our Courses';
     font-size: 14px;
 }

 #courses-section .display-3 {
     color: #3b3a67;
     font-family: Georgia, 'Times New Roman', serif;
     font-size: clamp(2.25rem, 4vw, 3.15rem);
     font-weight: 700 !important;
     line-height: 1.08;
     margin-bottom: 20px !important;
 }

 #courses-section .display-3 span {
     display: none;
 }

 #courses-section .display-3::after {
     content: 'Learn Your Way';
 }

 #courses-section #section-subtitle {
     color: #56627a !important;
     font-size: 1.25rem;
     line-height: 1.45;
     margin: 0 auto;
     max-width: 680px !important;
 }

 #courses-section .row.g-4 {
     margin-top: 20px;
 }

 #courses-section .course-card {
     background: #fff !important;
     border: 1px solid #d5dce6;
     border-radius: 14px;
     box-shadow: 0 3px 8px rgba(15, 23, 42, .12);
     display: flex;
     flex-direction: column;
     min-height: 452px;
     padding: 60px 30px 32px;
     text-align: left;
     transition: transform .25s ease, box-shadow .25s ease;
 }

 #courses-section .course-card:hover {
     box-shadow: 0 16px 28px rgba(15, 23, 42, .14);
     transform: translateY(-4px);
 }

 #courses-section .image-wrapper {
     background: none !important;
     height: auto;
     margin: 0 0 20px;
     overflow: visible;
     padding: 0;
     position: static !important;
 }

 #courses-section .card-image,
 #courses-section .card-bg-circle {
     display: none;
 }

 #courses-section .image-wrapper::before {
     align-items: center;
     background: #e8eef8;
     border-radius: 14px;
     color: #004aad;
     display: inline-flex;
     font-family: "Font Awesome 5 Free";
     font-size: 1.7rem;
     font-weight: 900;
     height: 58px;
     justify-content: center;
     margin-bottom: 20px;
     width: 58px;
 }

 #courses-section .col-12:nth-child(1) .image-wrapper::before {
     content: '\f02d';
 }

 #courses-section .col-12:nth-child(2) .image-wrapper::before {
     content: '\f109';
 }

 #courses-section .col-12:nth-child(3) .image-wrapper::before {
     content: '\f466';
 }

 #courses-section .col-12:nth-child(4) .image-wrapper::before {
     content: '\f46d';
 }

 #courses-section .position-absolute {
     position: static !important;
 }

 #courses-section .position-absolute.m-3 {
     margin: 0 !important;
 }

 #courses-section .badge-custom {
     background: #fff !important;
     border: 1px solid #cfd7e2;
     border-radius: 7px;
     color: #45536d !important;
     display: inline-block;
     font-size: 0;
     line-height: 1;
     margin: 0;
     padding: 6px 10px;
 }

 #courses-section .col-12:nth-child(1) .badge-custom::after {
     content: 'Offline';
     font-size: .92rem;
 }

 #courses-section .col-12:nth-child(2) .badge-custom::after {
     content: 'Online';
     font-size: .92rem;
 }

 #courses-section .col-12:nth-child(3) .badge-custom::after {
     content: 'Correspondence';
     font-size: .92rem;
 }

 #courses-section .col-12:nth-child(4) .badge-custom::after {
     content: 'Test Series';
     font-size: .92rem;
 }

 #courses-section .card-body {
     display: flex;
     flex: 1;
     flex-direction: column;
     padding: 0 !important;
 }

 #courses-section .card-body h2 {
     color: #020817;
     font-size: 1.35rem;
     font-weight: 800;
     line-height: 1.25;
     margin: 26px 0 16px !important;
 }

 #courses-section .card-body p {
     color: #4f5c76 !important;
     font-size: 1.02rem !important;
     line-height: 1.5;
     margin-bottom: 24px !important;
 }

 #courses-section .card-body>.d-flex.gap-3 {
     display: flex !important;
     gap: 10px !important;
     margin-bottom: 0 !important;
     margin-top: auto;
 }

 #courses-section .card-body>.d-flex.gap-3 svg {
     display: none;
 }

 #courses-section .card-body>.d-flex.gap-3 .align-items-center {
     display: flex !important;
     flex-wrap: wrap;
     gap: 10px !important;
 }

 #courses-section .program-tag {
     background: #ffede8;
     border-radius: 8px;
     color: #19397c;
     font-size: .82rem;
     font-weight: 700;
     line-height: 1;
     padding: 7px 11px;
 }

 #courses-section .card-body>.d-flex.align-items-center.justify-content-between {
     display: none !important;
 }

 @media (max-width: 767px) {
     #courses-section.main-wrapper {
         padding: 54px 0 62px !important;
     }

     #courses-section .row.g-4 {
         margin-top: 44px;
     }

     #courses-section .course-card {
         min-height: auto;
         padding: 34px 24px 28px;
     }
 }

 @media (max-width: 767px) {
     .courses-showcase {
         padding: 54px 0 62px;
     }

     .courses-bg-art {
         opacity: .58;
     }

     .courses-showcase::before {
         left: -38px;
         top: 32px;
     }

     .courses-showcase::after,
     .courses-art-atom,
     .courses-art-ring,
     .courses-art-spark.two {
         display: none;
     }

     .courses-art-book {
         left: -12px;
         top: 28px;
         transform: scale(.72) rotate(-30deg);
     }

     .courses-art-pen {
         right: -4px;
         top: 50px;
         transform: scale(.7) rotate(28deg);
     }

     .courses-grid {
         margin-top: 44px;
     }

     .program-card {
         min-height: auto;
         padding: 34px 24px 28px;
     }
 }

 .icon-box {
     width: 60px;
     height: 60px;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
 }

 .card1:hover .icon-box {
     transform: scale(1.1) rotate(5deg);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
 }

 .price-container {
     margin: 30px 0;
     padding: 10px;
     background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 100%);
     border-radius: 15px;
     position: relative;
     overflow: hidden;
     width: 45%;
     margin: 0 auto;
     ;
 }

 /*---------------Start Holi Popup-----------------*/
 .gulal-container {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     overflow: hidden;
     z-index: 1060;
 }

 .gulal-particle {
     position: absolute;
     border-radius: 50%;
     animation: gulalFall linear forwards;
     filter: blur(1px);
 }

 @keyframes gulalFall {
     0% {
         transform: translateY(-100px) rotate(0deg) scale(1);
         opacity: 1;
     }

     50% {
         opacity: 0.9;
     }

     100% {
         transform: translateY(100%) rotate(720deg) scale(0.3);
         opacity: 0;
     }
 }

 .gulal-burst {
     position: absolute;
     border-radius: 50%;
     animation: burstOut ease-out forwards;
 }

 @keyframes burstOut {
     0% {
         transform: scale(0) translate(0, 0);
         opacity: 1;
     }

     100% {
         transform: scale(1) translate(var(--tx), var(--ty));
         opacity: 0;
     }
 }

 .color-splash {
     position: absolute;
     width: 200px;
     height: 200px;
     border-radius: 50%;
     filter: blur(60px);
     opacity: 0.4;
     animation: splashPulse 3s ease-in-out infinite;
 }

 @keyframes splashPulse {

     0%,
     100% {
         transform: scale(1);
         opacity: 0.3;
     }

     50% {
         transform: scale(1.2);
         opacity: 0.5;
     }
 }

 .splash-pink {
     background: #FF1493;
     top: 10%;
     left: 5%;
 }

 .splash-yellow {
     background: #FFD700;
     top: 60%;
     right: 10%;
     animation-delay: 1s;
 }

 .splash-green {
     background: #32CD32;
     bottom: 20%;
     left: 30%;
     animation-delay: 2s;
 }

 .splash-purple {
     background: #9400D3;
     top: 30%;
     right: 25%;
     animation-delay: 0.5s;
 }

 .splash-orange {
     background: #FF6347;
     bottom: 10%;
     right: 40%;
     animation-delay: 1.5s;
 }

 .modal-content {
     background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 250, 245, 0.98) 100%);
     border: none;
     border-radius: 24px;
     box-shadow:
         0 25px 80px rgba(255, 20, 147, 0.2),
         0 15px 40px rgba(255, 215, 0, 0.15),
         0 5px 15px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     position: relative;
 }

 .modal-content::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 6px;
     background: none;
 }

 .modal-header {
     border: none;
     padding: 0rem 2rem 0.5rem;
     position: relative;
 }

 .modal-title {
     font-family: 'Tiro Devanagari Hindi', serif;
     font-size: 2rem;
     font-weight: 700;
     background: linear-gradient(135deg, #FF1493, #FF6347, #FFD700);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-align: center;
     width: 100%;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
 }

 .subtitle {
     font-size: 1.3rem;
     color: #9400D3;
     text-align: center;
     font-weight: 600;
     margin-top: -0.5rem;
 }

 .modal-body {
     padding: 1.5rem 2rem;
     text-align: center;
 }

 .holi-emoji {
     font-size: 4rem;
     display: flex;
     justify-content: center;
     gap: 1rem;
     margin-bottom: 1rem;
     animation: emojiFloat 2s ease-in-out infinite;
 }

 @keyframes emojiFloat {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 .message-text {
     font-size: 1.1rem;
     color: #555;
     line-height: 1.7;
     margin-bottom: 1.5rem;
 }

 .color-dots {
     display: flex;
     justify-content: center;
     gap: 12px;
     margin: 1.5rem 0;
 }

 .color-dot {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     animation: dotPop 0.6s ease-out backwards;
 }

 .color-dot:nth-child(1) {
     background: #FF1493;
     animation-delay: 0.1s;
 }

 .color-dot:nth-child(2) {
     background: #FFD700;
     animation-delay: 0.2s;
 }

 .color-dot:nth-child(3) {
     background: #32CD32;
     animation-delay: 0.3s;
 }

 .color-dot:nth-child(4) {
     background: #FF6347;
     animation-delay: 0.4s;
 }

 .color-dot:nth-child(5) {
     background: #9400D3;
     animation-delay: 0.5s;
 }

 @keyframes dotPop {
     0% {
         transform: scale(0);
     }

     50% {
         transform: scale(1.3);
     }

     100% {
         transform: scale(1);
     }
 }

 .modal-footer {
     border: none;
     padding: 0.5rem 2rem 2rem;
     justify-content: center;
 }

 .btn-celebrate {
     background: linear-gradient(135deg, #7e72cf 0%, #7e72cf 50%, #7e72cf 100%);
     border: none;
     color: white;
     padding: 14px 50px;
     font-size: 1.2rem;
     font-weight: 700;
     border-radius: 50px;
     text-transform: uppercase;
     letter-spacing: 2px;
     box-shadow: 0 8px 25px rgba(255, 20, 147, 0.4);
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .btn-celebrate:hover {
     transform: translateY(-3px) scale(1.02);
     box-shadow: 0 12px 35px rgba(255, 20, 147, 0.5);
     color: white;
 }

 .btn-celebrate:active {
     transform: translateY(0) scale(0.98);
 }

 .btn-celebrate::after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 0;
     height: 0;
     background: rgba(255, 255, 255, 0.3);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     transition: width 0.6s, height 0.6s;
 }

 .btn-celebrate:hover::after {
     width: 300px;
     height: 300px;
 }

 .rangoli-pattern {
     position: absolute;
     bottom: -30px;
     left: 50%;
     transform: translateX(-50%);
     width: 150px;
     height: 75px;
     opacity: 0.15;
 }

 .btn-close {
     position: absolute;
     right: 1rem;
     top: 1rem;
     opacity: 0.5;
     z-index: 10;
 }

 .btn-close:hover {
     opacity: 1;
 }

 @media (max-width: 576px) {
     .modal-title {
         font-size: 2.2rem;
     }

     .subtitle {
         font-size: 1rem;
     }

     .holi-emoji {
         font-size: 3rem;
     }

     .btn-celebrate {
         padding: 12px 35px;
         font-size: 1rem;
     }
 }

 /*---------------End Holi Popup-----------------*/

 /* Floating Enquire Now Button */
 .npfWidgetButton {
     position: fixed !important;
     right: -79px !important;
     top: 50% !important;
     transform: translateY(-50%) rotate(-90deg) !important;
     background: linear-gradient(135deg, #4770ff 0%, #2952ff 48%, #163ec9 100%) !important;
     color: #ffffff !important;
     border: 1px solid rgba(255, 255, 255, 0.2) !important;
     padding: 13px 32px !important;
     border-radius: 9px 9px 0 0 !important;
     font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
     font-size: 15px !important;
     font-weight: 700 !important;
     z-index: 999 !important;
     box-shadow: 0 18px 38px rgba(41, 82, 255, 0.34) !important;
     transition: transform 0.3s ease, box-shadow 0.3s ease !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     gap: 8px !important;
     white-space: nowrap !important;
     cursor: pointer !important;
 }

 .npfWidget-1bd0d58b36c07467a60077341156646d.npfWidgetButton {
     position: fixed !important;
     right: -79px !important;
     top: 50% !important;
     transform: translateY(-50%) rotate(-90deg) !important;
     background: linear-gradient(135deg, #4770ff 0%, #2952ff 48%, #163ec9 100%) !important;
     color: #ffffff !important;
     border: 1px solid rgba(255, 255, 255, 0.2) !important;
     padding: 13px 32px !important;
     border-radius: 9px 9px 0 0 !important;
     font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
     font-size: 15px !important;
     font-weight: 700 !important;
     z-index: 999 !important;
     box-shadow: 0 18px 38px rgba(41, 82, 255, 0.34) !important;
     transition: transform 0.3s ease, box-shadow 0.3s ease !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     gap: 8px !important;
     white-space: nowrap !important;
     cursor: pointer !important;
 }

 .npfWidgetButton:hover {

     box-shadow: 0 22px 48px rgba(41, 82, 255, 0.46) !important;
     transform: translateY(-50%) rotate(-90deg) scale(1.05) !important;
 }

 .npfWidgetButton::after {
     display: inline-grid !important;
     place-items: center !important;
     width: 20px !important;
     height: 20px !important;
     border-radius: 50% !important;
     background: rgba(255, 255, 255, 0.22) !important;
     font-size: 13px !important;
     content: '>' !important;
     margin-left: 8px !important;
     transition: transform 0.3s ease !important;
 }

 .npfWidgetButton:hover::after {
     transform: translateX(3px) !important;
 }

 @media (max-width: 768px) {
     .npfWidgetButton {
         right: -64px !important;
         padding: 11px 27px !important;
         font-size: 13px !important;
     }

     .npfWidgetButton:hover {
         transform: translateY(-50%) rotate(-90deg) scale(1.04) !important;
     }
 }

 /* ===== VMC Premium Coaching Section ===== */
 :root {
     --vmc-blue: #2952ff;
     --vmc-blue-deep: #163ec9;
     --vmc-green: #22c55e;
     --vmc-green-deep: #16a34a;
     --vmc-navy: #0f172a;
     --vmc-muted: #667085;
     --vmc-light: #f7f9ff;
     --vmc-card: #ffffff;
     --vmc-purple: #7357ff;
     --vmc-orange: #ff7a1a;
     --vmc-radius-xl: 28px;
     --vmc-ease: cubic-bezier(0.22, 1, 0.36, 1);
 }

 .vmc-premium-section,
 .vmc-premium-section * {
     box-sizing: border-box;
 }

 .vmc-premium-section {
     position: relative;
     isolation: isolate;
     overflow: hidden;
     width: 100%;
     padding: 78px 20px 66px;
     background:
         #f6f8ff;
     color: var(--vmc-navy);
     font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 }

 /* Decorative blurred shapes */
 .vmc-premium-section .decoration-blob {
     position: absolute;
     z-index: -1;
     border-radius: 999px;
     filter: blur(58px);
     opacity: 0.18;
     pointer-events: none;
     animation: vmcSoftFloat 9s var(--vmc-ease) infinite;
 }

 .vmc-premium-section .blob-1 {
     width: 310px;
     height: 310px;
     top: -130px;
     right: 6%;
     background: rgba(41, 82, 255, 0.42);
 }

 .vmc-premium-section .blob-2 {
     width: 360px;
     height: 360px;
     left: -120px;
     bottom: -150px;
     background: rgba(34, 197, 94, 0.18);
     animation-delay: -3s;
 }

 /* Tiny dotted pattern decorations */
 .vmc-premium-section .decoration-pattern {
     position: absolute;
     z-index: -1;
     width: 118px;
     height: 118px;
     opacity: 0.16;
     background-image: radial-gradient(circle, rgba(41, 82, 255, 0.44) 1.6px, transparent 1.8px);
     background-size: 14px 14px;
     pointer-events: none;
 }

 .vmc-premium-section .pattern-1 {
     top: 18px;
     left: 20px;
 }

 .vmc-premium-section .pattern-2 {
     right: 18px;
     bottom: 18px;
 }

 .vmc-premium-section .vmc-container {
     width: min(100%, 1120px);
     margin: 0 auto;
 }

 /* Header Section */
 .vmc-premium-section .section-header {

     margin: 0 auto 40px;
     text-align: center;
 }

 .vmc-premium-section .section-label {
     display: inline-flex;
     align-items: center;
     gap: 26px;
     margin-bottom: 31px;
     color: #004aad;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 5px;
     line-height: 1.2;
     text-transform: uppercase;
 }

 .vmc-premium-section .section-label::before,
 .vmc-premium-section .section-label::after {
     content: "";
     display: block;
     width: 36px;
     height: 1px;
     background: rgba(41, 82, 255, 0.34);
 }

 .vmc-premium-section .section-heading {
     margin: 0;
     color: #3b3a67;
     font-size: clamp(2.1rem, 4vw, 2rem);
     font-weight: 800;
     line-height: 1.12;
     letter-spacing: 0;
 }

 .vmc-premium-section .gradient-blue,
 .vmc-premium-section .gradient-green {
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .vmc-premium-section .gradient-blue {
     background-image: linear-gradient(135deg, #004aad 0%, #004aad 88%);
 }

 .vmc-premium-section .gradient-green {
     background-image: linear-gradient(135deg, #4ade80 0%, var(--vmc-green-deep) 88%);
 }

 .vmc-premium-section .section-subtitle {
     position: relative;
     margin: 24px auto 0;
     padding-top: 20px;
     color: var(--vmc-muted);
     font-size: clamp(0.96rem, 1.7vw, 1.1rem);
     font-weight: 500;
     line-height: 65px;

 }

 .vmc-premium-section .section-subtitle::before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     width: 44px;
     height: 3px;
     border-radius: 999px;
     background: var(--vmc-blue);
     transform: translateX(-50%);
     line-height: 83px;
 }

 /* Feature Cards Grid */
 .vmc-premium-section .cards-grid {
     display: grid !important;
     grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
     gap: 24px !important;
     max-width: 920px !important;
     margin: 38px auto 0 !important;
     align-items: stretch !important;
 }

 /* Feature Cards */
 .vmc-premium-section .feature-card {
     --card-accent: var(--vmc-blue);
     position: relative;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     justify-content: flex-start !important;
     min-height: 194px !important;
     padding: 11px 5px 11px !important;
     overflow: hidden !important;
     text-align: center !important;
     background: rgba(255, 255, 255, 0.96) !important;
     border: 1px solid rgba(241, 245, 249, 0.92) !important;
     border-radius: 22px !important;
     box-shadow: 0 24px 58px rgba(15, 23, 42, 0.055) !important;
     backdrop-filter: blur(18px);
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease), border-color 0.35s var(--vmc-ease) !important;
 }

 .vmc-premium-section .feature-card:nth-child(2) {
     --card-accent: var(--vmc-green);
 }

 .vmc-premium-section .feature-card:nth-child(3) {
     --card-accent: var(--vmc-purple);
 }

 .vmc-premium-section .feature-card:nth-child(4) {
     --card-accent: var(--vmc-orange);
 }

 .vmc-premium-section .feature-card:nth-child(5) {
     --card-accent: #0ea5e9;
 }

 .vmc-premium-section .feature-card:nth-child(6) {
     --card-accent: #ec4899;
 }

 .vmc-premium-section .feature-card::before {
     content: "";
     position: absolute;
     top: -1px;
     right: -1px;
     width: 44px;
     height: 44px;
     border-top: 3px solid var(--card-accent);
     border-right: 3px solid var(--card-accent);
     border-top-right-radius: 22px;
     border-bottom-left-radius: 44px;
     transform: none;
     opacity: 1;
     transition: transform 0.35s var(--vmc-ease), filter 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .card-accent {
     display: none;
 }

 .vmc-premium-section .feature-card::after {
     content: none;
 }

 .vmc-premium-section .feature-card:hover {
     transform: translateY(-8px) !important;
     border-color: rgba(41, 82, 255, 0.1) !important;
     box-shadow: 0 30px 72px rgba(15, 23, 42, 0.09) !important;
 }

 .vmc-premium-section .feature-card:hover::before {
     transform: scale(1.08);
     filter: drop-shadow(0 8px 12px color-mix(in srgb, var(--card-accent) 22%, transparent));
 }

 /* Icon Wrapper */
 .vmc-premium-section .icon-wrapper {
     display: grid !important;
     place-items: center !important;
     flex: 0 0 82px !important;
     width: 82px !important;
     height: 82px !important;
     margin: 0 auto 12px !important;
     color: var(--card-accent) !important;
     border-radius: 50% !important;
     background: #eef3ff !important;
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85) !important;
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .feature-card:nth-child(2) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(3) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(4) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(5) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .feature-card:nth-child(6) .icon-wrapper {
     background: #eefaff !important;
 }

 .vmc-premium-section .icon-wrapper svg {
     width: 36px !important;
     height: 36px !important;
     stroke: rgb(183 196 245) !important;
     stroke-width: 1.8 !important;
     fill: none !important;
     stroke-linecap: round !important;
     stroke-linejoin: round !important;
 }

 .vmc-premium-section .feature-card:hover .icon-wrapper {
     transform: translateY(-3px) scale(1.06);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 16px 34px rgba(41, 82, 255, 0.12);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 16px 34px color-mix(in srgb, var(--card-accent) 22%, transparent);
 }

 /* Card Title */
 .vmc-premium-section .card-title {
     position: relative;
     z-index: 1;
     display: block !important;
     width: 100% !important;
     max-width: 163px !important;
     margin: 0 auto 13px !important;
     color: var(--vmc-navy) !important;
     font-size: 1.02rem !important;
     font-weight: 500 !important;
     line-height: 1.24 !important;
     letter-spacing: 0 !important;
     text-align: center !important;
 }

 .vmc-premium-section .title-accent {
     position: relative;
     z-index: 1;
     display: block !important;
     flex: 0 0 auto !important;
     width: 24px !important;
     height: 2px !important;
     margin: 0 auto !important;
     border-radius: 999px !important;
     background: var(--card-accent) !important;
     transition: width 0.3s var(--vmc-ease);
 }

 .vmc-premium-section .feature-card:hover .title-accent {
     width: 46px;
 }

 /* CTA Button Section */
 .vmc-premium-section .cta-wrapper {
     display: flex;
     justify-content: center;
     margin-top: 32px;
 }

 .vmc-premium-section .cta-button {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     min-height: 54px;
     padding: 15px 34px;
     overflow: hidden;
     color: #ffffff;
     font-size: 1rem;
     font-weight: 700;
     line-height: 1;
     text-decoration: none;
     border-radius: 999px;
     background: linear-gradient(135deg, #4770ff 0%, var(--vmc-blue) 48%, #1742d6 100%);
     box-shadow: 0 16px 35px rgba(41, 82, 255, 0.32);
     transition: transform 0.35s var(--vmc-ease), box-shadow 0.35s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.32), transparent);
     transform: translateX(-115%);
     transition: transform 0.65s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button:hover {
     color: #ffffff;
     transform: translateY(-4px);
     box-shadow: 0 22px 48px rgba(41, 82, 255, 0.42), 0 0 0 8px rgba(41, 82, 255, 0.08);
 }

 .vmc-premium-section .cta-button:hover::before {
     transform: translateX(115%);
 }

 .vmc-premium-section .cta-button svg {
     position: relative;
     width: 19px;
     height: 19px;
     stroke: currentColor;
     stroke-width: 2;
     fill: none;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .vmc-premium-section .cta-button span {
     position: relative;
 }

 .vmc-premium-section .cta-button .cta-arrow {
     transition: transform 0.3s var(--vmc-ease);
 }

 .vmc-premium-section .cta-button:hover .cta-arrow {
     transform: translateX(4px);
 }

 /* Responsive Design */
 @media (max-width: 1100px) {
     .vmc-premium-section .cards-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
         max-width: 680px !important;
         margin-right: auto !important;
         margin-left: auto !important;
     }
 }

 @media (max-width: 768px) {
     .vmc-premium-section {
         padding: 62px 16px 58px;
     }

     .vmc-premium-section .section-label {
         gap: 14px;
         font-size: 11px;
         letter-spacing: 4px;
     }

     .vmc-premium-section .section-label::before,
     .vmc-premium-section .section-label::after {
         width: 22px;
     }

     .vmc-premium-section .section-header {
         margin-bottom: 32px;
     }

     .vmc-premium-section .cards-grid {
         gap: 18px !important;
         margin-top: 30px !important;
     }
 }

 @media (max-width: 560px) {
     .vmc-premium-section .cards-grid {
         grid-template-columns: 1fr !important;
         max-width: 330px !important;
     }

     .vmc-premium-section .feature-card {
         min-height: auto;
         padding: 28px 20px 24px;
     }

     .vmc-premium-section .cta-button {
         width: min(100%, 330px);
         padding-right: 20px;
         padding-left: 20px;
         font-size: 0.94rem;
     }
 }

 footer {
     a {
         text-decoration: none;
     }

     ul {
         margin: 0px;
         padding: 0px;
         list-style: none;

         li {
             margin: 0px;
             padding: 0px;

             a {
                 text-decoration: none;
             }
         }
     }
 }