*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.header-outer{
    position: sticky;
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: transparent;
    z-index: 999;
        display: none;
}
.header-outer .container{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #fff;
}

.header-left a img{
    width: 250px;
}
.header-right .menu-primary-menu-container #menu-primary-menu{
    list-style: none;
    display: flex;
}
.header-right .menu-primary-menu-container #menu-primary-menu li.menu-item{
    padding: 0px 20px;
}
.header-right .menu-primary-menu-container .menu-item a{
    padding: 0px 5px;
    color: #014171;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: transparent 2px solid;
}
.header-right .menu-primary-menu-container .menu-item a:hover{
    color: #01b631;
    border-bottom: #014171 2px solid;
}

.elementor-element.event-form .wpcf7-form {
    display: flex;
    column-gap: 15px;
    padding: 40px 40px 40px 40px;
    flex-direction: column;
    background-color: #fff;
}
label{
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    display: block;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    color: #9d9c9b;
    border-color: #dddddc;
    margin-top: 10px;
}
.elementor-element.elementor-element-42e4d3d{
   background: url(https://thewebsitedemo.in/Bohdipark/wp-content/uploads/2025/09/compress_background-scaled.webp);
   padding-top: 50px;
   padding-bottom: 60px;
}
.wpmtst-testimonial.testimonial h3.wpmtst-testimonial-heading{
    color: #000;
    font-size: 25px;
    font-weight: 600;

}
.wpmtst-testimonial.testimonial .wpmtst-testimonial-content p{
    color: rgb(61, 61, 61);
    font-size: 15px;
}
.wpmtst-testimonial-field.testimonial-name{
    color: rgb(27 33 36 / var(--tw-text-opacity, 1));
    font-weight: 700;
}
.wpmtst-testimonial-field.testimonial-company{
    color: #000;
    font-weight: 600;
}
.wpmtst-testimonial-inner.testimonial-inner{
    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}

.event-form.e-con-full{
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}
.wpcf7-form-control.wpcf7-submit{
    background-color: #014171;
    color: #fff;
    font-size: 17px;
    padding: 9px 20px;
    border-radius: 5px;
    border: none;
    outline: none;
}
.wpcf7-form-control.wpcf7-submit:hover{
    background-color: #009541;
    transition: 0.7s;
}

.footer-left img{
    width: 150px;
}
.footer-outer .container {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.footer-outer .row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0px;
    align-content: center;
    gap: 15px;
} 

.footer-right p{
    color: #009541;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
}
.wpcf7-form-control.wpcf7-textarea{
    height: 100px;
}
.whats-app-outer {
    float: right;
    margin-right: 0px;
    position: fixed;
    bottom: 95px;
    right: 2px;
    z-index: 999;
    cursor: pointer;
}
.whats-app-outer img {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 75px;
    right: 20px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    padding: 10px;
    text-decoration: none;
    border-radius: 50%;
    animation-name:pluse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

html {
      font-size: 16px;
      scroll-behavior: smooth;
    }

    body {
      font-family: 'system-ui', sans-serif;
      background-color: oklch(27% .08 265);
      color: #f0efee;
      line-height: 1.6;
      overflow-x: hidden;
    }

    img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    ul {
      list-style: none;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button {
      font-family: inherit;
      cursor: pointer;
      border: none;
      background: none;
    }

    details > summary {
      list-style: none;
      cursor: pointer;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }

    /* ============================
       CSS VARIABLES (DESIGN TOKENS)
    ============================ */
    :root {
      --brand-yellow: oklch(85% .18 85);
      --brand-red: oklch(62% .22 27);
      --brand-green: #3db06b;
      --brand-navy: #0A1F4D;

      --bg: #191c29;
      --bg-secondary: rgba(255,255,255,0.05);
      --bg-secondary-hover: rgba(232,184,75,0.12);
      --foreground: #f0efee;
      --muted: #9ea3b0;
      --border: rgba(255,255,255,0.12);
      --border-yellow: rgba(232,184,75,0.35);

      --radius-sm: 6px;
      --radius-md: 10px;
      --radius-lg: 16px;
      --radius-xl: 20px;
      --radius-2xl: 24px;
      --radius-full: 9999px;

      --gradient-cta: linear-gradient(135deg, oklch(88% .18 85), oklch(78% .19 75));
      --gradient-hero: radial-gradient(ellipse at top, oklch(30% .1 265) 0%, oklch(17% .08 265) 60%);
      --shadow-glow: 0 0 40px -8px rgba(232,184,75,0.4);
      --shadow-card: 0 2px 20px rgba(0,0,0,0.3);

      --max-w: 1152px;
      --max-w-sm: 768px;
      --max-w-md: 896px;
    }

    /* ============================
       LAYOUT UTILITIES
    ============================ */
    .container {
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 0 1rem;
    }
    .container-sm {
      max-width: var(--max-w-sm);
      margin: 0 auto;
      padding: 0 1rem;
    }
    .container-md {
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 1rem;
    }

    /* ============================
       ANNOUNCEMENT BAR
    ============================ */
    .announcement-bar {
      position: sticky;
      top: 0;
      z-index: 40;
      width: 100%;
      background-color:oklch(0.59 0.21 20.49);
      color: #fff;
      display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            overflow: hidden;
            padding: 8px 32px !important;
    }

    .announcement-bar__inner {
      max-width: var(--max-w);
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0.5rem 0.75rem;
      padding: 0.5rem 1rem;
      text-align: center;
      font-size: 0.75rem;
      font-weight: 800;
    }

    .announcement-bar .live-dot {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .srb-timer-box.announcement {
    margin: 10px 0px;
       padding: 5px 13px;
        gap: 5px;
}

/* 1. Static Prefix Text (Stays strictly on the left) */
        .static-prefix {
              font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    padding-right: 0px;
    z-index: 10;
    /* background-color: #ff2323; */
    display: flex;
    align-items: center;
    gap: 5px;
        }

.srb-timer-digits.announce {
    font-size: 14px;
}

    .dot-pulse {
      position: relative;
      display: inline-flex;
      width: 8px;
      height: 8px;
    }
    .dot-pulse span {
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--brand-red);
    }
    .dot-pulse span.pulse-ring {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background-color: var(--brand-red);
      opacity: 0.75;
      animation: ping 1s cubic-bezier(0,0,0.2,1) infinite;
    }
    @keyframes ping {
      75%, 100% { transform: scale(2); opacity: 0; }
    }

    .announcement-bar .badge {
      background-color: var(--brand-navy);
      color: #fff;
      border-radius: var(--radius-sm);
      padding: 2px 10px;
    }

    .announcement-bar .limited {
      color: var(--brand-red);
    }

    @media (min-width: 640px) {
      .announcement-bar__inner {
        font-size: 0.875rem;
      }
    }

    /* ============================
       HERO SECTION
    ============================ */
    .hero {
      position: relative;
      overflow: hidden;
      background: var(--gradient-hero);
    }

    .hero__inner {
      max-width: 960px;
      margin: 0 auto;
      padding: 2.5rem 1rem 2.5rem;
      text-align: center;
    }

    .hero-poster-banner {
    width: 54%;
  
    }

    .hero-poster-banner img {
    border-radius: 20px;
}

    .hero__logo {
      width: 96px;
      height: 96px;
      border-radius: 50%;
      background-color: #fff;
      object-fit: contain;
      padding: 0px;
      /* box-shadow: 0 4px 24px rgba(0,0,0,0.4); */
      /* border: 2.5px solid var(--brand-yellow); */
      margin: 0 auto 7px;
    }

    .hero__badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid var(--border);
      background-color: var(--bg-secondary);
      border-radius: var(--radius-full);
      padding: 6px 16px;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      color: var(--muted);
      margin-bottom: 1.5rem;
    }
    .hero__badge .star { color: var(--brand-yellow); }

    .hero__title {
      font-size: clamp(1.75rem, 5vw, 3rem);
      font-weight: 900;
      line-height: 1.2;
      max-width: 760px;
      margin: 0 auto 1rem;
    }
    .hero__title .highlight { color: var(--brand-yellow); }

    .hero__subtitle {
      font-size: 1rem;
      font-weight: 700;
      color: var(--foreground);
      margin-bottom: 0.5rem;
    }
    .hero__desc {
      font-size: 18px;
      color: var(--muted);
      max-width: 640px;
      margin: 0 auto 1.25rem;
    }
    .hero__desc .accent { font-weight: 800; color: var(--brand-yellow); }

    .hero__tags {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin-bottom: 1.5rem;
      font-size: 14px;
      font-weight: 700;
    }
    .hero__tags span {
      background-color: var(--bg-secondary);
      border-radius: var(--radius-full);
      padding: 4px 14px;
      border: 1px solid var(--border);
    }

    .hero__social-proof {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-bottom: 2rem;
    }

    .avatar-stack {
      display: flex;
    }
    .avatar-stack .avatar {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 2px solid var(--bg);
      margin-left: -8px;
      flex-shrink: 0;
    }
    .avatar-stack .avatar:first-child { margin-left: 0; }

    .social-proof-text { text-align: left; }
    .social-proof-text .stars { color: var(--brand-yellow); font-size: 0.8rem; font-weight: 800; }
    .social-proof-text .count { font-size: 0.75rem; color: var(--muted); }

    .hero__campus-label {
      font-size: 0.8rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      color: var(--muted);
      margin-bottom: 1rem;
    }

    .hero__video {
      max-width: 768px;
      margin: 0 auto;
      border-radius: var(--radius-2xl);
      border: 1px solid var(--border);
      overflow: hidden;
      box-shadow: var(--shadow-glow);
    }

    .hero__video-thumb {
      position: relative;
      aspect-ratio: 16/9;
    }
    .hero__video-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* .hero__video-thumb .overlay-grad {
      position: absolute;
      inset: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 80px;
      background: linear-gradient(to top, rgba(0,0,0,0.55), transparent);
      pointer-events: none;
    } */
    .hero__video-thumb .video-tag {
      position: absolute;
      top: 12px;
      left: 12px;
      display: flex;
      align-items: center;
      gap: 6px;
      background: rgba(0,0,0,0.55);
      border-radius: var(--radius-full);
      padding: 4px 12px;
      font-size: 0.6rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #fff;
    }
    .video-tag .dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--brand-yellow);
      animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.4; }
    }

    .hero__cta-area {
      margin-top: 0px;
      text-align: center;
    }
    .hero__cta-desc {
      font-size: 14px;
      color: var(--muted);
      margin-bottom: 1.25rem;
    }
    .hero__cta-desc .accent { font-weight: 700; color: var(--foreground); }

    .btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-full);
      font-weight: 900;
      color: var(--brand-navy);
      background: var(--gradient-cta);
      box-shadow: var(--shadow-glow);
      transition: transform 0.15s ease;
      padding: 1rem 2rem;
      font-size: 1rem;
      letter-spacing: 0.02em;
      cursor: pointer;
      border: none;
      font-family: inherit;
    }
    .btn-primary:hover { transform: scale(1.025); }

    .hero__timer {
      margin-top: 1rem;
      font-size: 0.8rem;
      color: var(--muted);
    }
    .hero__timer .timer-value { font-weight: 800; color: var(--brand-yellow); }

    @media (min-width: 640px) {
      .hero__inner { padding: 3.5rem 0rem 2.5rem; }
      .hero__logo { width: 112px; height: 112px; }
    }

    /* ============================
       CHAIRMAN SECTION
    ============================ */
    .chairman-section {
      padding: 3.5rem 0;
      background-color: oklch(20% .09 265);
    }

    .chairman-card {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-2xl);
      border: 1px solid var(--border);
      background-color: var(--brand-navy);
      padding: 1.5rem;
      box-shadow: 0 8px 40px rgba(0,0,0,0.4);
    }

    .chairman-card::before {
      content: '"';
      position: absolute;
      top: 8px;
      right: 24px;
      font-size: 8rem;
      
      line-height: 1;
      color: rgba(255,255,255,0.08);
      font-weight: 600;
    }

    .chairman-card__layout {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.5rem;
    }

    .chairman-card__photo-wrap {
      flex-shrink: 0;
    }
    .chairman-card__photo {
      width: 144px;
      height: 144px;
      border-radius: var(--radius-xl);
      object-fit: cover;
      border: 4px solid var(--brand-yellow);
      box-shadow: 0 4px 24px rgba(0,0,0,0.4);
      margin: 0 auto;
    }
    .chairman-card__name {
      text-align: center;
      margin-top: 12px;
      font-size: 0.85rem;
      font-weight: 800;
      color: var(--brand-yellow);
    }
    .chairman-card__title {
      text-align: center;
      font-size: 0.7rem;
      font-weight: 600;
      color: rgba(255,255,255,0.65);
    }

    .chairman-card__content h2 {
      font-size: 1.25rem;
      font-weight: 900;
      color: #fff;
      margin-bottom: 0.75rem;
    }

    .chairman-card__content p {
      font-size: 0.875rem;
      line-height: 1.7;
      color: rgba(255,255,255,0.82);
    }
    .chairman-card__content .highlight { font-weight: 800; color: var(--brand-yellow); }

    .chairman-card__stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
      margin-top: 1.25rem;
    }

    .stat-box {
      background-color: color-mix(in oklab,oklch(85% .18 85) 95%,transparent);
      border-radius: var(--radius-lg);
      padding: 1rem;
    }
    .stat-box h3 {
      font-size: 16px;
      font-weight: 900;
      color: var(--brand-navy);
    }
    .stat-box p {
      font-size: 0.75rem;
      line-height: 1.5;
      color: rgba(10,31,77,0.85);
      margin-top: 6px;
    }

    .chairman-card__est {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 1.25rem;
      background-color: var(--brand-yellow);
      border-radius: var(--radius-full);
      padding: 6px 16px;
      font-size: 0.7rem;
      font-weight: 900;
      color: var(--brand-navy);
    }

    @media (min-width: 640px) {
      .chairman-card { padding: 2.5rem; }
      .chairman-card__layout {
        flex-direction: row;
        align-items: flex-start;
        gap: 2.5rem;
      }
      .chairman-card__photo { width: 176px; height: 176px; }
      .chairman-card__content h2 { font-size: 1.5rem; }
      .chairman-card__content p { font-size: 14px; }
    }

    /* ============================
       PLACEMENT PARTNERS SECTION
    ============================ */
    .placement-section {
      padding: 3rem 0;
      background-color:   
color-mix(in oklab, oklch(27% .08 265) 30%, transparent);;
    }

    .placement-card {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-xl);
      border: 2px solid var(--brand-navy);
      background-color: #fff;
      padding: 1.5rem;
      box-shadow: 0 8px 32px rgba(0,0,0,0.3);
    }
    .placement-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 24px;
      background-color: var(--brand-navy);
      border-top-left-radius: 50% 100%;
      border-top-right-radius: 50% 100%;
    }

    .placement-header { text-align: center; margin-bottom: 1.5rem; }
    .placement-header .tag {
      display: inline-block;
      background-color: var(--brand-navy);
      color: #fff;
      border-radius: var(--radius-sm);
      padding: 6px 24px;
      font-size: 0.875rem;
      font-weight: 800;
      letter-spacing: 0.05em;
      margin-bottom: 8px;
    }
    .placement-header h3 {
      font-size: 1.75rem;
      font-weight: 900;
      color: var(--brand-navy);
    }
    .placement-divider {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin: 12px 0;
    }
    .placement-divider span { display: block; width: 64px; height: 1px; background-color: rgba(10,31,77,0.35); }
    .placement-divider .star { color: var(--brand-navy); }
    .placement-est {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background-color: rgba(10,31,77,0.06);
      border: 1px solid rgba(10,31,77,0.15);
      border-radius: var(--radius-full);
      padding: 4px 16px;
      font-size: 0.7rem;
      font-weight: 800;
      color: var(--brand-navy);
    }

    .partner-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem 1rem;
      margin-bottom: 1.5rem;
    }

    .partner-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .partner-logo {
      height: 120px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .partner-logo .name-large {
      font-size: 1.5rem;
      font-weight: 800;
      line-height: 1;
    }
    .partner-logo .name-sub {
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      align-self: flex-end;
      padding-bottom: 3px;
      margin-left: 4px;
    }
    .partner-divider { width: 100%; height: 1px; background-color: #e5e7eb; margin: 8px 0; }
    .partner-item p {
      font-size: 0.65rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #6b7280;
    }

    .partner-item--wide { grid-column: span 2; }

    @media (min-width: 640px) {
      .placement-card { padding: 2rem; }
    }

    /* ============================
       FEATURES / WHY SREIS GRID
    ============================ */
    .section { padding: 4rem 0;     background-color: oklch(20% .09 265); }
    .section-alt { padding: 3rem 0; background-color: oklch(20% .09 265); }

    .section__label {
      display: inline-block;
      background-color: var(--brand-yellow);
      color: var(--brand-navy);
      border-radius: var(--radius-sm);
      padding: 6px 16px;
      font-size: 0.7rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 1rem;
    }

    .section__title {
      font-size: clamp(1.5rem, 4vw, 2.25rem);
      font-weight: 900;
      text-align: center;
      margin-bottom: 0.75rem;
    }
    .section__title .highlight { color: var(--brand-yellow); }

    .section__subtitle {
      text-align: center;
      color: var(--muted);
      max-width: 640px;
      margin: 0 auto 2.5rem;
      font-size: 1rem;
    }

    .features-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.25rem;
    }
    @media (min-width: 640px) {
      .features-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (min-width: 1024px) {
      .features-grid { grid-template-columns: repeat(4, 1fr); }
    }

    .feature-card {
      border-radius: var(--radius-xl);
      border: 1px solid var(--border);
      background-color: var(--bg-secondary);
      padding: 1.25rem;
      text-align: center;
      transition: border-color 0.2s, box-shadow 0.2s;
    }
    .feature-card:hover {
      border-color: var(--border-yellow);
      box-shadow: 0 4px 24px rgba(0,0,0,0.2);
    }

    .feature-card__icon { font-size: 2rem; margin-bottom: 0.75rem; }
    .feature-card__title { font-size: 0.875rem; font-weight: 800; margin-bottom: 0.5rem; }
    .feature-card__desc { font-size: 13px; line-height: 1.6; color: oklch(78% .03 250); }

    /* ============================
       STATS SECTION
    ============================ */
    .stats-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.75rem;
      margin-bottom: 1.5rem;
    }
    @media (min-width: 1024px) {
      .stats-grid { grid-template-columns: repeat(4, 1fr);
      margin-bottom: 80px; }
    }

    .stat-card {
      border-radius: var(--radius-xl);
      border: 1px solid var(--border);
      background-color: var(--bg-secondary);
      padding: 1.25rem;
      text-align: center;
    }
    .stat-card__number {
      font-size: clamp(2rem, 5vw, 3rem);
      font-weight: 900;
      color: oklch(0.84 0.17 85.06);
      line-height: 1;
    }
    .stat-card__label {
      font-size: 14px;
      font-weight: 600;
      color: var(--foreground);
      line-height: 1.4;
      margin-top: 0.5rem;
    }

    .highlights-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    @media (min-width: 640px) {
      .highlights-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (min-width: 1024px) {
      .highlights-grid { grid-template-columns: repeat(3, 1fr);
              margin-top: 40px; }
    }

    .highlight-card {
      display: flex;
      align-items: center;
      gap: 12px;
      border-radius: var(--radius-xl);
      border: 1px solid var(--border-yellow);
      background-color: rgba(232,184,75,0.08);
      padding: 1rem;
    }
    .highlight-card__icon { font-size: 1.75rem; flex-shrink: 0; }
    .highlight-card__title { font-size: 14px; font-weight: 800; color: var(--foreground); }
    .highlight-card__sub { font-size: 12px; color: var(--muted); }

    /* ============================
       COURSES SECTION
    ============================ */
    .courses-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.25rem;
    }
    @media (min-width: 640px) {
      .courses-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (min-width: 1024px) {
      .courses-grid { grid-template-columns: repeat(3, 1fr); }
    }

    .course-card {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border-radius: var(--radius-xl);
      border: 1px solid var(--border);
      background-color: var(--bg-secondary);
      transition: border-color 0.25s, box-shadow 0.25s;
    }
    .course-card:hover {
      border-color: rgba(232,184,75,0.5);
      box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    }

    .course-card__thumb {
      position: relative;
      aspect-ratio: 1/1;
      overflow: hidden;
      background-color: #2a2e40;
    }
    .course-card__thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .course-card:hover .course-card__thumb img { transform: scale(1.05); }

    .course-card__thumb-overlay {
      position: absolute;
      inset-x: 0;
      bottom: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.4), transparent);
      padding: 12px;
    }
    .course-card__thumb-overlay h3 {
      font-size: 1rem;
      font-weight: 800;
      color: #fff;
      line-height: 1.3;
    }

    .course-card__body {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      padding: 1rem;
    }

    .course-card__meta {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.5rem;
      font-size: 0.75rem;
    }
    .course-card__meta-item {
      border-radius: var(--radius-md);
      background-color: rgba(25,28,41,0.6);
      padding: 8px;
    }
    .course-card__meta-label { font-weight: 800; color: var(--brand-yellow); }
    .course-card__meta-value { color: var(--foreground); margin-top: 2px; }

    .course-card__features {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .course-feature {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      font-size: 14px;
      color: var(--muted);
      line-height: 1.5;
    }
    .course-feature__check {
      flex-shrink: 0;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-color: var(--brand-green);
      color: #fff;
      font-size: 0.6rem;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1px;
    }

    .partner-logo img {
    width: 35%;
}

    /* ============================
       PLACEMENT SECTION
    ============================ */
section.placement-career-section

 {
    padding: 3rem 0rem;
}
    
    .placement-pillars-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.25rem;
    }
    @media (min-width: 640px) {
      .placement-pillars-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (min-width: 1024px) {
      .placement-pillars-grid { grid-template-columns: repeat(3, 1fr); }
    }

    .pillar-card {
      border-radius: var(--radius-xl);
      border: 1px solid var(--border);
      background-color: oklch(20% .09 265);
      padding: 1.5rem;
      text-align: center;
      transition: border-color 0.2s, box-shadow 0.2s;
    }
    .pillar-card:hover {
      border-color: rgba(232,184,75,0.5);
      box-shadow: 0 4px 24px rgba(0,0,0,0.2);
    }
    .pillar-card__icon-wrap {
      display: flex;
      width: 56px;
      height: 56px;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-lg);
      background-color: var(--brand-navy);
      font-size: 1.5rem;
      margin: 0 auto 1rem;
    }
    .pillar-card h3 { font-size: 0.9rem; font-weight: 800; margin-bottom: 0.5rem; }
    .pillar-card p { font-size: 0.85rem; line-height: 1.6; color: var(--muted); }

    /* ============================
       GLOBAL CAREERS SECTION
    ============================ */
    .global-section-label {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      border: 1px solid var(--border-yellow);
      background-color: rgba(232,184,75,0.08);
      color: var(--brand-yellow);
      border-radius: var(--radius-full);
      padding: 4px 14px;
      font-size: 0.7rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      margin-bottom: 1rem;
    }

    .global-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    @media (min-width: 640px) {
      .global-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (min-width: 1024px) {
      .global-grid { grid-template-columns: repeat(4, 1fr); }
    }

    .global-figure {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-xl);
      border: 1px solid var(--border);
      background-color: var(--bg-secondary);
      box-shadow: var(--shadow-card);
      transition: box-shadow 0.25s;
    }
    .global-figure:hover { box-shadow: 0 8px 40px rgba(0,0,0,0.35); }

    .global-figure__img-wrap {
      position: relative;
      aspect-ratio: 4/5;
      overflow: hidden;
    }
    .global-figure__img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .global-figure:hover .global-figure__img-wrap img { transform: scale(1.05); }

    .global-figure__grad-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.2), transparent);
    }
    .global-figure__country-tag {
      position: absolute;
      top: 8px;
      left: 8px;
      background-color: var(--brand-red);
      color: #fff;
      border-radius: var(--radius-sm);
      padding: 2px 10px;
      font-size: 0.6rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.07em;
    }
    .global-figure__caption {
      position: absolute;
      inset-x: 0;
      bottom: 0;
      padding: 12px;
      color: #fff;
      font-style: normal;
    }
    .global-figure__caption .place-name { font-size: 0.875rem; font-weight: 800; line-height: 1.3; }
    .global-figure__caption .place-desc { font-size: 12px; margin-top: 4px; opacity: 0.9; }

    /* ============================
       ALUMNI / TESTIMONIALS SECTION
    ============================ */
    .alumni-section { padding: 4rem 0; }

    .alumni-section__label {
      text-align: center;
      margin-bottom: 1rem;
    }
    .alumni-section__label span {
      display: inline-block;
      background-color: var(--brand-navy);
      color: #fff;
      border-radius: var(--radius-sm);
      padding: 6px 16px;
      font-size: 0.7rem;
      font-weight: 800;
      letter-spacing: 0.06em;
    }

    .alumni-story {
      border-radius: var(--radius-2xl);
      border: 1px solid var(--border);
      background-color: var(--bg-secondary);
      overflow: hidden;
      margin-bottom: 2rem;
    }

    .alumni-story__thumb {
      aspect-ratio: 4/3;
      overflow: hidden;
    }
    .alumni-story__thumb img { width: 100%; height: 100%; object-fit: cover; }

    .alumni-story__body { padding: 1.5rem; }
    .alumni-story__body blockquote {
      
      font-style: italic;
      font-size: 1rem;
      line-height: 1.7;
      color: var(--muted);
      border-left: 3px solid var(--brand-yellow);
      padding-left: 1rem;
      margin-bottom: 1rem;
    }
    .alumni-story__body .name { font-weight: 800; color: var(--foreground); }
    .alumni-story__body .role { font-size: 0.8rem; color: var(--brand-yellow); }

    /* ============================
       GOOGLE REVIEWS SECTION
    ============================ */
    .reviews-section {
      padding: 4rem 0;
      background-color: oklch(20% .09 265);
    }

    .reviews-container {
      border-radius: var(--radius-xl);
      border: 1px solid #e5e7eb;
      background-color: #fff;
      overflow: hidden;
    }

    .reviews-header {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 1.25rem 1.5rem;
      border-bottom: 1px solid #f3f4f6;
    }
    .reviews-header .g-icon {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background-color: #4285f4;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      font-weight: 900;
      color: #fff;
      flex-shrink: 0;
    }
    .reviews-header .title { font-size: 1rem; font-weight: 700; color: #111827; }
    .reviews-header .rating { font-size: 0.8rem; color: #6b7280; }
    .reviews-header .stars { color: #f59e0b; }

    .review-item {
      display: flex;
      gap: 1rem;
      padding: 1.25rem 1.5rem;
      border-bottom: 1px solid #f3f4f6;
    }
    .review-item:last-child { border-bottom: none; }

    .review-avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9rem;
      font-weight: 700;
      flex-shrink: 0;
    }

    .review-content { flex: 1; min-width: 0; }
    .review-content .reviewer-name { font-weight: 700; color: #111827; font-size: 0.95rem; }
    .review-meta {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 4px 0;
    }
    .review-meta .star-icons { display: flex; }
    .review-meta .star-icons svg { width: 16px; height: 16px; }
    .review-meta .time { font-size: 0.75rem; color: #6b7280; }
    .review-text { font-size: 0.875rem; line-height: 1.65; color: #374151; }

    /* ============================
       FAQ SECTION
    ============================ */
    .faq-section { padding: 4rem 0; background-color: oklch(20% .09 265); }

    .faq-list { display: flex; flex-direction: column; gap: 0.75rem; }

    .faq-item {
      border-radius: var(--radius-xl);
      border: 1px solid var(--border);
      background-color: var(--bg-secondary);
      padding: 1.25rem;
      transition: border-color 0.2s;
    }
    .faq-item:hover { border-color: var(--border-yellow); }
    .faq-item[open] { border-color: var(--border-yellow); }

    .faq-item summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      font-size: 1rem;
      font-weight: 800;
      text-align: left;
    }

    .faq-item summary .faq-plus {
      display: flex;
      flex-shrink: 0;
      width: 28px;
      height: 28px;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background-color: var(--brand-yellow);
      color: var(--brand-navy);
      font-size: 1.25rem;
      font-weight: 900;
      transition: transform 0.2s;
      line-height: 1;
    }
    .faq-item[open] summary .faq-plus { transform: rotate(45deg); }

    .faq-item p {
      margin-top: 0.75rem;
      font-size: 0.875rem;
      line-height: 1.7;
      color: var(--muted);
    }

    @media (min-width: 640px) {
      .faq-item summary { font-size: 1.1rem; }
      
    }

    /* ============================
       CTA SECTION
    ============================ */
    .cta-section {
      padding: 3rem 0 5rem;
      text-align: center;
    }
    .cta-section h2 {
      font-size: clamp(1.75rem, 4vw, 2.5rem);
      font-weight: 900;
      margin-bottom: 1.5rem;
    }
    .cta-section h2 .highlight { color: var(--brand-yellow); }

    /* ============================
       FOOTER
    ============================ */
    footer {
      border-top: 1px solid var(--border);
      background-color: color-mix(in oklab, oklch(20% .09 265) 40%, transparent);
      padding: 2rem 0;
      text-align: center;
      font-size: 0.75rem;
      color: var(--muted);
    }
    footer .footer-logo {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background-color: #fff;
      object-fit: contain;
      padding: 4px;
      border: 1px solid var(--border);
      margin: 0 auto 0.75rem;
    }
    footer .footer-name { font-weight: 800; color: var(--foreground); }
    footer p { margin-top: 6px; }


    footer.footer-outer {
    display: none;
}


.sreis-card-wrapper {
  width: 100%;
  max-width: 740px;
  background: color-mix(in oklab, oklch(27% .08 265) 60%, transparent);
  border: 1.5px solid rgba(200, 170, 60, 0.45);
  border-radius: 20px;
  padding: 65px 42px 30px;
  position: relative;
  box-shadow:
    0 0 60px rgba(10, 30, 100, 0.6),
    0 0 0 1px rgba(255, 220, 80, 0.08);
}

.sreis-card-badge {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    #e03030 0%,
    #c52020 100%
  );
  color: #fff;

  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 999px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
}

.sreis-card-bell {
  font-size: 12px;
}

.sreis-card-title {

  font-size: clamp(22px, 4vw, 30px);
  font-weight: 800;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  letter-spacing: 0.2px;
}

.sreis-card-amount-block {
  text-align: center;
  margin-bottom: 6px;
}

.sreis-card-amount {
  
  font-size: clamp(52px, 10vw, 76px);
  font-weight: 900;
  color: #ffc300;
  line-height: 1;
  letter-spacing: -1px;
}

.sreis-card-amount-sub {
  font-size: 13px;
  color: #a8bcd8;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 24px;
  text-align: center;
}

.sreis-card-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 22px;
}

.sreis-card-features {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 30px;
}

.sreis-card-features li {
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 14.5px;
  color: #dce8ff;
  font-weight: 500;
  
}

.sreis-card-check-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #27c76e 0%,
    #1aaa58 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(39, 199, 110, 0.35);
}

.sreis-card-check-icon svg {
  width: 13px;
  height: 13px;
}

.sreis-card-cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 18px 24px;
  background: var(--gradient-cta);
  border: none;
  border-radius: 40px;
  
  font-size: 17px;
  font-weight: 800;
  color: #1a0a00 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 14px;
  box-shadow: 0 4px 24px rgba(245, 197, 24, 0.4);
  transition: all 0.15s ease;
}

.sreis-card-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(245, 197, 24, 0.55);
      border-radius: 40px;
}

.sreis-card-rocket {
  font-size: 20px;
}

.sreis-card-footer-note {
  text-align: center;
  font-size: 12px;
  color: #7a90b8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex-wrap: wrap;
}

.sreis-card-lock {
  font-size: 13px;
}

.sreis-card-sep {
  color: #3a5080;
  margin: 0 3px;
}

section.why-sreis-card {
 background: oklch(20% .09 265);
  
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 20px;display: flex;
}



section.sreis-step-wrapper-outer {
    background:  linear-gradient(
    160deg,
    #0f1e50 0%,
    #0a1638 60%,
    #060e2a 100%
  );
   
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.sreis-step-wrapper {
  width: 100%;
  max-width: 720px;
  background: #0a1f4d;
  border: 1.5px solid rgba(200, 170, 60, 0.4);
  border-radius: 18px;
  padding: 34px 36px 30px;
}

.sreis-step-label {
  text-align: center;
  
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #f5c518;
  margin-bottom: 24px;
}

.sreis-step-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 24px;
}

.sreis-step-card {
  flex: 1;
  background: 
color-mix(in oklab, #fff 5%, transparent);;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 24px 16px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.sreis-step-number {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #f5c518 0%,
    #e0a800 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  
  font-size: 18px;
  font-weight: 900;
  color: #1a0a00;
  box-shadow: 0 3px 12px rgba(245, 197, 24, 0.35);
}

.sreis-step-title {

  font-size: 15px;
  font-weight: 800;
  color: #ffffff;
}

.sreis-step-sub {
  font-size: 13px;
  color: #8aa0c8;
  font-weight: 400;
}

.sreis-step-arrow {
  font-size: 20px;
  color: #4a6090;
  padding: 0 14px;
  flex-shrink: 0;
  font-weight: 700;
}

.sreis-step-info {
  text-align: center;
  font-size: 13px;
  color: #8aa0c8;
  line-height: 1.6;
  margin-bottom: 22px;
}

.sreis-step-info strong {
  color: #f5c518;
  font-weight: 700;
}

.sreis-step-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  margin: 0 auto;
  padding: 16px 40px;
  background: var(--gradient-cta);
  border: none;
  border-radius: 40px;

  font-size: 16px;
  font-weight: 700;
  color: #1a0a00;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(245, 197, 24, 0.4);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  letter-spacing: 0.3px;
}

.sreis-step-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(245, 197, 24, 0.55);
}

@media (max-width: 520px) {
  .sreis-step-row {
    /* flex-direction: column; */
    gap: 10px;
  }

  .sreis-step-arrow {
    /* transform: rotate(90deg); */
    padding: 4px 0;
  }

  .sreis-step-wrapper {
    padding: 28px 10px 24px;
    flex: auto;
  }
}


:root{
    --sreis-gold:#FBB615;
    --sreis-gold-bright:#ffcf4d;
    --sreis-text:#ffffff;
    --sreis-muted:#9aa7c7;
    --sreis-red:#e23b3b;
    --sreis-pin:#ff5a4d;
}

.sreis-campus-wrap{
    max-width: 100%;
    margin:0 auto;
    text-align:center;
  
    color:var(--sreis-text);
    padding:45px 50px 40px;
    background-color: oklch(20% .09 265);
}

.sreis-campus-pill{
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(251,182,21,.08);
    border:1px solid rgba(251,182,21,.32);
    font-size:12px;
    font-weight:600;
    letter-spacing:.6px;
    color:var(--sreis-gold);
    margin-bottom:22px;
}

.sreis-campus-pill svg{
    flex:none;
}

.sreis-campus-pill b{
    color:var(--sreis-gold-bright);
    font-weight:700;
}

.sreis-campus-heading{
    font-weight:800;
    font-size: 2.25rem;
    
    line-height:1.12;
    margin-bottom:14px;
}

.sreis-campus-heading span{
    color:var(--sreis-gold);
}

.sreis-campus-sub{
    color:var(--sreis-muted);
    font-size:clamp(14px,1.7vw,17px);
    font-weight:400;
    margin-bottom:42px;
}

.sreis-campus-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    margin-bottom:34px;
}

.sreis-campus-card{
    position:relative;
    aspect-ratio:9/12;
    border-radius:20px;
    overflow:hidden;
    
    box-shadow:0 22px 50px -22px rgba(0,0,0,.7);
    transition:transform .35s ease, box-shadow .35s ease;
    opacity:0;
    transform:translateY(18px);
    animation:sreisCampusRise .6s ease forwards;
}

.sreis-campus-card:nth-child(1){animation-delay:.05s;}
.sreis-campus-card:nth-child(2){animation-delay:.15s;}
.sreis-campus-card:nth-child(3){animation-delay:.25s;}
.sreis-campus-card:nth-child(4){animation-delay:.35s;}

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

.sreis-campus-card:hover{
    transform:translateY(-6px);
    box-shadow:0 30px 60px -22px rgba(0,0,0,.8);
}

.sreis-campus-card image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.sreis-campus-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(5,11,29,.92) 0%,
        rgba(5,11,29,.55) 26%,
        rgba(5,11,29,0) 50%
    );
    pointer-events:none;
}

.sreis-campus-tag{
    position:absolute;
    top:14px;
    left:14px;
    z-index:2;
    background:var(--sreis-red);
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    padding:5px 12px;
    border-radius:999px;
    box-shadow:0 6px 14px -4px rgba(226,59,59,.6);
}

.sreis-campus-meta{
    position:absolute;
    left:18px;
    right:18px;
    bottom: -5px;
    z-index:2;
    text-align:left;
}

.sreis-campus-meta h3{
    font-size:18px;
    font-weight:700;
    margin-bottom:5px;
    text-shadow:0 2px 8px rgba(0,0,0,.5);
}

.sreis-campus-course{
    font-size:13px;
    font-weight:400;
    color:#dfe5f5;
    margin-bottom:7px;
    text-shadow:0 1px 6px rgba(0,0,0,.5);
}

.sreis-campus-location{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:12.5px;
    color:#c4ccdf;
    font-weight:400;
}

.sreis-campus-location svg{
    flex:none;
    color:var(--sreis-pin);
}

.sreis-campus-note{
    color:var(--sreis-muted);
    font-size:13.5px;
    font-weight:400;
}

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

@media (max-width:560px){

    .sreis-campus-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .sreis-campus-card{
        aspect-ratio:4/5;
    }

}


 .alumni-section {
  width: 100%;
  background: oklch(20% .09 265);
  padding: 64px 0 56px;
  overflow: hidden;
  user-select: none;
}

/* ── Heading ── */
.alumni-head {
  text-align: center;
  margin-bottom: 48px;
  padding: 0 24px;
}

.alumni-head h2 {
 
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 12px;
  letter-spacing: -.01em;
}

.alumni-head h2 .gold {
  color: #f59e0b;
}

.alumni-head p {
  font-size: .92rem;
  color: rgba(255, 255, 255, .55);
  line-height: 1.6;
}

.ts-root{width:100%;overflow:hidden;background:#03103e;padding:32px 0 28px;position:relative}
.ts-track-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:530px}
.ts-track{display:flex;align-items:center;justify-content:center;gap:0;position: sticky;width:100%}
.ts-card{position:absolute;transition:all 0.45s cubic-bezier(0.4,0,0.2,1);border-radius:22px;overflow:hidden;background:#fff;cursor:pointer}
.ts-card.pos-center{
  width:260px;z-index:10;
  box-shadow:0 8px 40px rgba(120,80,200,0.18);
  opacity:1;transform:translateX(0) scale(1);
  border:2.5px solid #e8e0ff
}
.ts-card.pos-left1{
  width:200px;z-index:7;
  opacity:0.85;transform:translateX(-290px) scale(0.88);
  box-shadow:0 4px 18px rgba(0,0,0,0.08);
  filter:brightness(0.92)
}
.ts-card.pos-left2{
  width:170px;z-index:5;
  opacity:0.55;transform:translateX(-500px) scale(0.78);
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
  filter:brightness(0.82) saturate(0.7)
}
.ts-card.pos-right1{
  width:200px;z-index:7;
  opacity:0.85;transform:translateX(290px) scale(0.88);
  box-shadow:0 4px 18px rgba(0,0,0,0.08);
  filter:brightness(0.92)
}
.ts-card.pos-right2{
  width:170px;z-index:5;
  opacity:0.55;transform:translateX(500px) scale(0.78);
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
  filter:brightness(0.82) saturate(0.7)
}
.ts-card.pos-hidden{
  opacity:0;pointer-events:none;z-index:1;transform:translateX(620px) scale(0.7)
}
.ts-card.pos-hidden-left{
  opacity:0;pointer-events:none;z-index:1;transform:translateX(-620px) scale(0.7)
}
.media-wrap{position:relative;width:100%}
.media-wrap img,.media-wrap video{width:100%;display:block;object-fit:cover}
.pos-center .media-wrap img,.pos-center .media-wrap video{height:460px;border-radius:0}
.pos-left1 .media-wrap img,.pos-left1 .media-wrap video{height:330px}
.pos-left2 .media-wrap img,.pos-left2 .media-wrap video{height:280px}
.pos-right1 .media-wrap img,.pos-right1 .media-wrap video{height:330px}
.pos-right2 .media-wrap img,.pos-right2 .media-wrap video{height:280px}
.phone-notch{position: relative;top:0;left:0;right:0;height:32px;background:#111;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:5}
.notch-dots{display:flex;gap:5px}
.notch-dot{width:7px;height:7px;border-radius:50%;background:#333}
.notch-time{font-size:10px;color:#fff;font-weight:600;letter-spacing:0.5px}
.logo-badge{position:absolute;top:8px;right:8px;background:#fff;border-radius:8px;padding:3px 6px;z-index:6;display:flex;flex-direction:column;align-items:center;line-height:1;border:0.5px solid #e0d8f8}
.logo-badge span:first-child{font-size:8px;font-weight:700;color:#6b3fa0}
.logo-badge span:last-child{font-size:7px;font-weight:600;color:#9b6bdc;letter-spacing:0.5px}
.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4}
.pause-icon{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.22);border:2px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}
.pause-bar{width:4px;height:18px;background:#fff;border-radius:2px;margin:0 3px}
.play-icon-btn{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.22);border:2px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);cursor:pointer}
.vid-bottom-bar{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:5}
.vid-ctrl-btn{width:34px;height:34px;border-radius:50%;background:rgba(30,30,30,0.55);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;backdrop-filter:blur(2px)}
.card-info{padding:12px 14px 14px;background:#fff}
.card-name{font-size:15px;font-weight:600;color:#1a1a2e}
.card-location{font-size:11px;font-weight:700;color:#000;letter-spacing:0.6px;margin-top:2px}
.card-sub{font-size:11px;color: #000;;margin-top:3px;display:flex;align-items:center;gap:4px}
.card-sub::before{content:"✈";font-size:10px}
.card-quote{font-size:12px;color:#666;margin-top:8px;line-height:1.55;font-style:italic;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-more-btn{background:none;border:none;color:#7c4dcc;font-size:12px;font-weight:500;cursor:pointer;padding:0;margin-top:6px;text-decoration:underline;text-underline-offset:2px}
.arr-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e0d8f8;box-shadow:0 2px 12px rgba(120,80,200,0.12);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,box-shadow 0.2s}
.arr-btn:hover{background:#f3eeff;box-shadow:0 4px 18px rgba(120,80,200,0.2)}
.arr-btn svg{width:18px;height:18px;stroke:#5a3a9a;stroke-width:2.5;fill:none}
#arrLeft{left:8px}
#arrRight{right:8px}
@media(max-width:700px){
  .ts-track-wrap{height:550px}
  .ts-card.pos-center{width:220px}
  .ts-card.pos-left1{width:160px;transform:translateX(-220px) scale(0.85)}
  .ts-card.pos-left2{opacity:0;pointer-events:none}
  .ts-card.pos-right1{width:160px;transform:translateX(220px) scale(0.85)}
  .ts-card.pos-right2{opacity:0;pointer-events:none}
  .pos-center .media-wrap img,.pos-center .media-wrap video{height:480px}
  .pos-left1 .media-wrap img,.pos-left1 .media-wrap video{height:260px}
  .pos-right1 .media-wrap img,.pos-right1 .media-wrap video{height:260px}
  h2.section__title.benefits {
    padding: 30px 0px;
}
 .hero__tags {
    
      font-size: 12px;
      
    }
}
@media(max-width:420px){
  .ts-card.pos-left1{opacity:0;pointer-events:none}
  .ts-card.pos-right1{opacity:0;pointer-events:none}
  .ts-card.pos-center{width:85vw}
}

@media (max-width: 768px) {
    #popmake-519 {
        width: 95% !important;
        max-width: 95% !important;
        /* top: 20px !important; */
        left: 0 !important;
        right: 0 !important;
    }

    #pum_popup_title_519 {
        font-size: 20px !important;
        text-align: center;
    }

    .popupvideo-inner p {
        text-align: center;
    }

    .btn-primary {
        display: block;
        width: 100%;
        text-align: center;
    }
    .popupvideo-outer,
.popupvideo-inner,
.popupvideo-outer .container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.popupvideo-inner iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
    display: block;
    border: 0;
}

#popmake-519 {
    width: 95% !important;
    max-width: 695px !important;
    box-sizing: border-box;
}

#popmake-519 .pum-content {
    overflow: hidden !important;
}
.hero.desktop{
  display: none
}

.hero__subtitle.mobile{
  padding-top: 40px;
}

.partner-logo img {
    width: 70%;
}
.stats-grid {
    display: grid;
    grid-template-columns: 1fr;
}
.bangalore-grid {
    display: grid;
    grid-template-columns: 1fr !important;
}

.sreis-card-cta-btn.desktop{
  display: none;
}
.sreis-step-card {
    height: 200px;
}
.sreis-step-sub {
    font-size: 14px;
}
.sreis-card-cta-btn{
      padding: 1px 0px;
        text-align: center;
        
        font-size: 16px;
    
}

}

@media (min-width: 768px){
  .hero.mobile{
    display: none;
  }
.sreis-card-cta-btn.mobile{
  display: none;
}

}


div#popmake-519 {
    border-radius: var(--radius-xl);
    object-fit: cover;
    border: 3px solid var(--brand-yellow);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
    margin: 0 auto;
}

button.pum-close.popmake-close {
    border-radius: 0px 17px 0px 0px !important;
    background-color: red !important;
}

.popupvideo-inner p {
    text-align: center;
   
        font-size: 13px;
    color: #4a5568;
}

div#popmake-519 {
    background-color: oklch(20% .09 265);
    color: #fff !important;
}

div#pum_popup_title_519 {
    color: #fff;
    font-weight: 500;
    text-align: center;
        display: none;
}

.pum-theme-511 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{
  top: 0px !important;
  right: 0px !important;
}


.container-sm a:hover {
    color: #ffbf00;
    color:#0A1F4D;
}

    /* ============================
       STICKY BOTTOM BAR
    ============================ */
    .sticky-bar {
      position: fixed;
      inset-x: 0;
      bottom: 0;
      z-index: 40;
      border-top: 1px solid var(--border);
      background-color: color-mix(in oklab, oklch(20% .09 265) 80%,transparent);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      padding: 10px 0;
      width: 100%;
    }
    .sticky-bar__inner {
      max-width: 896px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 0 1rem;
    }
    .sticky-bar__text { flex: 1; min-width: 0; }
    .sticky-bar__text .title {
      font-size: 0.875rem;
      font-weight: 900;
      color: var(--foreground);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .sticky-bar__text .sub {
      font-size: 12px;
      color: var(--muted);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    gap: 6px;
    font-weight: 500;
    }
    .sticky-bar__price { font-size: 1.2rem; font-weight: 900; color: var(--foreground); }

    .btn-apply-sticky {
      display: inline-flex;
      flex-shrink: 0;
      align-items: center;
      gap: 4px;
      border-radius: var(--radius-full);
      padding: 10px 20px;
      font-size: 0.875rem;
      font-weight: 700;
     
      background: var(--gradient-cta) !important;
    color: #0b1354 !important;
      box-shadow: var(--shadow-glow);
      transition: transform 0.15s;
      border: none;
      cursor: pointer;
     
    }
    .btn-apply-sticky:hover { transform: scale(1.025); }

    @media (min-width: 640px) {
      .sticky-bar__inner { padding: 0 1.5rem; }
      .sticky-bar__text .title { font-size: 1rem; }
      .btn-apply-sticky { padding: 12px 28px; font-size: 1rem; }
    }

    .whats-app-outer {
    display: none;
}

    /* ============================
       SPACER FOR STICKY BAR
    ============================ */
    .sticky-spacer { height: 72px; }

    /* ============================
       UTILITY
    ============================ */
    .text-center { text-align: center; }
    .text-yellow { color: var(--brand-yellow); }
    .mb-2 { margin-bottom: 0.5rem; }
    .mb-3 { margin-bottom: 0.75rem; }
    .mb-4 { margin-bottom: 1rem; }
    .mb-6 { margin-bottom: 1.5rem; }
    .mb-10 { margin-bottom: 2.5rem; }

    /* ============================
       BANGALORE SECTION
    ============================ */
    .bangalore-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem;
    }
    @media (min-width: 1024px) {
      .bangalore-grid { grid-template-columns: repeat(4, 1fr); }
    }




@media(max-width:767px){
   
    .header-outer .container .header-right{
        display: none;
    }
    .carousel-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 64px;
    padding: 0px 24px;
}

.chairman-card__stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.25rem;

}

}
@media(max-width:640px){
  
    .header-outer .container .header-right{
        display: none;
    }
   

    label {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    display: block;
}

.footer-right p {
    font-size: 14px;
}
}

@media(max-width:480px){
 
  
    label {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    display: block;
}

.footer-right p {
    font-size: 14px;
}
}



@media(min-width:362px) and (max-width:478px){


    label {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    display: block;
}

.footer-right p {
    font-size: 14px;
}
}


@media(max-width:360px){
.home-about-outer .home-about-left h1 {
        font-size: 30px;
    }
    .header-outer .container .header-right{
        display: none;
    }
}



/* new banner */


        /* Wrapper block to restrict scope reset */
        .srb-banner-wrapper {
           
            background-color: #0d0c59; /* Matching the exact deep blue background */
            
            width: 100%;
        }

       

        /* Main Container holding both sides */
        .srb-main-container {
            background-color: oklch(0.24 0.16 269.6);
            color: #ffffff;
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 40px;
                padding-bottom: 70px;
            position: relative;
            overflow: hidden;
            border-radius: 4px;
        }

        /* Top disclaimer note */
        .srb-top-disclaimer {
           
            right: 40px;
            font-size: 14px;
            color: #ffcc00;
            text-align: right;
            opacity: 0.9;
        }

        /* Left Side Column */
        .srb-left-column {
            flex: 1;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .srb-main-title {
            font-size: 30px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 5px;
            color: #ffffff;
        }

        .srb-subtitle-location {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0;
}

.srb-subtitle-location::before,
.srb-subtitle-location::after {
    content: "";
    width: 90px;
    height: 2px;
    background: linear-gradient(
        to right,
        rgba(214, 190, 22, 0.2) 0%,
        #d6be16 40%,
        #d6be16 100%
    );
}

.srb-subtitle-location::after {
    background: linear-gradient(
        to left,
        rgba(214, 190, 22, 0.2) 0%,
        #d6be16 40%,
        #d6be16 100%
    );
}

        .srb-logo-wrapper {
            margin-bottom: 0px;
                align-items: center;
                display: flex;
                 margin-top: 20px;   
    flex-direction: column;

        }

        .srb-logo-circle {
            width: 130px;
            height: 130px;
            background: radial-gradient(circle, #fff 60%, #fffb00 100%);
            border-radius: 50%;
            /* display: flex; */
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 20px rgba(255, 251, 0, 0.4);
            padding: 5px;
                border: 2.5px solid var(--brand-yellow);
                    display: block;
    position: relative;
    overflow: hidden;
        }

        .srb-logo-circle img {
            width: 100%;
            height: auto;
        }

        .srb-estd-text {
            font-size: 14px;
            letter-spacing: 2px;
            color: #ffffff;
                margin-bottom: 20px;
    margin-top: 20px;
        }

        .srb-attention-text {
            font-weight: 700;
            color: #ffcc00;
            font-size: 16px;
            letter-spacing: 0.5px;
            align-self: flex-start;
            margin-top: auto;
        }

        /* Right Side Column */
        .srb-right-column {
            flex: 1;
            max-width: 100%;
            display: flex;
            flex-direction: column;
        }

        .paramedical-line {
    position: relative;
    display: inline-block;
}

.paramedical-line::after {
    content: "";
    position: absolute;
    left: 0%;
        bottom: -14px;
    width: 112%; /* Increase to 120%, 130%, etc. */
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20'%3E%3Cpath d='M5 12 C100 20 220 2 395 12' fill='none' stroke='%23ff3b3b' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}

        /* Tamil + English Main Headline */
        /* .srb-headline-section {
            margin-bottom: 25px;
            border-bottom: 4px solid #e63946; 
            padding-bottom: 10px;
        } */

        .srb-tamil-text-large {
            font-size: 25px;
            font-weight: 700;
            display: block;
            color: #ffffff;
            line-height: 50px;
        }

        .srb-highlight-yellow {
            color: #fff;
        }

        .srb-sub-description {
            font-size: 18px;
            line-height: 1.6;
            margin-bottom: 30px;
            opacity: 0.95;
            color: #ffffff;
                margin-top: 20px;
        }



        /* Badges / Key highlights grid */
        .srb-highlights-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px 20px;
            margin-bottom: 40px;
            font-size: 15px;
            color: #ffffff;
        }

        .srb-highlight-item {
            display: flex;
            align-items: center;
            gap: 8px;
            
        }

        .srb-tamil-text-large img.emoji{
    font-size: 38px;
     transform: rotate(-20deg); /* Adjust angle as needed */
    display: inline-block;
   
}

span.attention-color

{
    color: #ffbd00;
    font-style: italic;
}

        /* Bottom Controls Row (Timer + Button) */
        .srb-action-row {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-top: 25px;
                flex-direction: column;
        }

        /* Timer UI Elements */
        .srb-timer-box {
            background-color: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 50px;
            padding: 8px 24px;
            display: flex;
            align-items: center;
            gap: 12px;
            color: #ffffff;
        }

        .srb-timer-icon {
            color: #ffcc00;
            font-size: 18px;
        }

        .srb-timer-segment {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .srb-timer-digits {
            font-size: 20px;
            font-weight: 700;
            min-width: 24px;
            text-align: center;
        }

        .srb-timer-label {
            font-size: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            opacity: 0.7;
            margin-top: -2px;
        }

        .srb-timer-separator {
            font-weight: 700;
            font-size: 18px;
            margin-top: -10px;
        }

        /* Action Button */
        .srb-apply-btn {
            background: linear-gradient(180deg, #ffcc00 0%, #ff9900 100%);
            border: none;
            color: #0b0784;
            font-weight: 700;
            font-size: 15px;
            padding: 14px 32px;
            border-radius: 8px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 15px rgba(255, 153, 0, 0.3);
            transition: transform 0.2s ease;
        }

        .srb-apply-btn:hover {
            transform: translateY(-2px);
        }

        /* Responsive Breakpoint for Tablet/Mobile screens */
        @media (max-width: 900px) {
            .srb-main-container {
                flex-direction: column;
                gap: 40px;
                padding: 40px 20px;
                padding-bottom: 20px;
            }
            .srb-left-column, .srb-right-column {
                max-width: 100%;
                width: 100%;
            }
            .srb-subtitle-location::before { left: 5%; }
            .srb-subtitle-location::after { right: 5%; }
            .srb-action-row {
                flex-direction: column;
                align-items: stretch;
            }
            .srb-timer-box {
                justify-content: center;
            }
            .srb-apply-btn {
                justify-content: center;
            }
        }


 /* Approved section */


 /* Unique CSS Scope Prefix: aprv-sec__ */

.aprv-sec__wrapper {
  width: 100%;
  
  margin: 0 auto;
  padding: 62px 72px;
  text-align: center;
  background-color: oklch(20% .09 265);
 
}

/* Header Elements */
.aprv-sec__header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 45px;
}

.aprv-sec__title {
 font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 900;
 
  color: #fff; 
  letter-spacing: 2px;
  margin: 0 20px;
  white-space: nowrap;
}

/* .aprv-sec__line {
  height: 1px;
  background-color: #e2e8f0;
  width: 80px;
} */

/* Card Grid Layout */
.aprv-sec__grid {
  display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
  
  gap: 24px;
  justify-content: center;
  margin-bottom: 35px;
}

/* Specific Card Styling */
.aprv-sec__card {
     border-radius: var(--radius-xl);
    border: 1px solid var(--border);
    background-color: var(--bg-secondary);
    padding: 1.5rem;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  
  width: calc(25% - 18px); 
  min-width: 240px; 
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);

}

.aprv-sec__card:hover {
  border-color: rgba(232, 184, 75, 0.5);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}

/* Circular Container for Logos */
.aprv-sec__logo-box {
  width: 90px;
  height: 90px;
  border: 1px solid #f1f5f9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  background-color: #ffffff;
}

.aprv-sec__img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 50%;
}

/* Typography inside cards */
.aprv-sec__name {
  font-size: 0.9rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
 
  letter-spacing: 0.5px;
}

.aprv-sec__desc {
  font-size: 13px;
      color: oklch(78% .03 250);
  line-height: 1.5;
}

/* Bottom Row Settings */
.aprv-sec__footer {
  margin-top: 30px;
}

.aprv-sec__footer-text {
      font-size: 16px;
   
    text-align: center;
    color: var(--muted);
}

.aprv-sec__bullet {
  margin: 0 8px;
  color: #94a3b8;
}

/* Fluid Breakpoints for cross-device compatibility */
@media (max-width: 1024px) {
  .aprv-sec__card {
    width: calc(50% - 12px); 
  }
}

@media (max-width: 540px) {
  .aprv-sec__card {
    width: 100%; 
  }
  .aprv-sec__title {
    font-size: 12px;
  }
  .aprv-sec__line {
    width: 40px;
  }
}


/* video section */


.inf-rec__section {
  width: 100%;
  max-width: 820px; /* Centered layout block */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0px;
}

/* Header Elements */
.inf-rec__header {
  text-align: center;
  margin-bottom: 35px;
}

.inf-rec__badge {
  
  align-items: center;
  gap: 6px;
 display: inline-block;
    background-color: var(--brand-yellow);
    color: var(--brand-navy);
    border-radius: var(--radius-sm);
    padding: 6px 16px;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1rem;
}

.inf-rec__title {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 900;
    text-align: center;
    color :#fff;
    margin-bottom: 0.75rem;


  margin-bottom: 12px;
}

.inf-rec__subtitle {
  font-size: 16px;
  color:  var(--muted);
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Card Box */
.inf-rec__card {
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08);
  width: 100%;
  border: 1px solid #e2e8f0;
}

/* Aspect Video Frame Box */
.inf-rec__video-wrapper {
  position: relative;
  width: 100%;
  
  background-color: #000000;
}

.inf-rec__video-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.85;
}

/* Video Header Ribbon Overlay */
.inf-rec__video-top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px 20px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.inf-rec__video-views {
  font-size: 11px;
  font-weight: 600;
  opacity: 0.9;
}

.inf-rec__video-title {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Centered Play Button */
.inf-rec__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 48px;
  background-color: #ff0000;
  border: none;
  border-radius: 12px;
  color: white;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.inf-rec__play-btn svg {
  width: 26px;
  height: 26px;
}

.inf-rec__play-btn:hover {
  background-color: #cc0000;
  transform: translate(-50%, -50%) scale(1.08);
}

/* Mini YouTube Badge overlay */
.inf-rec__youtube-badge {
  position: absolute;
  bottom: 15px;
  right: 20px;
  background-color: rgba(28, 28, 28, 0.8);
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}

.inf-rec__yt-text {
  font-weight: 700;
  letter-spacing: -0.5px;
}

/* Testimonial Section Content */
.inf-rec__card-footer {
  padding: 24px 30px 28px 30px;
  text-align: left;
}

.inf-rec__user-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.inf-rec__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #c7d2fe;
  color: #3730a3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
}

.inf-rec__user-meta {
  display: flex;
  flex-direction: column;
}

.inf-rec__user-name {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 4px;
}

.inf-rec__verified-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: #3b82f6;
  color: #fff;
  border-radius: 50%;
  font-size: 9px;
  font-weight: bold;
}

.inf-rec__user-handle {
  font-size: 12px;
  color: #64748b;
  margin-top: 1px;
}

.inf-rec__quote {
  font-size: 14px;
  font-weight: 500;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 16px;
}

.inf-rec__rating-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.inf-rec__stars {
  color: #f59e0b; /* Golden Yellow stars */
  font-size: 14px;
  letter-spacing: 2px;
}

.inf-rec__verified-label {
  font-size: 12px;
  color: #94a3b8;
}

/* Footer & CTA Layout Row */
.inf-rec__action-wrapper {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.inf-rec__views-total {
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
}


.inf-rec__cta-note strong {
    color: #ffc200;
}
.inf-rec__play-icon {
  font-size: 10px;
  color: #64748b;
}

.inf-rec__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--gradient-cta);/* Orange-yellow call to action */
  color: #000;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  padding: 14px 28px;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.3);
  transition: background-color 0.2s ease, transform 0.2s ease;
  margin-bottom: 12px;
}

.inf-rec__cta-btn:hover {
  background-color: #d97706;
  transform: translateY(-1px);
}

.inf-rec__lock-icon {
  font-weight: 800;
}

.inf-rec__cta-note {
  font-size: 13px;
  color: #64748b;
  text-align: center;
  max-width: 480px;
  line-height: 1.5;
}

/* Responsive Scaling adjustments */
@media (max-width: 640px) {
  .inf-rec__title {
    font-size: 24px;
  }
  .inf-rec__card-footer {
    padding: 20px;
  }
  .inf-rec__quote {
    font-size: 13px;
  }
}


/* dashborad */

section.dashboard-outer {
    padding: 3.5rem 72px;
    background-color: oklch(20% .09 265);
}

.ug-dash-container {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
   
  }

  .ug-dash-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 20px rgba(80, 80, 160, 0.08);
  }

  .ug-dash-icon-circle {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #0A1F4D;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(75, 63, 242, 0.35);
  }

  .ug-dash-icon-circle svg {
    width: 30px;
    height: 30px;
    stroke: #fff;
    fill: none;
    stroke-width: 2;
  }

  .ug-dash-icon-circle svg.filled {
    fill: #fff;
    stroke: none;
  }

  .ug-dash-card-content { flex: 1; min-width: 0; }

  .ug-dash-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #8b8fa3;
    text-transform: uppercase;
    margin-bottom: 8px;
  }

  .ug-dash-value {
    font-size: 30px;
    font-weight: 700;
    color: #14142b;
    line-height: 1;
  }

  /* Timer card specific elements */
  .ug-dash-timer-value { display: flex; align-items: baseline; gap: 8px; }
  .ug-dash-timer-value .ug-dash-sep { color: #c7c9e0; font-weight: 700; }

  .ug-dash-timer-tags {
    display: flex;
    gap: 8px;
    margin-top: 10px;
  }

  .ug-dash-timer-tags span {
    background: #eceafd;
 color: oklch(0.19 0.08 264.9 / 0.69);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 4px 10px;
    border-radius: 20px;
  }

  /* Live activity notification banner */
  .ug-dash-live-card {
    grid-column: 1 / -1;
    background: linear-gradient(90deg, #e4f8ec, #eefaf1);
    border: 1px solid #d3f0dd;
    justify-content: space-between;
  }

  .ug-dash-live-left { display: flex; align-items: center; gap: 16px; }

  .ug-dash-pulse-dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c8f0d6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }



  @keyframes ug-dash-pulse {
    0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.5); }
    70% { box-shadow: 0 0 0 10px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
  }

  .ug-dash-live-text .ug-dash-label { color: #16a34a; margin-bottom: 4px; }

  .ug-dash-live-text .ug-dash-message {
    font-size: 20px;
    font-weight: 600;
    color: #14142b;
    transition: opacity 0.35s ease, transform 0.35s ease;
  }

  .ug-dash-message.ug-dash-fade {
    opacity: 0;
    transform: translateY(6px);
  }

  .ug-dash-trend-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    flex-shrink: 0;
  }

  .ug-dash-trend-btn svg { width: 22px; height: 22px; stroke: #16a34a; fill:none; stroke-width:2.5; }

  @media (max-width: 900px) {
    .ug-dash-container { grid-template-columns: 1fr; }
    .ug-dash-live-card { grid-column: 1; }
  }



  /* dashboard form */


  /* Container */
.options-container {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Global Option Card Base Styles */
.option-card {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #edf2f7;
  border-radius: 100px; 
  padding: 18px 28px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(142, 151, 172, 0.1);
}


a.heronew:hover {
    color: #fff;
}
a.heronew {
   text-decoration: underline;
}

.srb-highlight-item {
    background-color: #fff;
    color: #000;
    padding: 8px;
    border-radius: 9px;
    box-shadow: 0 12px 9px rgb(f f f / 31%);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
     
    border: 1px solid var(--border);
}

/* Hide original native checkbox */
.option-card input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Custom Checkbox Design */
.custom-checkbox {
  position: relative;
  height: 26px;
  width: 26px;
  background-color: transparent;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  margin-right: 16px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* Card Interior Typography */
.emoji {
  font-size: 20px;
  margin-right: 14px;
  display: flex;
  align-items: center;
}

.text {
  font-size: 16px;
  color: #4a5568;
  font-weight: 500;
}

/* Checked State Dynamic Rules */
.option-card input[type="checkbox"]:checked ~ .custom-checkbox {
  background-color: #f1b800;
  border-color: #f1b800;
}

/* Checkmark Tick inside Custom Checkbox */
.custom-checkbox::after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 4px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
}

.option-card input[type="checkbox"]:checked ~ .custom-checkbox::after {
  display: block;
}

/* Card Selection Shadow Glow */
.option-card:has(input[type="checkbox"]:checked) {
  border-color: rgba(241, 184, 0, 0.3);
  box-shadow: 0 8px 24px rgba(241, 184, 0, 0.2);
}

/* State Modifier Class for Dimming Unselected Choices */
.option-card.card-disabled-state {
  opacity: 0.85;
  pointer-events: none; 
  box-shadow: none; 
  background-color: #fafafa;
}

.inf-rec__title.form span {
    color: #ffc200;
}

.inf-rec__badge.form {
    margin-top: 20px;
    border-radius: 20px;
}

.srb-top-disclaimer.form {
    color: #9ea3b0;
}


/* just 126 section */

.adm26-card-wrapper {
  
  padding: 3.5rem 72px;
    background-color: oklch(20% .09 265);
  display: flex;
  justify-content: center;
  align-items: center;
 
}

.adm26-card-container {
  width: 100%;
  max-width: 600px;
  background: transparent;
}

/* Header Styles */
.adm26-card-header {
  text-align: center;
  margin-bottom: 30px;
}

.adm26-badge-why {
  background-color: var(--brand-yellow);
  color: var(--brand-navy);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 16px;
  border: 1px dashed #e6d3b3;
}

.adm26-main-heading {
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 12px 0;
  line-height: 1.2;
}

.adm26-txt-blue {
  color: #fff;
}

.adm26-txt-yellow {
  color: #f3a81a;
}

.adm26-sub-heading {
  color:  var(--muted);
  font-size: 15px;
  margin: 0;
  font-weight: 400;
}

/* Table Card Box */
.adm26-table-box {
  background: #03103e;
  border-radius: 24px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
 
  overflow: hidden;
}

.adm26-table-row {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;

}

.adm26-row-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.adm26-check-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ecfdf5;
  color: #10b981;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #d1fae5;
}

.adm26-feature-text {
  font-size: 15px;
  color: #2d3748;
  font-weight: 500;
}

.adm26-strike-price {
  font-size: 15px;
  color: #a0aec0;
  text-decoration: line-through;
  font-weight: 500;
}

/* Dark Blue Total Value Bar */
.adm26-row-total-value {
  background-color: #0d1279;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  color: #ffffff;
}

.adm26-total-label {
  font-size: 16px;
  font-weight: 700;
}

.adm26-total-old-price {
  font-size: 16px;
  text-decoration: line-through;
  opacity: 0.6;
  font-weight: 500;
}

/* Bright Yellow Pay Bar */
.adm26-row-final-pay {
  background-image: linear-gradient(135deg, oklch(86% .18 92) 0%, oklch(75% .16 65) 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 24px;
  color: #0b1354;
}

.adm26-pay-label {
  font-size: 18px;
  font-weight: 700;
}

.adm26-pay-amount {
  font-size: 34px;
  font-weight: 800;
}

/* Footer Section */
.adm26-card-footer {
  text-align: center;
  margin-top: 24px;
}

.adm26-btn-primary {
      background: var(--gradient-cta);
  color: #0b1354;
  border: none;
  border-radius: 12px;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(249, 168, 24, 0.3);
  transition: transform 0.2s ease, background-color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.adm26-btn-primary:hover {
  background-color: #e5950f;
  transform: translateY(-1px);
}

.adm26-btn-icon {
  font-weight: 800;
}

.adm26-footer-notice {
  font-size: 14px;
  color: #718096;
      max-width: 553px;
  margin: 16px auto 12px auto;
  line-height: 1.5;
}

.adm26-footer-notice strong {
  color: #f9a818;
}

.adm26-secure-text {
  font-size: 14px;
  color: #a0aec0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.adm26-lock-icon {
  font-size: 11px;
  opacity: 0.7;
}

/* Mobile Responsiveness */
@media (max-width: 576px) {
  .adm26-main-heading {
    font-size: 24px;
  }
  .adm26-table-row {
    padding: 14px 16px;
  }
  .adm26-feature-text {
    font-size: 13.5px;
  }
  .adm26-row-final-pay {
    padding: 16px 16px;
  }
  .adm26-pay-amount {
    font-size: 28px;
  }
  .adm26-btn-primary {
    width: 100%;
    justify-content: center;
  }
}



/* course updation */


.st26-outer-wrapper {
 
 
   padding: 9px 11px 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  
  
}

.st26-card-container {
  width: 100%;
  max-width: 650px;
  background-color: #ffffff;
  border-radius: 14px; /* Smooth rounded corners matching the image */
  padding: 12px 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  
}

/* Progress Section */
.st26-progress-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.st26-seats-left {
  font-size: 12px;
  font-weight: 700;
  color: #0b1354;
  letter-spacing: -0.3px;
}

.st26-percentage-filled {
  font-size: 11px;
  font-weight: 400;
  color: #718096;
}

/* Progress Bar Custom Styling */
.st26-progress-track {
  width: 100%;
  height: 8px;
  background-color: #eef2f6;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}

.st26-progress-fill {
  height: 100%;
  background-color: #5842f4; /* Vibrant purple/blue indicator tint */
  border-radius: 10px;
}

/* Pill Button Styles */
.st26-btn-action {
  width: 100%;
  background-color: #0b1354; /* Midnight navy blue */
  color: #ffffff;
  border: none;
  border-radius: 50px; /* Exact pill shape */
  padding: 7px 0px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  margin-bottom: 4px;
  letter-spacing: -0.2px;
}

.st26-btn-action:hover {
  background-color: #141f7a;
}

.st26-btn-action:active {
  transform: scale(0.99);
}

/* Bottom Notice Text */
.st26-disclaimer {
  font-size: 9.5px;
  color: #5a6a85;
  text-align: center;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 520px;
  font-weight: 400;
}

.st26-highlight-gold {
  color: #f9a818;
  font-weight: 700;
}

/* Mobile Breakpoints */
@media (max-width: 576px) {
  .st26-card-container {
    padding: 24px 20px;
    border-radius: 24px;
  }
  .st26-seats-left {
    font-size: 17px;
  }
  .st26-percentage-filled {
    font-size: 15px;
  }
  .st26-btn-action {
    font-size: 18px;
    padding: 14px 20px;
    margin-bottom: 16px;
  }
  .st26-disclaimer {
    font-size: 12px;
  }
}



/* about us */

 /* --- Main Container --- */
        .edu-about-section {
            max-width: 1100px;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 40px;
            margin: 0 auto;
            padding: 70px 40px;
        }

        /* --- Header Section --- */
        .edu-header-group {
            text-align: center;
            max-width: 700px;
        }

        .edu-badge-legacy {
            display: inline-flex;
            align-items: center;
            gap: 6px;
           background-color: var(--brand-yellow);
    color: var(--brand-navy);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
            
            
            margin-bottom: 16px;
        }

        .edu-main-title {
            font-size: 36px;
            font-weight: 800;
            color: #fff;
            line-height: 1.3;
            margin-bottom: 14px;
        }

        .edu-main-title span {
            color: #ffc200;
        }

        .edu-subtitle {
            font-size: 16px;
            color: #64748b;
            line-height: 1.6;
        }

        /* --- Chairman Card --- */
        .edu-chairman-card {
            background: #ffffff;
            border-radius: 24px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
            display: flex;
            overflow: hidden;
            width: 100%;
            border: 1px solid #e2e8f0;
        }

        /* Left Profile Column */
        .edu-profile-sidebar {
            background-color: #1e3a8a;
            color: #ffffff;
            width: 38%;
                padding: 30px 6px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            
        }

        .edu-avatar-wrapper {
            position: relative;
            width: 160px;
            height: 160px;
            border-radius: 50%;
            padding: 6px;
            background: linear-gradient(135deg, #fcd34d, #f59e0b);
            margin-bottom: 20px;
        }

        .edu-avatar-img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            background-color: #e2e8f0; /* Placeholder color if image fails */
        }

        .edu-meta-tag {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #fcd34d;
            margin-bottom: 6px;
        }

        .edu-leader-name {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .edu-leader-title {
            font-size: 13px;
            color: #93c5fd;
            margin-bottom: 16px;
        }

        .edu-award-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            color: #fcd34d;
            font-weight: 500;
        }

        /* Right Content Column */
        .edu-message-content {
            width: 62%;
                padding: 13px 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .edu-quote-icon {
            color: #fcd34d;
            font-size: 48px;
            font-family: serif;
            line-height: 10px;
            margin-bottom: 10px;
        }

        .edu-quote-text {
            font-size: 16px;
            line-height: 1.7;
            color: #334155;
           
            margin-bottom: 18px;
        }

        /* Stats Grid inside Card */
        .edu-stats-grid {
            border-top: 1px solid #e2e8f0;
            padding-top: 24px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }

        .edu-stat-item {
            display: flex;
            align-items: center;
           
            font-size: 14px;
            color: #475569;
        }

        .edu-stat-item i {
            color: #1e3a8a;
            flex-shrink: 0;
        }

        .edu-stat-item strong {
            color: #0f172a;
            font-weight: 700;
        }

        /* --- Pillars Grid (Vision, Mission, Values) --- */
        .edu-pillars-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            width: 100%;
        }

        .edu-pillar-card {
            border-radius: 20px;
            padding: 32px;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        /* Individual Card Themes */
        .edu-pillar-card.theme-vision {
            background-color: #eef2ff;
        }
        .edu-pillar-card.theme-mission {
            background-color: #eef2ff;
        }
        .edu-pillar-card.theme-values {
            background-color: #eef2ff;
        }

        .edu-pillar-icon-box {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0,0,0,0.03);
        }

        .theme-vision .edu-pillar-icon-box i { color: #3b82f6; }
        .theme-mission .edu-pillar-icon-box i { color: #f59e0b; }
        .theme-values .edu-pillar-icon-box i { color: #6366f1; }

        .edu-pillar-title {
            font-size: 18px;
            font-weight: 700;
            color: #1e3a8a;
        }

        .edu-pillar-desc {
            font-size: 14px;
            line-height: 1.6;
            color: #475569;
        }

        /* --- CTA Action Area --- */
        .edu-cta-wrapper {
            text-align: center;
            margin-top: 10px;
        }

        .edu-btn-primary {
            background :var(--gradient-cta) !important;
            color: #0f172a;
            font-size: 15px;
            font-weight: 700;
            padding: 14px 36px;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            box-shadow: 0 4px 14px rgba(245, 158, 11, 0.3);
            transition: transform 0.2s ease, background-color 0.2s ease;
        }

        .edu-btn-primary:hover {
            background-color: #d97706;
            transform: translateY(-1px);
        }

        .edu-cta-disclaimer {
            font-size: 12px;
            color: #64748b;
            margin-top: 12px;
        }

        .edu-cta-disclaimer strong {
            color: #f59e0b;
        }
        .edu-pillar-icon-box img {
    width: 27px;
}

        /* --- Responsive Design --- */
        @media (max-width: 960px) {
            .edu-chairman-card {
                flex-direction: column;
            }
            .edu-profile-sidebar, .edu-message-content {
                width: 100%;
            }
            .edu-pillars-container {
                grid-template-columns: 1fr;
            }
        }


    /* 2. Wrapper for the scrolling marquee text alone */
        .marquee-container {
            flex: 1;
            overflow: hidden;
            display: flex;
            align-items: center;
            white-space: nowrap;
            margin-right: 20px; 
            margin-left: 20px; 
        }

        /* The scrolling text track */
        .marquee-track {
            display: inline-flex;
            gap: 35px !important; /* Gap between looping text instances */
            animation: marquee 35s linear infinite;
        }

        .marquee-text {
            font-size: 14px;
            font-weight: 600;
        }

        /* Smooth CSS Marquee Animation */
        @keyframes marquee {
            0% { transform: translateX(0%); }
            100% { transform: translateX(-50%); } 
        }

        .sub img {
    width: 3%;
}


.srb-logo-circle::before{
  content: "";
    width: 10px;
    height: 200px;
    position: absolute;
    left: -50px;
    top: 0;
    margin-top: -20px;
    background: #fff;
    opacity: .6;
    animation: login-blur 3s infinite;
    animation-delay: 0s;
    animation-delay: 0s;
    animation-delay: 0s;
    transform-origin: top;
}


.srb-logo-circle::after{
 content: "";
    width: 20px;
    height: 200px;
    position: absolute;
    left: -20px;
    top: 0;
    margin-top: -20px;
    background: #fff;
    opacity: .6;
    animation: login-blur 3s infinite;
    animation-delay: 0s;
    animation-delay: 0s;
    animation-delay: 0s;
    transform-origin: top;
}

@keyframes login-blur{
    0% {
    transform: translate(0) rotate(45deg);
}
100% {
    transform: translateX(470px) rotate(45deg);
}
}


/* Container styling */
.app-form-container {
    max-width: 500px;
    margin: 20px auto;
    background: #f8faff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    
    overflow: hidden;
}

/* Header Banner styling */
.app-form-header {
    background-color: #2b329b; /* Deep Indigo Blue */
    color: #ffffff;
    padding: 30px 24px;
}
.app-form-header h2 {
    color: #ffffff !important;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px 0 !important;
}
.app-form-header p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    margin: 0;
    text-align: left;
}

/* Body Content styling */
.app-form-body {
    padding: 24px;
}

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

.form-group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #0b132b;
    margin-bottom: 0px;
    text-align: left;
}

/* Flex wrapper for goals row header */
.label-flex p {
    display: flex;
    justify-content: space-between;
    align-items: center;
        margin-bottom: 0px;
}
.counter-text {
    font-size: 12px;
    color: #62728d;
    font-weight: 500;
}

/* Base styling for all input forms */
.app-form-body input[type="text"],
.app-form-body input[type="tel"],
.app-form-body select {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    color: #495057;
    background-color: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 24px; /* Distinct Pill Shape from UI */
    box-sizing: border-box;
    transition: border-color 0.2s ease;
    outline: none;
    appearance: none; /* Strips default browser styling */
}

/* Custom indicator background icons for Select dropdowns */
.app-form-body select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 40px;
}


.app-form-body input:focus,
.app-form-body select:focus {
    border-color: #2b329b;
}

.check-box-acceptance span.wpcf7-list-item-label {
       font-size: 13px;
    color: #4a5568;
    line-height: 1.5;
    margin: 0;
        font-weight: 300;
}

/* Help Text */
.form-help-text {
    font-size: 12px;
    color: #62728d;
    margin: 6px 0 0 4px;
    line-height: 1.4;
}

/* Fee Notice Banner */
.fee-notice {
    margin: 10px 0;
    text-align: center;
}
.fee-notice p {
    font-size: 13px;
    color: #4a5568;
    line-height: 1.5;
    margin: 0;
}
.fee-notice strong {
    color: #f4a216; /* Bright Gold color accent */
    font-weight: 700;
}

/* Main Call-to-Action Submit Button */
.form-submit-group input[type="submit"] {
    width: 100%;
    background: #f4a216; /* Primary Gold/Orange */
    color: #0b1354;
    border: none;
    padding: 14px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 28px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(244, 162, 22, 0.3);
    transition: background 0.2s ease, transform 0.1s ease;
}

.form-submit-group input[type="submit"]:hover {
    background: #e0920f;
}

.form-submit-group input[type="submit"]:active {
    transform: scale(0.99);
}

/* Hide default Contact Form 7 loader/error structural breaks cleanly */
.wpcf7-pvt-message, .wpcf7-spinner {
    display: block;
    margin: 10px auto;
    text-align: center;
}

.form-submit-group {
    height: 50px;
}


.pum-theme-511 .pum-container, .pum-theme-lightbox .pum-container {
    padding: 0px !important;
}

.popupvideo-outer .container{
  padding: 0 0rem !important;
}

.app-form-container {
    max-width: 500px;
    margin: 0px auto !important;
}


[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #0b1354;
    color: #fff;
    text-decoration: none;
}
/* Make Select2 full width */
.select2-container {
    width: 100% !important;
        margin-top: 10px;
}

.select2-container .select2-selection--single {
    width: 100% !important;
    height: 54px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 30px !important;
    display: flex;
    align-items: center;
    padding: 0 18px;
    box-sizing: border-box;
}

.select2-container .select2-selection__rendered {
    line-height: 54px !important;
    padding-left: 0 !important;
}

.select2-container .select2-selection__arrow {
    height: 54px !important;
    right: 15px !important;
}


/* Selected text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #222 !important;
}

/* Dropdown options */
.select2-container--default .select2-results__option {
    color: #222 !important;
    background: #fff !important;
}

/* Highlighted option */
.select2-container--default .select2-results__option--highlighted {
    background: #0d6efd !important;
    color: #fff !important;
}

/* Search field */
.select2-search__field {
    color: #222 !important;
}

/* Placeholder */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #888 !important;
}

a.inf-rec__cta-btn.popmake-519.pum-trigger {
    color: #13234d;
    font-size: 15px;
}

a.sreis-step-btn.popmake-519.pum-trigger{
  color: #13234d;
    font-size: 15px;

}

a.btn-primary.popmake-519.pum-trigger {
    color: #0b1354;
    font-weight: 700;
}


.card-info {
    display: none;
}


/* whstsapp sticky */

/* page placeholder content so the widget has something to sit over */
  .demo-page{
    max-width:640px;
    padding:60px 32px;
    text-align:center;
  }
  .demo-page h1{ font-size:28px; margin-bottom:8px; }
  .demo-page p{ color: #6b7280; line-height:1.6; }

  /* ---------- Sticky trigger button (bottom-right) ---------- */
  .help-trigger{
    position:fixed;
    right:24px;
    bottom:70px;
    display:flex;
    align-items:center;
    gap:12px;
    background: #ffffff;
    border:none;
    border-radius:999px;
    padding: 6px 10px 6px 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
    cursor:pointer;
    z-index:1000;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .help-trigger:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(0,0,0,0.22);
     background-color: #fff;
    color: #000;
    text-decoration: none;
  }

  .help-trigger .avatar-wrap{
    position:relative;
    width:48px;
    height:48px;
    flex:none;
  }
  .help-trigger .avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    border:2.5px solid #17c964;
    background:linear-gradient(160deg,#ffcf7a,#f7a94c);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  .help-trigger .avatar svg{ width:30px; height:30px; }

  .status-dot{
    position:absolute;
    right:-1px;
    bottom:-1px;
    width:14px;
    height:14px;
    background: #17c964;
    border:2.5px solid #fff;
    border-radius:50%;
  }

  .help-trigger .label{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    font-size:15px;
    color: #14151a;
    white-space:nowrap;
  }
 

  /* ---------- Overlay + expanded panel ---------- */
  .help-overlay{
    position:fixed;
    inset:0;
    background:rgba(6,10,30,0.35);
    backdrop-filter:blur(2px);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
    z-index:1001;
  }
  .help-overlay.open{
    opacity:1;
    pointer-events:auto;
  }

  .help-panel{
    position:fixed;
    right:24px;
    bottom:24px;
    width:380px;
    max-width:calc(100vw - 32px);
    border-radius:24px;
    overflow:hidden;
   
    z-index:1002;
    transform:translateY(16px) scale(0.96);
    opacity:0;
    pointer-events:none;
    transition:transform .28s cubic-bezier(.2,.9,.3,1.2), opacity .22s ease;
  }
  .help-panel.open{
    transform:translateY(0) scale(1);
    opacity:1;
    pointer-events:auto;
  }

  .help-panel-bg{
    position:relative;
    padding:28px 20px 24px;
   
    background-blend-mode:normal;
  }

  .help-panel-header{
    display:flex;
    align-items:center;
    justify-content: end;
    margin-bottom:0px;
     padding-top: 15px;

  }
  .help-panel-header .title{
    color:#fff;
    font-size:17px;
    font-weight:700;
    letter-spacing:.2px;
  }
  .help-panel-header .subtitle{
    color:rgba(255,255,255,0.55);
    font-size:12.5px;
    margin-top:2px;
  }

  .close-btn{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#ffffff;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex:none;
    transition:transform .15s ease, background .15s ease;
  }
  .close-btn:hover{ transform:scale(1.06); background:#f1f1f1; }
  .close-btn svg{ width:18px; height:18px; }

  .contact-list{
    display:flex;
    flex-direction:column;
    gap:12px;
        align-items: flex-end;
  }

  .contact-row{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
  }

  .contact-pill{
    flex:1;
    display:flex;
    align-items:center;
    gap:12px;
    background:#ffffff;
    border-radius:40px;
    padding: 8px 19px;
    box-shadow:0 6px 16px rgba(0,0,0,0.15);
    max-width: fit-content;
  }
  .contact-pill .pill-icon{
    width:20px;
    height:20px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .contact-pill .pill-icon svg{ width:20px; height:20px; }

  .contact-pill .pill-text{
    display:flex;
    flex-direction:column;
    min-width:0;
  }
  .contact-pill .pill-text .t{
    font-weight:700;
    font-size:13.5px;
    color: #14151a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .contact-pill .pill-text .s{
    font-size:12.5px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .contact-fab{
    width:48px;
    height:48px;
    border-radius:50%;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 6px 14px rgba(0,0,0,0.25);
  }
  .contact-fab svg{ width:20px; height:20px; }

  .row-call { }
  .row-call .s{ color: #1877f2; }
  .fab-blue{ background: #1877f2; }

  .row-wa-call .s{ color: #0fa855; }
  .fab-green{ background: #17c964; }

  .row-wa-chat .s{ color: #0fa855; }

  .row-youtube .s{ color: #ff3b30; }
  .fab-red{ background: #ff3b30; }

  .row-brochure .s{ color: #7b2ff7; }
  .fab-purple{ background: #7b2ff7; }

  @media (max-width:420px){
    .help-panel{ right:16px; bottom:16px; width:calc(100vw - 32px); }
    .help-trigger{ right:10px; bottom:70px; }
    .help-trigger .label{ display:none; }
    .help-trigger{ padding:8px; }
  }


  /* video sticky */


    /* This is the placeholder that reserves the space in the page's layout.
     The real <video> is a fixed element that gets moved on top of it. */
  .hero__video{
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 25px;
    background-image: url("https://sriraghavendracollegeofnursing.in/apply-now/wp-content/uploads/2026/07/WhatsApp-Image-2026-07-18-at-2.49.00-PM-1.jpeg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
  }

  /* ---------- the actual floating video stage (always position:fixed) ---------- */
  .video-stage{
    position: fixed;
    top: 0;
     left: 0;
    width: 900px; height: 506px;
  
    overflow: hidden;
    border-radius: var(--radius);
    border: 3px solid var(--maroon);
    background: #000;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  }

  .video-stage.morphing{
    transition:
      top .6s cubic-bezier(.22,1,.36,1),
      left .6s cubic-bezier(.22,1,.36,1),
      width .6s cubic-bezier(.22,1,.36,1),
      height .6s cubic-bezier(.22,1,.36,1),
      border-radius .4s ease,
      border-width .4s ease,
      box-shadow .4s ease;
  }

  .video-stage.corner{
    border-width: 2px;
    box-shadow: 0 14px 34px rgba(0,0,0,0.35);
  }

  .hero__video-thumb{
    position: relative;
    width: 100%;
    height: 100%;
  }

  .hero__video-thumb video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .overlay-grad{
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(0,0,0,0.45), rgba(0,0,0,0));
    pointer-events: none;
  }

  .video-tag{
    position: absolute;
    top: 16px; left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: var(--ink);
    
    font-weight: 600;
    font-size: 0.85rem;
    padding: 8px 14px;
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 2;
  }

  .video-tag .dot{
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--maroon);
    display: inline-block;
  }

  /* smaller tag + close button only make sense once it's a small corner pip */
  .video-stage.corner .video-tag{
    top: 8px; left: 8px;
    font-size: 8px;
    padding: 5px 10px;
  }

  .stage-close{
    position: absolute;
    top: 8px; right: 8px;
    width: 23px; height: 26px;
    border-radius: 50%;
    border: none;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2;
    backdrop-filter: blur(4px);
  }

  .video-stage.corner .stage-close{ display: flex; }
  .stage-close:hover{ background: var(--maroon); }


  @media (min-width: 767px) {

.inf-rec__video-wrapper.mobile {
    display: none;
}
  }
  @media (max-width: 767px) {

    .announcement-bar{
    padding: 0 10px;
    }

    .srb-tamil-text-large{
    font-size: 27px;
        line-height: 38px;
 }

 .srb-tamil-text-large img.emoji {
    font-size: 28px;
 }
     .srb-logo-wrapper {
    margin-bottom: 0px;
     }

     .static-prefix {
    display: none;
}
.marquee-container{
      margin-left: 0px;
}

.srb-highlight-item {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column;
}

.srb-top-disclaimer
{
     text-align: center;
 }

 .aprv-sec__wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 57px 20px;
 }
.inf-rec__section{
      padding: 33px 20px;
}

.inf-rec__video-wrapper.desktop {
    display: none;
}
section.dashboard-outer {
    padding: 3.5rem 19px;
}

.adm26-card-wrapper {
    padding: 3.5rem 20px;
}
.section-alt {
    padding: 3rem 0;
    background-color: oklch(20% .09 265);
    padding-top: 4px;
}
section.why-sreis-card {
      padding: 56px 20px;
    
    padding-top: 20px;
}

.alumni-head {
    text-align: center;
    margin-bottom: 0px;
}

.alumni-section {
  
    padding: 38px 0 26px;
}

.edu-about-section{
      gap: 18px;
    margin: 0 auto;
    padding: 60px 20px;
}

.sub img {
    width: 12%;
}

.reviews-section {
    padding: 3rem 0 1rem;
}

}

@media (max-width: 76px) {
  .video-stage.corner .video-tag{
    font-size: 0.55rem;
    padding: 3px 7px;
  }
  .stage-close{
          width: 16px;
        height: 26px;
        font-size: 11px;
  }
}