:root {
      --primary: #124a97;
      --primary-dark: #0d3a78;
      --primary-light: #1a5bc7;
      --primary-xlight: #e8f0fb;
      --accent: #f5a623;
      --accent2: #ff6b35;
      --white: #ffffff;
      --light-bg: #f7f9ff;
      --light-bg2: #eef2fc;
      --text-dark: #0d1b3e;
      --text-mid: #3d5080;
      --text-muted: #7a8ab5;
      --border: #d8e2f5;
      --shadow: 0 4px 24px rgba(18, 74, 151, .10);
      --shadow-lg: 0 12px 40px rgba(18, 74, 151, .15);
      --radius: 14px;
      --radius-sm: 8px
    }

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

    html {
      scroll-behavior: smooth
    }

    body {
      font-family: 'Roboto', sans-serif;
      background: #fff;
      color: var(--text-dark);
      overflow-x: hidden;
      line-height: 1.65;
      font-size: 14px
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: 'PT Serif', Georgia, serif;
      font-weight: 700;
      line-height: 1.15;
      color: var(--text-dark)
    }

    .owlimg {
      width: 100% !important;
      height: 90px;
      object-fit: scale-down;
      background-color: #fff;
      padding: 15px;
      border-radius: 15px;
    }

    /* ── NAVBAR ── */
    .site-navbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      background: rgba(255, 255, 255, .98);
      backdrop-filter: blur(18px);
      border-bottom: 2px solid var(--border);
      box-shadow: 0 2px 20px rgba(18, 74, 151, .07);
      transition: all .3s
    }

    .site-navbar.scrolled {
      box-shadow: 0 4px 30px rgba(18, 74, 151, .14)
    }

    .navbar-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
      gap: 12px
    }

    .nav-logo {
      display: flex;
      align-items: center;
      text-decoration: none;
      flex-shrink: 0
    }

    .nav-logo img {
      height: 36px;
      width: auto;
      display: block
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 2px;
      list-style: none;
      padding: 0;
      margin: 0
    }

    .nav-links li a {
      display: block;
      padding: 8px 13px;
      border-radius: 7px;
      font-weight: 500;
      font-size: .82rem;
      color: var(--text-mid);
      text-decoration: none;
      transition: all .2s;
      white-space: nowrap;
      position: relative
    }

    .nav-links li a::after {
      content: '';
      position: absolute;
      bottom: 4px;
      left: 50%;
      right: 50%;
      height: 2px;
      background: var(--primary);
      border-radius: 2px;
      transition: all .25s
    }

    .nav-links li a:hover {
      color: var(--primary);
      background: var(--primary-xlight)
    }

    .nav-links li a:hover::after {
      left: 13px;
      right: 13px
    }

    .nav-links li a.active {
      color: var(--primary);
      background: var(--primary-xlight);
      font-weight: 700
    }

    .nav-cta {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0
    }

    .btn-nav-apply {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 9px 20px;
      border-radius: 7px;
      border: none;
      background: var(--primary);
      color: #fff;
      font-weight: 700;
      font-size: .82rem;
      text-decoration: none;
      transition: all .2s;
      white-space: nowrap;
      box-shadow: 0 3px 14px rgba(18, 74, 151, .28);
      cursor: pointer
    }

    .btn-nav-apply:hover {
      background: var(--primary-dark);
      transform: translateY(-1px);
      color: #fff
    }

    .nav-toggler {
      display: none;
      width: 42px;
      height: 42px;
      border-radius: 8px;
      border: 1.5px solid var(--border);
      background: #fff;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 5px;
      cursor: pointer;
      flex-shrink: 0;
      transition: all .2s
    }

    .nav-toggler span {
      display: block;
      width: 22px;
      height: 2px;
      background: var(--text-dark);
      border-radius: 2px;
      transition: all .3s
    }

    .nav-toggler:hover {
      border-color: var(--primary);
      background: var(--primary-xlight)
    }

    .nav-toggler.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg)
    }

    .nav-toggler.open span:nth-child(2) {
      opacity: 0;
      transform: scaleX(0)
    }

    .nav-toggler.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg)
    }

    .mobile-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #fff;
      border-top: 2px solid var(--border);
      border-bottom: 2px solid var(--border);
      box-shadow: 0 12px 32px rgba(18, 74, 151, .12);
      animation: slideDown .3s ease
    }

    @keyframes slideDown {
      from {
        opacity: 0;
        transform: translateY(-8px)
      }

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

    .mobile-menu.open {
      display: block
    }

    .mobile-nav-links {
      list-style: none;
      padding: 8px 16px 12px;
      margin: 0
    }

    .mobile-nav-links li {
      border-bottom: 1px solid var(--border)
    }

    .mobile-nav-links li:last-child {
      border-bottom: none
    }

    .mobile-nav-links li a {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px 6px;
      font-weight: 500;
      font-size: .88rem;
      color: var(--text-mid);
      text-decoration: none;
      transition: color .2s
    }

    .mobile-nav-links li a i {
      color: var(--primary);
      width: 16px;
      text-align: center;
      font-size: .85rem
    }

    .mobile-nav-links li a:hover {
      color: var(--primary)
    }

    .mobile-cta {
      display: flex;
      gap: 10px;
      padding: 12px 16px 16px;
      flex-wrap: wrap
    }

    .mobile-cta a {
      flex: 1;
      min-width: 140px;
      text-align: center;
      justify-content: center
    }

    /* ── HERO ── */
    .hero-section {
      min-height: 95vh;
      padding: 140px 0 60px;
      background: linear-gradient(135deg, #f0f5ff 0%, #e8f0fb 50%, #f7f9ff 100%);
      position: relative;
      overflow: hidden
    }

    #particles-js {
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none
    }

    .hero-section .container {
      position: relative;
      z-index: 1
    }

    .hero-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 16px;
      border-radius: 30px;
      background: rgba(18, 74, 151, .1);
      border: 1.5px solid rgba(18, 74, 151, .2);
      font-size: .72rem;
      font-weight: 600;
      color: var(--primary);
      text-transform: uppercase;
      letter-spacing: 1.5px;
      margin-bottom: 20px
    }

    .hero-tag .dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--accent);
      animation: blink 1.5s infinite
    }

    @keyframes blink {

      0%,
      100% {
        opacity: 1
      }

      50% {
        opacity: .2
      }
    }

    .hero-title {
      font-size: clamp(2.2rem, 5vw, 3.1rem);
      font-weight: 900;
      line-height: 1.3;
      color: var(--text-dark);
      margin-bottom: 18px;
      letter-spacing: -1px
    }

    .hero-title .highlight {
      color: var(--primary);
      position: relative;
      display: inline-block
    }

    .hero-title .highlight::after {
      content: '';
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--accent), var(--accent2));
      border-radius: 2px
    }

    .hero-sub {
      font-size: .95rem;
      color: var(--text-mid);
      max-width: 540px;
      margin-bottom: 24px;
      line-height: 1.7
    }

    .hero-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 28px
    }

    .chip {
      padding: 5px 12px;
      border-radius: 20px;
      background: #fff;
      border: 1.5px solid var(--border);
      font-size: .75rem;
      color: var(--text-mid);
      font-weight: 500;
      box-shadow: var(--shadow)
    }

    .chip i {
      color: var(--primary);
      margin-right: 5px
    }

    .btn-primary-custom {
      padding: 13px 28px;
      border-radius: var(--radius-sm);
      border: none;
      cursor: pointer;
      background: var(--primary);
      color: #fff;
      font-weight: 700;
      font-size: .9rem;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all .25s;
      box-shadow: 0 4px 20px rgba(18, 74, 151, .3)
    }

    .btn-primary-custom:hover {
      background: var(--primary-dark);
      transform: translateY(-2px);
      box-shadow: 0 8px 30px rgba(18, 74, 151, .4);
      color: #fff
    }

    .btn-outline-custom {
      padding: 13px 28px;
      border-radius: var(--radius-sm);
      cursor: pointer;
      background: transparent;
      color: var(--primary);
      font-weight: 700;
      font-size: .9rem;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 2px solid var(--primary);
      transition: all .25s
    }

    .btn-outline-custom:hover {
      background: var(--primary);
      color: #fff;
      transform: translateY(-2px)
    }

    .trust-row {
      display: flex;
      gap: 20px;
      margin-top: 24px;
      flex-wrap: wrap
    }

    .trust-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: .78rem;
      color: var(--text-mid);
      font-weight: 500
    }

    .trust-icon {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: var(--primary-xlight);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: .7rem
    }

    /* ── LEAD CARD ── */
    .lead-card {
      background: #fff;
      border: 2px solid var(--border);
      border-radius: 20px;
      padding: 32px 28px;
      box-shadow: var(--shadow-lg);
      position: relative;
      overflow: hidden;
      max-width: 450px;
      margin: 0 auto;
    }

    .lead-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--primary), #2d6ee8)
    }

    .lead-card-title {
      font-size: 1.2rem;
      font-weight: 800;
      color: var(--text-dark);
      margin-bottom: 4px;
  text-align: center;
    }

    .lead-card-sub {
      font-size: .78rem;
      color: var(--text-muted);
      margin-bottom: 20pxp;
        text-align: center;
    }

    .form-label-custom {
      font-size: .73rem;
      font-weight: 600;
      color: var(--text-mid);
      margin-bottom: 5px;
      display: block;
      text-transform: uppercase;
      letter-spacing: .5px
    }

    .form-control-custom {
      width: 100%;
      padding: 10px 14px;
      border-radius: var(--radius-sm);
      border: 1.5px solid var(--border);
      background: var(--light-bg);
      color: var(--text-dark);
      font-family: 'Roboto', sans-serif;
      font-size: .85rem;
      transition: all .2s
    }

    .form-control-custom:focus {
      outline: none;
      border-color: var(--primary);
      background: #fff;
      box-shadow: 0 0 0 3px rgba(18, 74, 151, .1)
    }

    .form-control-custom::placeholder {
      color: var(--text-muted)
    }

    .btn-form-gold {
      width: 100%;
      padding: 13px;
      border-radius: var(--radius-sm);
      border: none;
      cursor: pointer;
      background: linear-gradient(135deg, var(--accent), #f7c045);
      color: var(--text-dark);
      font-weight: 800;
      font-size: .95rem;
      transition: all .25s;
      box-shadow: 0 4px 16px rgba(245, 166, 35, .35)
    }

    .btn-form-gold:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(245, 166, 35, .5)
    }

    .form-note-text {
      text-align: center;
      font-size: .72rem;
      color: var(--text-muted);
      margin-top: 10px
    }

    /* ── SECTION ── */
    .section-tag {
      display: inline-block;
      font-size: .7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: var(--primary);
      background: var(--primary-xlight);
      padding: 4px 12px;
      border-radius: 20px;
      margin-bottom: 12px;
      border: 1px solid rgba(18, 74, 151, .15)
    }

    .section-title {
      font-size: clamp(1.7rem, 3vw, 2.5rem);
      font-weight: 900;
      margin-bottom: 12px;
      letter-spacing: -.5px
    }

    .section-sub {
      font-size: .88rem;
      color: var(--text-muted);
      max-width: 520px
    }

    .divider-bar {
      width: 48px;
      height: 4px;
      background: linear-gradient(90deg, var(--primary), #2d6ee8);
      border-radius: 2px;
      margin: 14px 0
    }

    /* ── MARQUEE ── */
    .recruiter-strip {
      background: var(--primary);
      padding: 18px 0;
      overflow: hidden
    }

    .strip-inner {
      display: flex;
      gap: 40px;
      animation: marquee 22s linear infinite;
      width: max-content
    }

    .strip-inner:hover {
      animation-play-state: paused
    }

    @keyframes marquee {
      from {
        transform: translateX(0)
      }

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

    .recruiter-logo {
      font-weight: 700;
      font-size: .88rem;
      color: rgba(255, 255, 255, .7);
      white-space: nowrap;
      padding: 6px 18px;
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: 5px;
      display: flex;
      align-items: center;
      gap: 8px
    }

    .recruiter-logo:hover {
      color: #fff
    }

    /* ── DARK BG SECTION 1 (banner-005.webp) ── */
    .dark-bg-1 {
      position: relative;
      padding: 100px 0;
      color: #fff;
      overflow: hidden;
      background: url('https://cpur.in/wp-content/uploads/2023/07/banner-005.webp') center center/cover no-repeat
    }

    .dark-bg-1::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgb(10 30 70) 0%, rgb(18 74 151 / 88%) 100%);
    }

    .dark-bg-1 .container {
      position: relative;
      z-index: 1
    }

    .dark-bg-1 .section-tag {
      background: rgba(255, 255, 255, .15);
      color: #fff;
      border-color: rgba(255, 255, 255, .25)
    }

    .dark-bg-1 .section-title {
      color: #fff
    }

    .dark-bg-1 .section-title span {
      color: var(--accent)
    }

    .hook-body {
      max-width: 640px;
      margin: 16px auto 0;
      font-size: .95rem;
      color: rgba(255, 255, 255, .82);
      line-height: 1.8
    }

    .why-card-dark {
      background: rgba(255, 255, 255, .07);
      border: 1.5px solid rgba(255, 255, 255, .15);
      border-radius: var(--radius);
      padding: 28px 22px;
      transition: all .28s;
      height: 100%
    }

    .why-card-dark:hover {
      background: rgba(255, 255, 255, .13);
      transform: translateY(-5px)
    }

    .why-icon-dark {
      width: 50px;
      height: 50px;
      border-radius: 12px;
      background: rgba(255, 255, 255, .12);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 1.3rem;
      margin-bottom: 16px
    }

    .why-card-dark h4 {
      font-size: .95rem;
      font-weight: 800;
      margin-bottom: 12px;
      color: #fff
    }

    .why-card-dark ul {
      list-style: none;
      padding: 0
    }

    .why-card-dark ul li {
      font-size: .8rem;
      color: rgba(255, 255, 255, .75);
      padding: 3px 0 3px 16px;
      position: relative
    }

    .why-card-dark ul li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--accent)
    }

    /* ── DARK BG SECTION 2 (bg_12-1.jpg) ── */
    .dark-bg-2 {
      position: relative;
      padding: 100px 0;
      color: #fff;
      overflow: hidden;
      background: url('https://cpur.in/wp-content/uploads/2024/01/bg_12-1.jpg') center center/cover no-repeat
    }

    .dark-bg-2::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(8, 20, 55, .90) 0%, rgba(12, 58, 120, .82) 100%);
      z-index: 0
    }

    .dark-bg-2 .container {
      position: relative;
      z-index: 1
    }

    .dark-bg-2 .section-tag {
      background: rgba(255, 255, 255, .15);
      color: #fff;
      border-color: rgba(255, 255, 255, .25)
    }

    .dark-bg-2 .section-title {
      color: #fff
    }

    .dark-bg-2 .section-title span {
      color: var(--accent)
    }

    .stat-card-dark {
      background: rgba(255, 255, 255, .1);
      border: 1.5px solid rgba(255, 255, 255, .2);
      border-radius: var(--radius);
      padding: 28px 20px;
      text-align: center;
      backdrop-filter: blur(8px);
      transition: all .28s
    }

    .stat-card-dark:hover {
      background: rgba(255, 255, 255, .18);
      transform: translateY(-4px)
    }

    .stat-card-dark .stat-number {
      font-size: 2.2rem;
      font-weight: 900;
      color: var(--accent);
      line-height: 1;
      margin-bottom: 6px
    }

    .stat-card-dark .stat-label {
      font-size: .78rem;
      color: rgba(255, 255, 255, .8);
      font-weight: 500
    }

    .rec-badge-dark {
      padding: 8px 18px;
      border-radius: var(--radius-sm);
      background: rgba(255, 255, 255, .12);
      border: 1.5px solid rgba(255, 255, 255, .25);
      font-weight: 700;
      font-size: .88rem;
      color: #fff;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all .2s
    }

    .rec-badge-dark:hover {
      background: rgba(255, 255, 255, .22)
    }

    /* ── LIGHT SECTIONS ── */
    .light-section {
      background: #fff;
      padding: 80px 0
    }

    .alt-section {
      background: var(--light-bg);
      padding: 80px 0
    }

    /* ── SPEC CARDS ── */
    .spec-card {
      background: #fff;
      border: 2px solid var(--border);
      border-radius: var(--radius);
      padding: 28px 18px;
      text-align: center;
      cursor: pointer;
      transition: all .28s;
      height: 100%
    }

    .spec-card:hover {
      border-color: var(--primary);
      background: var(--primary);
      transform: translateY(-5px);
      box-shadow: var(--shadow-lg)
    }

    .spec-card:hover h4,
    .spec-card:hover p {
      color: #fff !important
    }

    .spec-card:hover .spec-icon-wrap {
      background: rgba(255, 255, 255, .2);
      color: #fff
    }

    .spec-icon-wrap {
      width: 64px;
      height: 64px;
      border-radius: 16px;
      background: var(--primary-xlight);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: 1.6rem;
      margin: 0 auto 16px;
      transition: all .28s
    }

    .spec-card h4 {
      font-size: .88rem;
      font-weight: 800;
      margin-bottom: 6px;
      transition: color .28s
    }

    .spec-card p {
      font-size: .75rem;
      color: var(--text-muted);
      transition: color .28s
    }

    /* ── INLINE FORM ── */
    .inline-form-section {
      background: var(--primary-xlight);
      border-top: 2px solid var(--border);
      border-bottom: 2px solid var(--border);
      padding: 60px 0
    }

    /* ── CAMPUS VIDEO ── */
    .campus-video-wrap {
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 16px 48px rgba(18, 74, 151, .2);
      position: relative;
      aspect-ratio: 16/9;
      width: 100%;
      border: 3px solid rgba(18, 74, 151, .15)
    }
    

    .campus-video-wrap iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      border: none
    }

    .campus-point {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 14px 0;
      border-bottom: 1.5px solid var(--border)
    }

    .campus-point:last-child {
      border-bottom: none
    }

    .campus-dot {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      flex-shrink: 0;
      background: var(--primary-xlight);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: 1rem
    }

    .campus-point-title {
      font-size: .9rem;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 2px
    }

    .campus-point-sub {
      font-size: .78rem;
      color: var(--text-muted)
    }

    /* ── TESTIMONIALS ── */
    .testi-card {
      background: #fff;
      border: 2px solid var(--border);
      border-radius: var(--radius);
      padding: 28px 24px;
      margin: 10px 8px;
      position: relative;
      overflow: hidden;
      transition: all .28s
    }

    .testi-card:hover {
      border-color: rgba(18, 74, 151, .3);
      box-shadow: var(--shadow-lg)
    }

    .testi-quote-icon {
      position: absolute;
      top: 16px;
      right: 20px;
      font-size: 3.5rem;
      color: var(--primary-xlight);
      line-height: 1;
      font-family: 'PT Serif', Georgia, serif;
      font-weight: 700
    }

    .testi-stars {
      color: var(--accent);
      font-size: .85rem;
      margin-bottom: 12px
    }

    .testi-text {
      font-size: .85rem;
      color: var(--text-mid);
      line-height: 1.7;
      margin-bottom: 20px
    }

    .testi-avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: var(--primary);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 1rem;
      flex-shrink: 0
    }

    .testi-name {
      font-weight: 700;
      font-size: .88rem;
      color: var(--text-dark)
    }

    .testi-pkg {
      font-size: .75rem;
      color: var(--primary);
      font-weight: 600
    }

    /* OWL nav fix */
    .owl-theme .owl-nav {
      margin-top: 22px;
      text-align: center
    }

    .owl-theme .owl-dots .owl-dot.active span {
      background: var(--primary)
    }

    .owl-theme .owl-dots .owl-dot span {
      background: var(--border)
    }

    .owl-theme .owl-nav [class*='owl-'] {
      background: #fff !important;
      color: var(--primary) !important;
      border: 2px solid var(--border) !important;
      border-radius: 50% !important;
      width: 42px !important;
      height: 42px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      font-size: 1rem !important;
      transition: all .2s !important;
      margin: 0 5px !important;
      line-height: 1 !important
    }

    .owl-theme .owl-nav [class*='owl-']:hover {
      background: var(--primary) !important;
      color: #fff !important;
      border-color: var(--primary) !important
    }

    /* ── STEPS ── */
    .steps-section {
      background: var(--light-bg);
      padding: 80px 0;
      border-top: 2px solid var(--border);
      border-bottom: 2px solid var(--border)
    }

    .step-box {
      text-align: center;
      position: relative
    }

    .step-num {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: var(--primary);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 1.3rem;
      margin: 0 auto 16px;
      box-shadow: 0 4px 20px rgba(18, 74, 151, .3);
      position: relative;
      z-index: 1
    }

    .step-connector {
      position: absolute;
      top: 30px;
      left: 50%;
      right: -50%;
      height: 2px;
      background: linear-gradient(90deg, var(--primary), rgba(18, 74, 151, .2));
      z-index: 0
    }

    .step-box:last-child .step-connector {
      display: none
    }

    .step-box h4 {
      font-size: .9rem;
      font-weight: 800;
      margin-bottom: 6px
    }

    .step-box p {
      font-size: .78rem;
      color: var(--text-muted)
    }

    /* ── SCHOLARSHIP ── */
    .schol-card {
      background: #fff;
      border: 2px solid var(--border);
      border-radius: var(--radius);
      padding: 28px 22px;
      text-align: center;
      transition: all .28s;
      height: 100%
    }

    .schol-card:hover {
      border-color: var(--accent);
      transform: translateY(-4px);
      box-shadow: 0 8px 30px rgba(245, 166, 35, .15)
    }

    .schol-icon-wrap {
      width: 60px;
      height: 60px;
      border-radius: 14px;
      background: #fff8ec;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--accent);
      font-size: 1.5rem;
      margin: 0 auto 14px
    }

    .schol-card h4 {
      font-size: .9rem;
      font-weight: 800;
      margin-bottom: 8px
    }

    .schol-card p {
      font-size: .78rem;
      color: var(--text-muted)
    }

    /* ── FAQ ── */
    .faq-item {
      border: 2px solid var(--border);
      border-radius: var(--radius-sm);
      margin-bottom: 10px;
      overflow: hidden
    }

    .faq-q {
      padding: 16px 20px;
      cursor: pointer;
      font-weight: 700;
      font-size: .88rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
      color: var(--text-dark);
      transition: background .2s
    }

    .faq-q:hover {
      background: var(--light-bg)
    }

    .faq-q .fa-plus {
      color: var(--primary);
      font-size: .85rem;
      transition: transform .25s
    }

    .faq-a {
      padding: 0 20px;
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease, padding .3s;
      font-size: .83rem;
      color: var(--text-mid);
      background: var(--light-bg)
    }

    .faq-item.open .faq-a {
      max-height: 220px;
      padding: 16px 20px;
      border-top: 2px solid var(--border)
    }

    .faq-item.open .fa-plus {
      transform: rotate(45deg)
    }

    /* ── FINAL CTA ── */
    .final-cta {
      padding: 100px 0;
      text-align: center;
      background: linear-gradient(135deg, #f0f5ff 0%, #e8f0fb 100%);
      border-top: 2px solid var(--border);
      position: relative;
      overflow: hidden
    }

    .final-cta::before {
      content: '';
      position: absolute;
      top: -100px;
      left: 50%;
      transform: translateX(-50%);
      width: 800px;
      height: 800px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(18, 74, 151, .07) 0%, transparent 65%)
    }

    .final-cta .section-title {
      font-size: clamp(2rem, 4vw, 3rem)
    }

    .final-cta .section-title span {
      color: var(--primary)
    }

    .btn-whatsapp {
      padding: 13px 26px;
      border-radius: var(--radius-sm);
      border: none;
      cursor: pointer;
      background: #25d366;
      color: #fff;
      font-weight: 700;
      font-size: .9rem;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all .25s;
      box-shadow: 0 4px 16px rgba(37, 211, 102, .3)
    }

    .btn-whatsapp:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(37, 211, 102, .45);
      color: #fff
    }

    .contact-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--text-muted);
      text-decoration: none;
      font-size: .83rem;
      transition: color .2s;
      font-weight: 500
    }

    .contact-link:hover {
      color: var(--primary)
    }

    .contact-link i {
      color: var(--primary)
    }

    /* ── FOOTER ── */
    footer {
      background: var(--text-dark);
      border-top: 2px solid rgba(255, 255, 255, .06);
      padding: 28px 0;
      text-align: center;
      font-size: .78rem;
      color: rgba(255, 255, 255, .5)
    }

    footer strong {
      color: #fff
    }

    footer a {
      color: rgba(255, 255, 255, .5);
      text-decoration: none;
      transition: color .2s
    }

    footer a:hover {
      color: #fff
    }

    /* ── FLOAT ── */
    .float-btn {
      position: fixed;
      right: 20px;
      z-index: 900;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.25rem;
      box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
      transition: all .25s;
      text-decoration: none;
      color: #fff
    }

    .float-btn:hover {
      transform: scale(1.1);
      color: #fff
    }

    .float-wa {
      bottom: 92px;
      background: #25d366
    }

    .float-call {
      bottom: 28px;
      background: var(--primary)
    }

    .float-label {
      position: absolute;
      right: 58px;
      background: var(--text-dark);
      color: #fff;
      font-size: .72rem;
      padding: 4px 10px;
      border-radius: 5px;
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
      transition: opacity .2s
    }

    .float-btn:hover .float-label {
      opacity: 1
    }

    /* ── POPUP ── */
    .popup-overlay {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 2000;
      background: rgba(13, 27, 62, .75);
      backdrop-filter: blur(8px);
      align-items: center;
      justify-content: center;
      padding: 20px
    }

    .popup-overlay.show {
      display: flex
    }

    .popup-box {
      background: #fff;
      border: 2px solid var(--border);
      border-radius: 20px;
      padding: 40px 34px;
      max-width: 440px;
      width: 100%;
      position: relative;
      text-align: center;
      box-shadow: 0 20px 60px rgba(18, 74, 151, .25)
    }

    .popup-close {
      position: absolute;
      top: 14px;
      right: 16px;
      background: none;
      border: none;
      color: var(--text-muted);
      font-size: 1.3rem;
      cursor: pointer;
      transition: color .2s
    }

    .popup-close:hover {
      color: var(--text-dark)
    }

    .popup-box h3 {
      font-size: 1.5rem;
      font-weight: 900;
      color: var(--text-dark);
      margin-bottom: 8px
    }

    .popup-box h3 span {
      color: var(--primary)
    }

    .popup-box p {
      font-size: .83rem;
      color: var(--text-muted);
      margin-bottom: 22px
    }

    /* ── REVEAL ── */
    .reveal {
      opacity: 0;
      transform: translateY(25px);
      transition: opacity .6s ease, transform .6s ease
    }

    .reveal.visible {
      opacity: 1;
      transform: translateY(0)
    }
footer .footer_logo{
     height: 30px;
}
    /* ── RESPONSIVE ── */<html><head><style>body {transition: opacity ease-in 0.2s; } 
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } 
</style>
 <meta charset="utf-8">
 <title>Thank You</title>
 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&amp;display=swap" rel="stylesheet">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no user-scalable=no">
 <link href="http://cpur.in/lp/02/img/favicon.jpg" rel="icon">
 
<!-- Meta Pixel Code -->
<script src="//bat.bing.com/bat.js" async=""></script><script src="https://connect.facebook.net/signals/config/9674651472629421?v=2.9.277&amp;r=stable&amp;domain=cpur.in&amp;hme=b0ad3da822578fe2b808f13c29c26424c1eec6df21f897230a1f8d7975c03c8e&amp;ex_m=101%2C194%2C143%2C22%2C69%2C70%2C136%2C65%2C64%2C11%2C151%2C87%2C16%2C130%2C123%2C72%2C75%2C129%2C148%2C153%2C8%2C4%2C5%2C7%2C6%2C3%2C88%2C98%2C154%2C159%2C208%2C59%2C175%2C176%2C52%2C262%2C30%2C71%2C220%2C219%2C218%2C23%2C32%2C100%2C58%2C10%2C60%2C94%2C95%2C96%2C102%2C126%2C31%2C29%2C128%2C125%2C124%2C144%2C73%2C147%2C145%2C146%2C47%2C57%2C119%2C15%2C150%2C42%2C249%2C250%2C248%2C26%2C27%2C28%2C45%2C137%2C74%2C109%2C18%2C20%2C41%2C37%2C39%2C38%2C80%2C89%2C93%2C107%2C135%2C138%2C43%2C108%2C24%2C21%2C115%2C66%2C35%2C140%2C139%2C141%2C132%2C131%2C25%2C34%2C56%2C106%2C149%2C67%2C17%2C142%2C111%2C78%2C63%2C19%2C82%2C83%2C112%2C81%2C33%2C277%2C201%2C190%2C191%2C189%2C280%2C272%2C49%2C202%2C104%2C127%2C77%2C117%2C51%2C44%2C46%2C110%2C116%2C122%2C55%2C61%2C50%2C53%2C97%2C152%2C1%2C120%2C14%2C118%2C12%2C2%2C54%2C90%2C62%2C114%2C86%2C85%2C155%2C156%2C91%2C92%2C9%2C121%2C99%2C48%2C133%2C84%2C76%2C68%2C113%2C103%2C40%2C134%2C0%2C79%2C36%2C105%2C13%2C157" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');

fbq('init', '9674651472629421');
fbq('track', 'PageView');
fbq('track', 'Lead');
</script>
<noscript>
  <img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=9674651472629421&ev=PageView&noscript=1"/>
</noscript>
<!-- End Meta Pixel Code -->
<script src="https://bat.bing.com/p/action/15006219.js" type="text/javascript" async="" data-ueto="ueto_7fc60cf39f"></script><link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet"></head>

<body data-new-gr-c-s-check-loaded="14.1277.0" data-gr-ext-installed="">

<canvas class="grey darken-4" id="canvas" width="1600" height="149">
</canvas>
 <style>
  body {
   font-family: 'Open Sans', sans-serif;overflow: hidden;

  }

  img {
   max-width: 100%
  }
#canvas {
	width: 100%;
	height: 100%;
}
  .text span {
   font-weight: 500;
  }

  .btn {
   margin: 40px auto 0;
   width: 200px;
   position: relative;
  }
.text span.complete {
	font-weight: bold;
	margin: 19px 0 7px;
	display: inline-block;
	font-size: 30px;
}
  .btn::before {
   content: "";
   margin: 40px auto 0;
   width: 73px;
   
   position: absolute;
   left: -55px;
   bottom: -5px;
   height: 50px;
   background-size: 70px;
   background-repeat: no-repeat;
  }

  .text {
   font-size: 24px;
   text-align: center;
   font-weight: 100;
  }

  .tankyou {
   max-width: 700px;
   margin: auto;
   position: absolute;
   transform: translate(-50%, -50%);
   left: 50%;
   top: 50%;
  }

  .logo {
   width: 243px;
   margin: 0 auto 40px;
   position: relative;
   z-index: 9;
  }

/*
  .tankyou::before {
   content: "";
   background-image: url(http://cpur.in/lp/02/img/bg1.jpg);
   position: absolute;
   width: 260px;
   height: 240px;
   background-size: 100%;
   top: -80px;
   right: -50px;
  }

  .tankyou::after {
   content: "";
   background-image: url(http://cpur.in/lp/02/img/bg2.jpg);
   position: absolute;
   width: 190px;
   height: 210px;
   background-size: 100%;
   left: -240px;
   bottom: -100px;
  }
*/
a.btn.btn_thankyou {
    display: block;
    background-color: #ff1919;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}
  .btn a {
   background: #de5a26;
   color: #fff;
   text-decoration: none;
   padding: 9px 40px;
   border-radius: 50px;
   text-transform: uppercase;
   font-size: 19px;font-weight: bold;
  }

   
   @media screen and (max-width:480px){
    .text span.complete {
	 
	font-size: 26px;
	line-height: 25px;
}
    .text {
	font-size: 15px;
	text-align: center;
	font-weight: 100;
	line-height: 22px;
}
   }
 </style>

 <div class="tankyou">
  <div class="logo"><img src="http://cpur.in/lp/02/images/logo.png" alt="logo"> </div>
  <div class="cong"><img src="http://cpur.in/lp/02/images/cong.png" alt="cong"> </div>


  <div class="text">

   You have successfully completed the registration.<br>
   <span>Our career counsellor will get in touch with you soon...</span><br>
   
   <div class="row">
    <a href="index.html" class="btn btn_thankyou"> View More </a>
   </div>

  </div>

 <script>
 
 var canvas = document.getElementById('canvas');
var c = canvas.getContext('2d');

canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

var mouse = {
    x: undefined,
    y: undefined
}

window.addEventListener('mousemove', function(e){
    mouse.x = e.x;
    mouse.y = e.y;
});

window.addEventListener('resize', function(){
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
});

function getRandomInt(max) {
    return Math.floor(Math.random() * Math.floor(max));
}

function Circle(){
    this.radius = getRandomInt(10);
    this.originalSize = this.radius;
    this.x = Math.random() * (innerWidth - this.radius * 2) + this.radius;
    this.y = Math.random() * (innerHeight - this.radius * 2) + this.radius;
    this.gradient = Math.random();
    this.color = 'rgba('+ getRandomInt(255) +','+ getRandomInt(255) + ','+ getRandomInt(255) + ','+ this.gradient +')';    
    this.xVelocity = 5 * (Math.random() - Math.random());
    this.yVelocity = 5 * (Math.random() - Math.random());
    this.draw = function(){
        // c.font = 'lighter 80px sans-serif';
        // c.fillStyle = '#dedede';
        // c.textAlign = 'center';
        // c.fillText('Bouncing Bubbles', canvas.width/2, canvas.height/2);
        c.beginPath();
        c.arc(this.x,this.y, this.radius, 0, Math.PI*2, false);
        c.strokeStyle = this.color;
        c.stroke();
        c.fillStyle = this.color;
        c.fill();
        this.update();
    }
    this.update = function(){
        if(this.x + this.radius > innerWidth || this.x - this.radius < 0){
            this.xVelocity = -this.xVelocity;
        }
        if(this.y + this.radius > innerHeight || this.y - this.radius < 0){
            this.yVelocity = -this.yVelocity;
        }
        this.x += this.xVelocity;
        this.y += this.yVelocity;

        if(mouse.x - this.x < 50 && mouse.x - this.x > -50 
            && mouse.y - this.y < 10 && mouse.y - this.y > -50){
                if(this.radius < 100){
                    this.radius += 2;
                }
        }
        else if(this.radius !== this.originalSize){
            this.radius -= 2;
        }
    }
}

var circleArray = [];

for(var i = 0; i < 30; i++){
    circleArray.push(new Circle());
}

function animate(){
    c.clearRect(0,0, innerWidth, innerHeight);
    for(var i = 0; i < circleArray.length; i++){
        circleArray[i].draw();
    }
    requestAnimationFrame(animate);
}
animate();
 </script>
<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"15006219"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
</div><script type="text/javascript"> var MXLandingPageId = '9cabaa3a-0103-11ed-8121-0af88934a77e'; </script> 


<div id="batBeacon62432091097" style="width: 0px; height: 0px; display: none; visibility: hidden;"><img id="batBeacon272283814303" width="0" height="0" alt="" src="https://bat.bing.com/action/0?ti=15006219&amp;Ver=2&amp;mid=7e9d2bfd-d632-4b41-a9f8-0dc471d3e853&amp;bo=1&amp;sid=d82e59b01fa011f1a7e851ed47f595a9&amp;vid=d82e9b101fa011f1907e49a719daee9f&amp;vids=0&amp;msclkid=N&amp;uach=pv%3D10.0.0&amp;pi=918639831&amp;lg=en-US&amp;sw=1600&amp;sh=900&amp;sc=32&amp;tl=Thank%20You&amp;p=https%3A%2F%2Fcpur.in%2Flp%2F2026%2Fadmissions%2Fthankyou.html&amp;r=&amp;lt=70&amp;evt=pageLoad&amp;sv=2&amp;cdb=AQAQ&amp;rn=61669" style="width: 0px; height: 0px; display: none; visibility: hidden;"></div><veepn-lock-screen><style>@font-face{font-family:FigtreeVF;src:url(chrome-extension://majdfhpaihoncoakbjgbdhglocklcgno/fonts/FigtreeVF.woff2) format("woff2 supports variations"),url(chrome-extension://majdfhpaihoncoakbjgbdhglocklcgno/fonts/FigtreeVF.woff2) format("woff2-variations");font-weight:100 1000;font-display:swap}</style></veepn-lock-screen></body><div></div><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>
    @media(max-width:1199px) {
      .nav-toggler {
        display: flex
      }
    }

    @media(max-width:991px) {
      .hero-section {
        padding: 90px 0 50px
      }

      .lead-card {
        margin-top: 36px
      }

      .step-connector {
        display: none
      }
    }

    @media(max-width:767px) {
footer .footer_logo{
     height: 30px;
}
      .nav-logo img {
    height: 30px;
    width: auto;
    display: block;
}.btn-nav-apply {
  display:none;
}

      .hero-section {
        padding: 82px 0 44px
      }

      .dark-bg-1,
      .dark-bg-2 {
        padding: 70px 0
      }

      .light-section,
      .alt-section,
      .steps-section,
      .inline-form-section {
        padding: 56px 0
      }

      .final-cta {
        padding: 64px 0
      }
    }

    @media(max-width:575px) {
      .hero-title {
        font-size: 1.75rem
      }

      .trust-row {
        gap: 10px
      }

      .section-title {
        font-size: 1.6rem
      }

      .float-btn {
        width: 46px;
        height: 46px;
        font-size: 1.1rem
      }
    }
 


     :root {
            --primary-blue: #0056b3;
            --accent-yellow: #fbff00;
            --text-dark: #1a1a1a;
            --text-muted: #6c757d;
        }


   .Testimonial-section {
    padding: 52px 0;
    background: linear-gradient(355deg, #779ccd1f 0%, #ffffff 100%);
}
        /* --- Header --- */
        .Testimonial-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #fff;
            border: 1px solid #d0e3ff;
            padding: 6px 16px;
            border-radius: 50px;
            font-size: 11px;
            font-weight: 600;
            color: var(--primary-blue);
            text-transform: uppercase;
            margin-bottom: 20px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.03);
        }

        .Testimonial-title {
            font-weight: 700;
            font-size: 3rem;
            color: var(--text-dark);
        }

        .Testimonial-title span { color: var(--primary-blue); }

        .Testimonial-location {
            color: var(--text-muted);
            font-size: 14px;
            margin-bottom: 50px;
        }

        /* --- Layout --- */
        .Testimonial-item {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 60px;
            padding: 40px 0;
        }

        /* Image Side */
        .Testimonial-card-side {
            flex: 0 0 380px;
            position: relative;
        }

        .Testimonial-card {
            background: #fff;
            border-radius: 25px;
            box-shadow: 0 30px 60px rgba(0,0,0,0.12);
            overflow: hidden;
            transform: rotate(-3.5deg);
            position: relative;
        }

        .Testimonial-brand-label {
            position: absolute;
            top: 25px;
            left: 15px;
            background: var(--accent-yellow);
            color: #000;
            padding: 8px 14px;
            font-weight: 900;
            font-size: 1.8rem;
            transform: rotate(-90deg) translateX(-50%);
            transform-origin: left;
            z-index: 10;
            border-radius: 4px;
        }

        .Testimonial-photo-bg {
            height: 450px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }

        .Testimonial-img {
            max-width: 100%;
            height: 95%;
            object-fit: contain;
            z-index: 5;
        }

        /* Content Side */
        .Testimonial-content-side {
            flex: 1;
            max-width: 550px;
        }

        .Testimonial-rating-row {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 25px;
        }

        .Testimonial-stars { color: #ffb400; font-size: 14px; }

        .Testimonial-verified {
            color: var(--primary-blue);
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .Testimonial-quote-box {
            border-left: 3px solid var(--primary-blue);
            padding-left: 25px;
            margin-bottom: 35px;
        }

        .Testimonial-quote-text {
            font-size: 1.4rem;
            line-height: 1.7;
            color: #333;
            margin: 0;
        }

        .Testimonial-meta h4 { font-weight: 700; font-size: 1.4rem; margin-bottom: 5px; }
        .Testimonial-meta p {font-size: 13px;color: #000000;margin: 0;}

        .Testimonial-salary-badge {
            background: #fff;
            padding: 12px 25px;
            border-radius: 15px;
            border: 1px solid #eef5ff;
            box-shadow: 0 10px 25px rgba(0,86,179,0.08);
            text-align: center;
        }

        .Testimonial-salary-label { display: block; font-size: 10px; text-transform: uppercase; color: var(--text-muted); font-weight: 600; }
        .Testimonial-salary-val { font-weight: 700; color: var(--primary-blue); font-size: 1.2rem; }

        /* --- Animation Logic --- */
        .owl-item .Testimonial-card-side {
            opacity: 0;
            transform: translateX(-50px) rotate(-3.5deg);
            transition: all 0.6s ease;
        }

        .owl-item .Testimonial-content-side {
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.6s ease 0.3s;
        }

        .owl-item.active .Testimonial-card-side {
            opacity: 1;
            transform: translateX(0) rotate(-3.5deg);
        }

        .owl-item.active .Testimonial-content-side {
            opacity: 1;
            transform: translateX(0);
        }

        /* --- Controls --- */
        .Testimonial-nav {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            margin-top: 30px;
        }

        .Testimonial-nav-btn {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            border: 1px solid #eee;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: var(--primary-blue);
            cursor: pointer;
            transition: 0.3s;
        }

        .Testimonial-nav-btn:hover { background: var(--primary-blue); color: #fff; border-color: var(--primary-blue); }

        .Testimonial-dots { display: flex; gap: 8px; }
        .Testimonial-dot { width: 6px; height: 6px; background: #ddd; border-radius: 50%; transition: 0.3s; cursor: pointer;}
        .Testimonial-dot.active { width: 20px; background: var(--primary-blue); border-radius: 10px; }

        /* --- Thumbnails --- */
        .Testimonial-thumb-row {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            gap: 15px;
        }

        .Testimonial-thumb-item {
            width: 55px;
            height: 55px;
            border-radius: 15px;
            overflow: hidden;
            cursor: pointer;
            border: 2px solid transparent;
            opacity: 0.5;
            transition: 0.3s;
        }

        .Testimonial-thumb-item.active {
            opacity: 1;
            border-color: var(--primary-blue);
            transform: scale(1.2) translateY(-8px);
        }

        .Testimonial-thumb-item img { width: 100%; height: 100%; object-fit: cover; }

        @media (max-width: 991px) {
            .Testimonial-item { flex-direction: column; text-align: center; }
            .Testimonial-quote-box { border: none; padding: 0; }
            .Testimonial-card-side { flex: 0 0 auto; width: 320px; }
        }