* {
   font-family: "Rethink Sans", "Rethink Sans Placeholder", sans-serif;
 }

 html {
   scroll-behavior: smooth;
 }
.h6, h6 {
    font-size: 1.5rem;
}
 /* ================= NAVBAR ================= */
 .webveda-navbar {
   background: linear-gradient(90deg, #071a36, #0a2a63);
   padding: 5px 0;

   /* bottom border */
   border-bottom: 1px solid rgb(255 255 255 / 50%);

   /* soft shadow */
    box-shadow: rgba(0, 0, 0, 0.17) 0px 0.557334px 1.0032px -0.875px, rgba(0, 0, 0, 0.16) 0px 1.69015px 3.04228px -1.75px, rgba(0, 0, 0, 0.14) 0px 4.46786px 8.04214px -2.625px, rgba(0, 0, 0, 0.08) 0px 14px 25.2px -3.5px;
 }

 /* Base nav */
 .navbar-nav .nav-link {
   font-weight: 500;
   color: #111;
   padding: 10px 14px;
 }

 /* Dropdown container */
 .custom-dropdown {
   position: relative;
 }

 .custom-dropdown .dropdown-menu {
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   pointer-events: none;

   position: absolute;
   top: calc(100% + 10px);
   left: 0;
   min-width: 220px;
   padding: 10px 0;
   border-radius: 10px;
   border: 1px solid #e5e7eb;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   background: #fff;
   z-index: 9999;

   transition: all 0.25s ease;
 }

 /* Show on hover */
 .custom-dropdown:hover .dropdown-menu {
   display: block;
 }

 /* Dropdown items */
 .dropdown-item {
   font-size: 14px;
   padding: 10px 18px;
   color: #333;
   white-space: nowrap;
 }

 .dropdown-item:hover {
   background: #f5f7ff;
   color: #3F60E8;
 }

 /* Remove Bootstrap arrow animation issue */
 .dropdown-toggle::after {
   margin-left: 6px;
 }

 /* GRID LAYOUT */
 .navbar-grid {
   display: grid;
   grid-template-columns: auto 1fr auto;
   align-items: center;
 }

 /* LOGO */
 .logo img {
   width: 85px;
 }

 /* CENTER MENU */
 .navbar-center {
   justify-self: center;
 }

 .navbar-center .navbar-nav {
   display: flex;
   gap: 32px;
 }

 .nav-link {
   color: #fff !important;
   font-size: 16px;
   font-weight: 500;
   padding: 0;
 }

 .mobile-nav {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .mobile-title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 20px;
   font-weight: 500;
   color: #fff;
   cursor: pointer;
 }

 .mobile-title i {
   transition: 0.3s;
 }

 .mobile-item.active .mobile-title i {
   transform: rotate(180deg);
 }

 .mobile-submenu {
   display: none;
   flex-direction: column;
   gap: 12px;
   margin-top: 10px;
   padding-left: 10px;
 }

 .mobile-submenu a {
   color: #d1d5db;
   font-size: 15px;
   text-decoration: none;
 }

 .mobile-submenu a:hover {
   color: #3F60E8;
 }

 /* Buttons */
 .login-btn {
   background: #3F60E8;
   color: #fff;
   border-radius: 12px;
 }

 /* Bootstrap default arrow remove */
 .dropdown-toggle::after {
   display: none !important;
 }

 /* Icon animation */
 .custom-dropdown .fa-angle-down {
   transition: transform 0.3s ease;
   margin-left: 5px;
 }

 .custom-dropdown:hover .dropdown-menu,
 .custom-dropdown .dropdown-menu:hover {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
   pointer-events: auto;
 }

 .custom-dropdown::after {
   content: "";
   position: absolute;
   left: 0;
   top: 100%;
   width: 100%;
   height: 14px;
 }

 /* Rotate on hover */
 /* .custom-dropdown:hover .fa-angle-down {
  transform: rotate(180deg);
} */

 /* Hover dropdown */
 .custom-dropdown:hover .dropdown-menu {
   display: block;
   margin-top: 8px;
 }

 /* RIGHT SIDE */
 .navbar-right {
   display: flex;
   align-items: center;
   gap: 16px;
   justify-self: end;
 }

 .navbar-right i {
   color: #fff;
   font-size: 18px;
 }

 /* LOGIN BUTTON */
 .login-btn {
   background: #4d7cff;
   color: #fff;
   border-radius: 30px;
   font-size: 14px;
   padding: 8px 18px;
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }

 .login-btn:hover {
   background: #3b66e0;
   color: #fff;
 }

 /* ================= MOBILE MENU ================= */
 .navbar-toggler {
   color: #fff;
   font-size: 22px;
 }

 .mobile-menu {
   position: fixed;
   inset: 0;
   background: linear-gradient(180deg, #071a36, #0a2a63);
   padding: 24px;
   display: none;
   z-index: 9999;
 }

 .mobile-menu.show {
   display: block;
 }

 .mobile-link {
   color: #fff;
   font-size: 22px;
   text-decoration: none;
 }


 /* HERO BASE */
 .hero {
   position: relative;
   padding-top: 60px;
   padding-bottom: 320px;
   font-family: "Rethink Sans", sans-serif;
   overflow: visible;

   background:
     /* TOP LIGHT FADE */
     linear-gradient(180deg,
       rgba(12, 43, 94, 0.25) 0%,
       rgba(12, 43, 94, 0.65) 35%,
       rgba(6, 26, 56, 0.95) 70%,
       rgba(6, 26, 56, 1) 100%),

     /* EDGE DARKENING */
     radial-gradient(ellipse at top center,
       rgba(255, 255, 255, 0.08) 0%,
       rgba(6, 26, 56, 0.6) 45%,
       rgba(6, 26, 56, 1) 85%),

     /* IMAGE */
     url("images/bg-cgp.jpeg");

   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }



 /* DOTTED BACKGROUND (SIRF PEECHE) */
 .hero::before {
   content: "";
   position: absolute;
   inset: 0;
   background:
     radial-gradient(circle, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
   background-size: 26px 26px;
   opacity: .35;
   z-index: 1;
   pointer-events: none;
 }

 /* CONTENT */
 .hero-content {
   position: relative;
   z-index: 3;
   color: #fff;
 }

 .hero h1 {
   font-size: 3rem;
   font-weight: 700;
 }

 .hero p {
   color: #64df2b;
   margin-top: 8px;
   font-weight: 800;
   font-size: 20px;
 }

 .cursor {
   border-right: 2px solid black;
   padding-right: 5px;
   animation: blink 0.7s infinite;
   color: #64df2b;
 }

 @keyframes blink {

   0%,
   50%,
   100% {
     border-color: black;
   }

   25%,
   75% {
     border-color: transparent;
   }
 }

 /* FEATURES */
 .hero-features {
   display: flex;
   justify-content: center;
   gap: 24px;
   margin-top: 16px;
   color: #bcd0ff;
   /* font-size: 14px; */
 }

 /* CTA BUTTON */
 .cta-wrap {
   margin-top: 24px
 }

 .cta {
   display: inline-block;
   padding: 3px;
   border-radius: 40px;
   background: linear-gradient(90deg, #6ea8ff, #4c7dff, #6ea8ff);
   animation: glow 3s linear infinite;
   text-decoration: none;
 }

 @keyframes glow {
   to {
     filter: hue-rotate(360deg)
   }
 }

 .cta span {
   display: block;
   padding: 14px 36px;
   background: #4c7dff;
   border-radius: 36px;
   color: #fff;
   font-weight: 600;
 }

 /* VIDEO OVERLAP */
 .video-overlap {
   position: absolute;
   left: 50%;
   bottom: 0;
   top: 60%;
   transform: translateX(-50%);
   z-index: 4;
 }

 .video-card {
   /* width:820px;
  max-width:92vw; */
   border-radius: 18px;
   overflow: hidden;
   /* box-shadow:0 30px 80px rgba(0,0,0,.45); */
   position: relative;
 }

 .video-card img {
   width: 100%;
   display: block;
 }

 /* PLAY BUTTON */
 .play-btn {
   position: absolute;
   inset: 0;
   margin: auto;
   width: 72px;
   height: 72px;
   background: #fff;
   border-radius: 50%;
 }

 .play-btn::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-40%, -50%);
   border-left: 18px solid #000;
   border-top: 12px solid transparent;
   border-bottom: 12px solid transparent;
 }

 /* WHITE CURVE */
 .hero-curve {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 180px;
   z-index: 2;
 }

 /* MOBILE */
 @media(max-width:768px) {
   .hero h1 {
     font-size: 2rem
   }

   .hero-features {
     flex-direction: column;
     gap: 8px
   }

   .video-overlap {
     bottom: 40px
   }

   .hero {
     padding-bottom: 80px
   }

   .founder-img {
     position: absolute;
     bottom: 47px !important;
     right: 24px !important;
     width: 395px !important;
     z-index: 2;
   }

   .feature-header {
     padding: 17px 12px !important;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
   }

   .founder-title span {
     color: #3F60E8;
     font-size: 35px;
   }

   .feature-header h4 {
     margin: 0;
     font-size: 13px !important;
     font-weight: 600;
     display: flex;
     gap: 8px;
     align-items: center;
   }
 }

 .hero-features {
   display: flex;
   justify-content: center;
   gap: 28px;
   margin-top: 18px;
   color: #bcd0ff;
   /* font-size: 14px; */
 }

 .hero-features span {
   display: flex;
   align-items: center;
   gap: 8px;
   white-space: nowrap;
 }

 .hero-features i {
   font-size: 18px;
   color: #1e88e5;
   /* image jaisa blue */
 }

 @media(max-width:768px) {
   .tab-header {
     display: flex;
     gap: 14px;
     margin-bottom: 35px;
     flex-wrap: wrap;
     padding-left: 0;
     justify-content: center;
   }

   .hero-curve {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 80px !important;
     z-index: 2;
   }

   .overlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.65);
     backdrop-filter: blur(4px);
     display: none;
     align-items: center;
     justify-content: center;
     z-index: 9999;
     padding: 10px;
   }

   .top h1 {
     font-size: 38px !important;
     color: #64df2b;
     margin: 12px 0;
   }

   .hero p {
     color: #64df2b;
     margin-top: 8px;
     font-weight: 800;
     font-size: 19px !important;
   }

   .hero-features {
     flex-direction: row;
     gap: 10px;
   }
 }


 .practical-courses {
   padding: 0px 0px 65px;
   background: #fff;
 }

 .section-title {
   font-weight: 700;
 }

 .section-title span {
   color: #4f6ef7
 }

 /* Tabs */
 .course-tabs {
   display: flex;
   justify-content: center;
   gap: 10px;
   flex-wrap: wrap
 }

 .course-tab {
   padding: 6px 18px;
   border-radius: 20px;
   border: 1px solid #ddd;
   background: #fff;
   font-size: 14px;
   cursor: pointer
 }

 .course-tab.active {
   background: #4f6ef7;
   color: #fff;
   border-color: #4f6ef7
 }

 /* Tabs content */
 .tab-content {
   display: none
 }

 .tab-content.active {
   display: block
 }

 /* Cards */
 .course-card {
   border-radius: 18px;
   overflow: hidden;
   color: #fff;
   height: 100%;
   box-shadow: 0 12px 30px rgba(0, 0, 0, .12)
 }

 .course-card.blue {
   background: linear-gradient(180deg, #081d40, #081d40);
 }

 .course-card.teal {
   background: linear-gradient(180deg, #081d40, #081d40);
 }

 .course-card.purple {
   background: linear-gradient(180deg, #081d40, #081d40);
 }

 .course-card.green {
   background: linear-gradient(180deg, #081d40, #081d40);
 }

 .course-card.dark {
   background: linear-gradient(180deg, #081d40, #081d40);
 }

 .card-top {
   padding: 16px;
   font-size: 13px
 }

 .card-top i {
   font-size: 22px
 }

 .card-img {
   padding: 12px
 }

 .card-img img {
   width: 100%;
   border-radius: 14px
 }

 .card-title {
   padding: 12px 16px;
   font-weight: 600
 }

 .card-meta {
   padding: 0 16px 10px;
   display: flex;
   justify-content: space-between;
   font-size: 13px;
   opacity: .9
 }

 .card-price {
   background: #4f6ef7;
   text-align: center;
   padding: 12px;
   font-weight: 600
 }


 .why-webveda-section {
   background: #f6f8fe;
   padding: 80px 0;
 }

 /* MAIN HEADING */
 .main-heading {
   font-weight: 700;
 }

 .blue-1 {
   color: #4f6ef7;
 }

 .dark-1 {
   color: #0b1c39;
 }

 /* BOX */
 .why-box {
   /* background:#fff; */
   border-radius: 16px;
   padding: 40px 25px;
   text-align: center;
   height: 100%;
   /* box-shadow:0 10px 30px rgba(0,0,0,.06); */
   transition: .3s;
 }

 .why-box:hover {
   transform: translateY(-6px);
 }

 /* ICON */
 .icon-box {
   width: 80px;
   height: 80px;
   margin: 0 auto 20px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .icon-box i {
   font-size: 38px;
   color: #4f6ef7;
 }

 /* BOX HEADING */
 .why-box h5 {
   font-weight: 600;
   margin-bottom: 12px;
 }

 /* TEXT */
 .why-box p {
   /* font-size: 14px; */
   color: #333;
   line-height: 1.7;
 }


 .who-webveda {
   padding: 90px 0;
background: /* TOP LIGHT FADE */ linear-gradient(180deg, rgb(12 43 94 / 91%) 0%, rgb(12 43 94 / 78%) 35%, rgba(6, 26, 56, 0.95) 70%, rgba(6, 26, 56, 1) 100%), /* EDGE DARKENING */ radial-gradient(ellipse at top center, rgba(255, 255, 255, 0.08) 0%, rgba(6, 26, 56, 0.6) 45%, rgba(6, 26, 56, 1) 85%), /* IMAGE */ url(images/bg-cgp.jpeg);
   /* background-size: 22px 22px, cover; */
 }

 .section-title {
   font-weight: 700;
   font-size: 36px;
 }

 .section-title .blue {
   color: #4f6ef7;
 }

 .section-title .white {
   color: #fff;
 }

 .who-card {
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.15);
   border-radius: 18px;
   padding: 35px 30px;
   height: 100%;
   transition: .3s;
 }

 .who-card:hover {
   border-color: #4f6ef7;
   transform: translateY(-6px);
 }

 .who-card i {
   font-size: 32px;
   color: #4f6ef7;
   margin-bottom: 20px;
   display: inline-block;
 }

 .who-card h5 {
   color: #fff;
   font-weight: 600;
   margin-bottom: 10px;
 }

 .who-card p {
   color: #cfd8ff;
   /* font-size: 14px; */
   line-height: 1.7;
 }



 h3.footer-logo img {
   width: 20%;
 }

 .webveda-footer {
   background: radial-gradient(120% 120% at 50% 0%, #0b2a5b 0%, #071b3a 55%, #041225 100%);
   color: #cfd8e3;
   padding: 70px 0 30px;
   font-family: "Rethink Sans", sans-serif;
 }

 .footer-logo {
   color: #4d79ff;
   font-weight: 700;
   font-size: 26px;
 }

 .footer-logo span {
   color: #ffffff;
 }

 .footer-logo small {
   display: block;
   font-size: 12px;
   font-weight: 400;
   color: #8fa3c9;
   margin-top: 2px;
 }

 .footer-desc {
   max-width: 520px;
   /* font-size: 14px; */
   line-height: 1.8;
   margin-top: 16px;
   color: #c9d4f0;
 }

 .footer-title {
   /* font-size: 14px; */
   margin-bottom: 10px;
   color: #ffffff;
 }

 .footer-icons {
   display: flex;
   gap: 18px;
   justify-content: flex-end;
 }

 .footer-icons i {
   font-size: 20px;
   color: #ffffff;
   cursor: pointer;
   transition: 0.3s;
 }

 .footer-icons i:hover {
   transform: translateY(-3px);
   color: #4d79ff;
 }

 .footer-divider {
   border-color: rgba(255, 255, 255, 0.15);
   margin: 40px 0 25px;
 }

 .footer-bottom p {
   /* font-size: 13px; */
   color: #b7c6e3;
 }

 .footer-links a {
   /* font-size: 13px; */
   color: #8fa3c9;
   margin-left: 18px;
   text-decoration: none;
 }

 .footer-links a:hover {
   color: #ffffff;
 }

 /* MOBILE */
 @media(max-width:768px) {
   .footer-right {
     text-align: left;
     margin-top: 30px;
   }

   .footer-icons {
     justify-content: flex-start;
   }

   .footer-links {
     text-align: left;
     margin-top: 12px;
   }

   .footer-links a {
     margin-left: 0;
     margin-right: 12px;
   }
 }

 .founder-section {
   background: #fff;
 }

 .founder-title {
   font-size: 38px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .founder-title span {
   color: #3F60E8;
 }

 .founder-section p {
   color: #333;
   line-height: 1.7;
   font-size: 16px;
 }

 .social-box {
   background: #F4F7FF;
   padding: 18px 22px;
   border-radius: 12px;
   /* display:inline-block; */
 }

 .social-box h5 {
   color: #3F60E8;
   margin-bottom: 12px;
   font-weight: 600;
 }

 .social-icons {
   /* display:flex; */
   gap: 14px;
   font-size: 25px;
   color: #3F60E8;
 }

 .social-icons i {
   margin: 10px;
 }

 .blob-wrap {
   position: relative;
   width: 420px;
   max-width: 100%;
   margin: auto;
 }

 .blob-svg {
   width: 100%;
 }

 .founder-img {
   position: absolute;
   bottom: 24px;
   right: 40px;
   width: 470px;
   z-index: 2;
 }

 .image-box {
   max-width: 420px;
   width: 100%;
   position: relative;
 }

 .image-box img {
   width: 100%;
   border-radius: 18px;
   transition: opacity 0.6s ease;
   opacity: 1;
 }

 .image-box img.fade-out {
   opacity: 0;
 }

 .quote-box {
   text-align: center;
   overflow: hidden;
 }

 .quote-text,
 .quote-author {
   display: block;
   opacity: 0;
   transform: translateY(30px);
 }

 /* animation */
 @keyframes slideUp {
   from {
     opacity: 0;
     transform: translateY(30px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .counter-orbit-box {
   position: relative;
   background: #fff;
   border: 1.5px solid #4f6ef7;
   border-radius: 20px;
   padding: 70px 40px;
   text-align: center;
   overflow: hidden;
 }

 /* CENTER */
 .counter-center h1 {
   font-size: 42px;
   color: #4f6ef7;
   font-weight: 700;
 }

 .counter-center p {
   font-size: 15px;
 }

 /* ORBITS */
 .orbit {
   position: absolute;
   border: 1px solid rgba(79, 110, 247, 0.15);
   border-radius: 50%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .orbit-1 {
   width: 360px;
   height: 360px;
 }

 .orbit-2 {
   width: 500px;
   height: 500px;
 }

 /* AVATARS */
 .avatar {
   position: absolute;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   overflow: hidden;
   border: 2px solid #4f6ef7;
   background: #fff;
 }

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

 /* POSITIONING */
 .a1 {
   top: 10%;
   left: 15%;
 }

 .a2 {
   top: 20%;
   right: 20%;
 }

 .a3 {
   top: 50%;
   right: 10%;
 }

 .a4 {
   bottom: 15%;
   right: 25%;
 }

 .a5 {
   bottom: 10%;
   left: 20%;
 }

 .a6 {
   top: 50%;
   left: 8%;
 }

 .a7 {
   top: 7%;
   left: 45%;
 }

 .a8 {
   bottom: 9%;
   left: 46%;
 }






 /* NAV BUTTONS */
 .nav-btns {
   position: absolute;
   bottom: 20px;
   left: 20px;
   display: flex;
   gap: 10px;
 }

 .nav-btns button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #6ac836;
    color: #ffffff;
    font-size: 35px;
    line-height: 14px;
    cursor: pointer;
 }

 .nav-btns button:hover {
   background: #4f6ef7;
 }

 .student-voice {
   background: #f6f8fe;
   padding: 90px 0;
 }

 .section-heading {
   font-weight: 700;
 }

 .section-heading span {
   color: #4f6ef7;
 }


 /* COUNTER */
 .counter-box {
   background: #fff;
   border-radius: 18px;
   padding: 40px;
   text-align: center;
   border: 1px solid #dbe3ff;
 }

 .counter-box h1 {
   color: #4f6ef7;
   font-size: 42px;
 }

 /* QUOTE BOX */
 .quote-box {
   background: #4f6ef7;
   color: #fff;
   border-radius: 18px;
   padding: 40px;
   height: 100%;
   font-size: 18px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
 }

 /* IMAGE BOX */
 .image-box {
   border-radius: 18px;
   overflow: hidden;
   height: 100%;
 }

 .image-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }


 .testimonial-box {
   background: linear-gradient(180deg, #0b1e3c, #09152e);
   border-radius: 22px;
   padding: 35px 28px;
   position: relative;
   overflow: hidden;
   height: 100%;
   color: #fff;
       height: 100%;

 }

 /* slide — JS friendly */
 .testimonial-slide {
   display: none;
   position: relative;
 }

 .testimonial-slide.active {
   display: block;
 }

 /* text */
 .testimonial-slide h1 {
   font-size: 32px;
   font-weight: 800;
   color: #4f78ff;
 }

 .testimonial-slide small {
   color: #9fb4ff;
 }

 .testimonial-text {
   margin: 22px 0;
   line-height: 1.6;
   /* font-size: 15px; */

 }

 .testimonial-slide strong {
   display: block;
   margin-top: 10px;
 }

 .testimonial-slide span {
   font-size: 13px;
   color: #a8b8ff;
 }

 /* IMAGE — EXACT SCREENSHOT STYLE */
 .testimonial-img {
   position: absolute;
   right: -30px;
   top: 280px;
   height: 260px;
   object-fit: cover;
   pointer-events: none;
 }

 p.quote-text {
   font-size: 20px;
 }

 /* arrows */
 .nav-btns {
   position: absolute;
   bottom: 25px;
   left: 25px;
   display: flex;
   gap: 12px;
 }

 .nav-btns button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background:  #4f78ff;
    color: #ffffff;
    font-size: 35px;
    line-height: 14px;
    cursor: pointer;
 }

 .nav-btns button:hover {
   background: #6ac836;
 }

 /* mobile */
 @media(max-width:768px) {
   .testimonial-text {
     max-width: 100%;
   }

   .testimonial-box {
     padding-bottom: 260px;
   }

   .testimonial-img {
     right: 0;
     bottom: 0;
     top: 101%;
     height: 257px;
   }

   .counter-center h1 {
     font-size: 28px !important;
     color: #4f6ef7;
     font-weight: 700;
   }

   .counter-center p {
     font-size: 9px !important;
   }
 }

 .who-card img {
   width: 25%;
   padding-bottom: 10px;
 }


 /* OVERLAY */
 .overlay {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.65);
   backdrop-filter: blur(4px);
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 9999;
 }

 /* POPUP */
 .popup {
   width: 620px;
   border-radius: 18px;
   overflow: hidden;
   background: #fff;
   position: relative;
   animation: zoom 0.4s ease;
 }

 @keyframes zoom {
   from {
     transform: scale(0.9);
     opacity: 0;
   }

   to {
     transform: scale(1);
     opacity: 1;
   }
 }

 /* CLOSE */
 .close {
   position: absolute;
   top: 14px;
   right: 16px;
   font-size: 22px;
   color: #fff;
   cursor: pointer;
 }

 /* TOP */
 .top {
   background: linear-gradient(135deg, #0b2a3f, #0e3a5c);
   color: #fff;
   padding: 32px;
   text-align: center;
 }

 .top img {
   height: 70px;
   margin-bottom: 14px;
 }

 .top h3 {
   font-style: italic;
   font-weight: 400;
 }

 .top h1 {
   font-size: 42px;
   color: #64df2b;
   margin: 12px 0;
 }

 .top span {
   font-weight: 700;
 }

 .top p {
   margin: 6px 0;
   opacity: 0.9;
 }

 /* BOTTOM */
 .bottom {
   padding: 24px;
   text-align: center;
 }

 .bottom h4 {
   margin-bottom: 16px;
 }

 .timer {
   display: flex;
   justify-content: space-between;
   margin-bottom: 20px;
 }

 .timer div {
   width: 22%;
   background: #0b2a3f;
   color: #64df2b;
   padding: 5px;
   border-radius: 8px;
 }

 .timer b {
   display: block;
   font-size: 22px;
 }

 .timer small {
   color: #fff;
 }

 .btn {
   background: #1e88e5;
   color: #fff;
   border: none;
   padding: 14px 30px;
   border-radius: 8px;
   font-weight: bold;
   cursor: pointer;
 }

 .decline {
   margin-top: 12px;
   font-size: 13px;
   color: #777;
   cursor: pointer;
 }


 .image-popup {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.8);
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 9999;
 }

 .image-popup img {
   max-width: 90%;
   max-height: 90%;
   border-radius: 10px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
 }

 .close-popup {
   position: absolute;
   top: 20px;
   right: 30px;
   font-size: 35px;
   color: #fff;
   cursor: pointer;
 }


 .faq-section {
   padding: 80px 0;
   background: #f6f8fe;
 }

 .faq-section {
   position: relative;
   padding: 80px 0;
 }



 /* LEFT SIDE FIX */
 .faq-left {
   flex: 0 0 35%;
   position: sticky;
   top: 120px;
   /* header ke niche */
   align-self: flex-start;
 }

 /* RIGHT SIDE */
 .faq-right {
   flex: 1;
 }

 @media (max-width: 900px) {
   .faq-container {
     flex-direction: column;
   }

   .faq-left {
     position: static;
   }
 }

 .faq-container {
   max-width: 1120px;
   margin: auto;
   display: flex;
   gap: 60px;
 }

 .faq-left {
   flex: 0 0 35%;
   position: sticky;
   top: 120px;
 }

 .faq-left h2 {
   font-size: 42px;
   font-weight: 700;
 }

 .faq-left span {
   color: #3b5cff;
 }

 .faq-right {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .faq-item {
   border: 1.5px solid #3b5cff;
   border-radius: 12px;
 }

 .faq-question {
   padding: 18px 22px;
   display: flex;
   justify-content: space-between;
   cursor: pointer;
 }

 .faq-q-left {
   display: block;
   align-items: center;
   gap: 14px;
 }

 .faq-q-left p {
   margin-bottom: 0rem;
   font-weight: 700;
   font-size: 18px;
 }

 .faq-icon {
   color: #3b5cff;
   font-size: 27px;
   padding-bottom: 10px;
 }

 .faq-toggle {
   color: #3b5cff;
   font-size: 20px;
   transition: 0.3s;
 }

 .faq-answer {
   max-height: 0;
   overflow: hidden;
   padding: 0 22px;
   transition: 0.3s ease;
 }

 .faq-item.active .faq-answer {
   max-height: 160px;
 }

 .faq-item.active .faq-toggle {
   transform: rotate(45deg);
 }

 @media (max-width: 900px) {
   .faq-container {
     flex-direction: column;
   }

   .faq-left {
     position: static;
   }
 }

 /* ===============================
   CGP Code of Conduct Section
================================ */
 .cgp-conduct {
   padding: 70px 0px;
   background: #fff;
 }

 /* ---------- Header ---------- */
 .cgp-conduct .tag {
   display: inline-block;
   padding: 6px 16px;
   /* font-size: 13px; */
   font-weight: 600;
   background: #e7f0ff;
   color: #0d6efd;
   border-radius: 20px;
 }

 .cgp-conduct h2 {
   font-size: 32px;
   font-weight: 700;
 }

 .cgp-conduct p {
   color: #555;
   /* font-size: 15px; */
   line-height: 1.7;
 }

 /* ---------- Cards ---------- */
 .conduct-card {
   background: #ffffff;
   padding: 28px 26px;
   border-radius: 18px;
   height: 100%;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
   overflow: hidden;
   /* 🔒 prevents overlap */
 }

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

 .conduct-card h4 {
   margin: 18px 0 14px;
   font-size: 20px;
   font-weight: 600;
   color: #222;
 }

 .conduct-card ul {
   margin: 0;
   padding-left: 18px;
 }

 .conduct-card ul li {
   margin-bottom: 10px;
   /* font-size: 14.5px; */
   line-height: 1.6;
   color: #444;
 }

 /* ---------- Icon Box ---------- */
 .icon-box1 {
   width: 56px;
   height: 56px;
   border-radius: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 22px;
   color: #ffffff;
 }

 /* Color Variants */
 .icon-box1.blue {
   background: #0d6efd;
 }

 .icon-box1.green {
   background: #198754;
 }

 .icon-box1.orange {
   background: #fd7e14;
 }

 .icon-box1.purple {
   background: #6f42c1;
 }

 /* ---------- Pledge ---------- */
 .conduct-pledge {
   background: #081e41;
   border-left: 5px solid #027ec5;
   padding: 20px 22px;
   border-radius: 12px;
   display: flex;
   gap: 14px;
   align-items: flex-start;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
 }

 .conduct-pledge i {
   color: #027ec5;
   font-size: 22px;
   margin-top: 4px;
 }

 .conduct-pledge p {
   margin: 0;
   /* font-size: 14.5px; */
   color: #ffffff;
   line-height: 1.6;
 }

 /* ---------- Responsive ---------- */
 @media (max-width: 767px) {
   .cgp-conduct {
     padding: 50px 10px;
   }

   .cgp-conduct h2 {
     font-size: 26px;
   }

   .conduct-card {
     padding: 22px 18px;
   }

   .icon-box1 {
     width: 48px;
     height: 48px;
     font-size: 20px;
   }
 }

 .icon-box1 {
   width: 65px;
   height: 65px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .feature-item1 {
   padding: 0 !important;
 }

 .bg-hover-s {
   padding: 28px 22px;
   border-radius: 16px;
   background: transparent;
   transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
   cursor: pointer;
 }

 /* 🔥 PURE BOX HOVER */
 .bg-hover-s:hover {
   background-color: #f4f7ff;
   /* yahan jo color chaho */
   box-shadow: 0 14px 40px rgba(0, 0, 0, 0.12);
   transform: translateY(-6px);
 }

 .feature-item {
   background: #fff;
   border-radius: 14px;
   margin-bottom: 18px;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
   overflow: hidden;
       height: 100%;
 }

 .feature-header {
   padding: 18px 22px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
 }

 .feature-header h4 {
   margin: 0;
   font-size: 18px;
   font-weight: 600;
   display: flex;
   gap: 10px;
   align-items: center;
 }

 .feature-header i {
   color: #0d6efd;
 }

 .read-toggle {
   background: #0d6efd;
   color: #fff;
   border: none;
   padding: 6px 14px;
   border-radius: 20px;
   font-size: 13px;
   cursor: pointer;
 }

 .feature-content {
   max-height: 0;
   overflow: hidden;
   transition: all 0.4s ease;
   padding: 0px 40px;
 }

 .feature-content ul {
   padding: 0px 0;
   margin: 0;
 }

 .feature-content li {
   margin-bottom: 10px;
   /* font-size: 14.5px; */
   line-height: 1.6;
   color: #444;
 }

 /* OPEN STATE */
 .feature-item.active .feature-content {
   max-height: 600px;
 }

 .feature-item.active .read-toggle i {
   transform: rotate(180deg);
 }

 .blob-wrap {
   position: relative;
   width: 100%;
   max-width: 420px;
   margin: auto;
 }

 .blob-svg {
   width: 100%;
   height: auto;
 }

 .marquee-box {
   height: 600px;
   overflow: hidden;
   position: relative;
 }

 /* 🔥 SPEED SLOW KI */
 .marquee-track {
   display: flex;
   flex-direction: column;
   gap: 16px;
   animation: marqueeUp 40s linear infinite;
   /* ⬅️ 18s → 40s */
 }

 .marquee-track img {
   width: 100%;
   max-width: 460px;
   margin: auto;
   border-radius: 14px;
   object-fit: cover;
   flex-shrink: 0;
 }

 /* 🖱️ HOVER PE PAUSE */
 .marquee-box:hover .marquee-track {
   animation-play-state: paused;
 }

 /* 🔁 BOTTOM → TOP CONTINUOUS */
 @keyframes marqueeUp {
   0% {
     transform: translateY(0);
   }

   100% {
     transform: translateY(-50%);
   }
 }


 /* STRIP BACKGROUND */
 .feature-strip {
   /* background: #fff; */
   position: relative;
   padding: 80px 0 70px;
   margin-top: -195px;
   z-index: 5;
   /* ANGLED SIDES */
   /* clip-path: polygon(
    0 0,
    100% 0,
    96% 100%,
    4% 100%
  ); */
 }

 /* FEATURE ITEM */
 .feature-item {
   padding: 40px 20px;
 }

 .feature-icon {
   width: 72px;
   height: 72px;
   margin: 0 auto 15px;
   border-radius: 50%;
   background: #0b2b5c;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 3px solid #1e88e5
 }

 .feature-icon i {
   color: #fff;
   font-size: 28px;
 }

 .feature-item h6 {
   font-weight: 600;
   margin-bottom: 6px;
 }

 .feature-item p {
   /* font-size: 13px; */
   color: #666;
   margin: 0;
 }

 /* MOBILE FIX */
 @media (max-width: 767px) {
   .feature-strip {
     clip-path: none;
     border-radius: 30px 30px 0 0;
     margin-top: -60px;
   }
 }


 .partner-section {
   padding: 90px 0;
   background: linear-gradient(135deg, #081d3e, #081d3e, #4f6ef7);
   color: #fff;
 }

 .partner-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(262px, 1fr));
   gap: 25px;
 }

 .partner-card i {
   color: #4f6ef7;
 }

 .partner-card {
   background: rgba(255, 255, 255, 0.12);
   backdrop-filter: blur(10px);
   padding: 30px;
   border-radius: 18px;
   transition: .4s;
 }

 .partner-card i {
   font-size: 30px;
   margin-bottom: 15px;
 }

 .partner-card:hover {
   transform: translateY(-8px);
   background: rgba(255, 255, 255, 0.22);
 }

 .scope-section {
   padding: 90px 0;
   background: #fff;
 }

 .timeline {
   border-left: 3px solid #1e4fd6;
   padding-left: 30px;
 }

 .timeline-item {
   display: flex;
   gap: 20px;
   margin-bottom: 35px;
 }

 .timeline-item i {
   color: #1e4fd6;
   font-size: 26px;
 }

 .earning-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #070b1a, #0c1633);
  color: #fff;
}

.earning-highlight {
  background: linear-gradient(135deg, #1e4fd6, #142a6b);
  padding: 28px;
  border-radius: 18px;
  margin-bottom: 50px;
  box-shadow: 0 10px 35px rgba(30,79,214,0.35);
}

/* CARD */
.earning-card {
  background: #0f1b3a;
  padding: 40px 25px;
  border-radius: 22px;
  text-align: center;
  height: 100%;
  transition: all 0.4s ease;
  border: 1px solid rgba(255,255,255,0.08);
  position: relative;
  overflow: hidden;
}

.earning-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.15), transparent);
  opacity: 0;
  transition: .4s;
}

.earning-card:hover::before {
  opacity: 1;
}

.earning-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.6);
}

/* ICON CIRCLE */
.earning-card .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background: rgba(255,255,255,0.08);
}

/* ICON COLORS */
.icon.red i { color: #ff5c5c; }
.icon.yellow i { color: #ffd54f; }
.icon.green i { color: #4caf50; }
.icon.blue i { color: #42a5f5; }

/* TEXT */
.earning-card h6 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
}

.earning-card p {
  font-size: 15px;
  color: #cfd6ff;
  margin: 0;
}

 .tab-header {
   display: flex;
   gap: 14px;
   margin-bottom: 35px;
   flex-wrap: wrap;
   padding-left: 0;
 }

 .tab-header li {
   list-style: none;
   padding: 12px 20px;
   border-radius: 12px;
   background: #f2f4f8;
   color: #555;
   font-weight: 600;
   font-size: 15px;
   cursor: default;
   box-shadow: inset 0 0 0 1px #e2e5ec;
   transition: all .3s ease;
 }

 /* ACTIVE TAB */
 .tab-header li.active {
   background: linear-gradient(135deg, #081e41d4, #081e41);
   color: #fff;
   box-shadow:
     0 10px 25px rgba(63, 96, 232, .35),
     inset 0 0 0 1px rgba(255, 255, 255, .2);
   transform: translateY(-2px);
 }

 .tab {
   display: none;
   background: #ffffff;
   padding: 40px 35px;
   border-radius: 18px;
   box-shadow:
     0 18px 40px rgba(0, 0, 0, .08);
   animation: fadeUp .4s ease;
 }

 .tab.active {
   display: block;
 }

 /* ENTRY ANIMATION */
 @keyframes fadeUp {
   from {
     opacity: 0;
     transform: translateY(20px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .form-control {
   height: 48px;
   border-radius: 10px;
   border: 1px solid #dfe3ec;
   padding: 0 14px;
   /* font-size: 14px; */
   margin: 10px 0;
 }

 section.cgp-form.py-5 {
   background: #0375b9;
 }

 .form-control:focus {
   border-color: #3f60e8;
   box-shadow: 0 0 0 3px rgba(63, 96, 232, .15);
 }

 .btn {
   padding: 12px 28px;
   border-radius: 12px;
   font-weight: 600;
   /* font-size: 14px; */
 }

 .btn.next {
   background: #3f60e8;
   color: #fff;
   border: none;
 }

 .btn.back {
   background: linear-gradient(135deg, rgb(63, 96, 232), rgb(95, 124, 255));
   border: none;
 }

 .btn.next:hover {
   background: #2f4edc;
 }

 .btn.submit {
   background: linear-gradient(90deg, #071a36, #0a2a63);
   color: #fff;
   border: none;
 }

 .btns {
   display: flex;
   justify-content: space-between;
   margin-top: 30px;
 }

 @media (min-width: 1400px) and (max-width: 1920px) {
 .testimonial-img {
    position: absolute;
    right: -18px;
    top: 100%;
    height: 320px;
    object-fit: cover;
    pointer-events: none;
    bottom: 0;
}
}