:root {
      --primary: #961612;
      --primary-dark: #063460;
      --accent: #e8a020;
      --accent-dark: #c77f0a;
      --light-bg: #f5f7fa;
      --mid-bg: #eef1f6;
      --dark-text: #0d1b2a;
      --body-text: #3a4a5c;
      --border-light: #dce3ee;
      --white: #ffffff;
      --section-pad: 100px 0;
    }

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

    html { scroll-behavior: smooth; }

    body {
     font-family: 'Poppins', sans-serif;
      color: var(--body-text);
      background: var(--white);
      overflow-x: hidden;
    }

    h1, h2, h3, h4, h5 {
      font-family: 'Oswald', sans-serif;
      color: var(--dark-text);
    }

    .display-heading {
      font-family: 'Bebas Neue', sans-serif;
      letter-spacing: 2px;
    }

    /* ===== TOP BAR ===== */
    .top-bar {
      background: var(--primary-dark);
      color: #c8d8e8;
      font-size: 0.78rem;
     font-family: 'Poppins', sans-serif;
      letter-spacing: 0.3px;
    }
    .top-bar a { color: #c8d8e8; text-decoration: none; }
    .top-bar a:hover { color: var(--accent); }
    .top-bar .social-icons a {
      color: #c8d8e8;
      margin-left: 12px;
      font-size: 0.85rem;
      transition: color 0.25s;
    }
    .top-bar .social-icons a:hover { color: var(--accent); }

    /* ===== NAVBAR ===== */
    .main-navbar {
      background: var(--white);
      box-shadow: 0 2px 20px rgba(0,0,0,0.08);
      padding: 0;
      position: sticky;
      top: 0;
      z-index: 1000;
      transition: box-shadow 0.3s;
    }
    .main-navbar .navbar-brand img {
     height: 90px;
      transition: transform 0.3s;
    }
    .main-navbar .navbar-brand img:hover { transform: scale(1.04); }

    .main-navbar .nav-link {
      font-family: 'Oswald', sans-serif;
      font-weight: 500;
      font-size: 0.95rem;
      letter-spacing: 0.8px;
      color: var(--dark-text);
      padding: 22px 14px;
      text-transform: uppercase;
      position: relative;
      transition: color 0.25s;
    }
    .main-navbar .nav-link::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 0;
      height: 3px;
      background: var(--accent);
      transform: translateX(-50%);
      transition: width 0.3s;
    }
    .main-navbar .nav-link:hover, .main-navbar .nav-link:focus { color: var(--primary); }
    .main-navbar .nav-link:hover::after { width: 60%; }

    /* Dropdown */
    .main-navbar .dropdown-menu {
      border: none;
      border-top: 3px solid var(--accent);
      border-radius: 0;
      box-shadow: 0 8px 32px rgba(0,0,0,0.12);
      background: var(--white);
      min-width: 220px;
      padding: 8px 0;
      animation: dropIn 0.2s ease;
      margin-top: 0;
    }
    @keyframes dropIn {
      from { opacity: 0; transform: translateY(-8px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .main-navbar .dropdown-item {
      font-family: 'Oswald', sans-serif;
      font-weight: 400;
      font-size: 0.88rem;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: var(--dark-text);
      padding: 10px 22px;
      transition: background 0.2s, color 0.2s, padding-left 0.2s;
    }
    .main-navbar .dropdown-item:hover {
      background: var(--light-bg);
      color: var(--primary);
      padding-left: 28px;
    }
.menu-toggle {
    position: relative;
    z-index: 999;
}
    /* Desktop hover dropdown */
    @media (min-width: 992px) {
      .main-navbar .dropdown:hover .dropdown-menu { display: block; }
      .main-navbar .dropdown-toggle::after { display: none; }
      .main-navbar .nav-link .fa-chevron-down {
        font-size: 0.65rem;
        margin-left: 4px;
        vertical-align: middle;
        transition: transform 0.2s;
      }
      .main-navbar .dropdown:hover .nav-link .fa-chevron-down { transform: rotate(180deg); }
    }

    .btn-nav-cta {
      background: var(--accent);
      color: var(--dark-text);
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 0.88rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 10px 22px;
      border: none;
      transition: background 0.25s, transform 0.2s;
      margin-left: 8px;
    }
    .btn-nav-cta:hover {
      background: var(--accent-dark);
      transform: translateY(-1px);
    }

    /* Mobile navbar toggle */
    .navbar-toggler {
      border: 2px solid var(--primary);
      padding: 5px 10px;
    }
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%230a4f8c' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    /* Mobile accordion dropdown */
    @media (max-width: 991px) {
      .main-navbar .nav-link { padding: 12px 0; border-bottom: 1px solid var(--border-light); }
      .main-navbar .nav-link::after { display: none; }
      .main-navbar .dropdown-menu {
        border-top: 2px solid var(--accent);
        box-shadow: none;
        background: var(--light-bg);
        padding: 4px 0;
        animation: none;
      }
      .main-navbar .dropdown-item { padding: 9px 28px; font-size: 0.85rem; }
      .btn-nav-cta { margin: 12px 0 4px; width: 100%; text-align: center; }
    }

    /* ===== HERO ===== */
    .hero-section {
      position: relative;
      min-height: 92vh;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: var(--primary-dark);
    }
    .hero-bg {
      position: absolute;
      inset: 0;
      background: url('https://images.squarespace-cdn.com/content/v1/5e94c23133b9b4020c633f73/cf00c12a-1640-4924-a971-8f94e26063ff/IMG_5101.PNG') center center / cover no-repeat;
      filter: brightness(0.28);
      transform: scale(1.04);
      animation: heroZoom 18s ease-in-out infinite alternate;
    }
    @keyframes heroZoom {
      from { transform: scale(1.04); }
      to { transform: scale(1.12); }
    }
/*     .hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(6,52,96,0.7) 0%, rgba(10,79,140,0.4) 60%, transparent 100%);
    } */
    .hero-content { position: relative; z-index: 2; }
    .hero-eyebrow {
      display: inline-block;
      background: var(--accent);
      color: var(--dark-text);
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 0.82rem;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      padding: 6px 18px;
      margin-bottom: 22px;
      opacity: 0;
      transform: translateY(20px);
      animation: fadeUp 0.7s 0.2s forwards;
    }
    .hero-title {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(3.5rem, 8vw, 7.5rem);
      line-height: 0.95;
      color: var(--white);
      letter-spacing: 2px;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeUp 0.8s 0.4s forwards;
    }
    .hero-title span { color: var(--accent); }
    .hero-sub {
      font-size: clamp(1rem, 2vw, 1.2rem);
      color: rgba(255,255,255,0.82);
      max-width: 600px;
      line-height: 1.7;
      margin-top: 20px;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeUp 0.8s 0.65s forwards;
    }
    .hero-actions {
      margin-top: 36px;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeUp 0.8s 0.85s forwards;
    }
    .btn-hero-primary {
      background: var(--accent);
      color: var(--dark-text);
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      font-size: 1rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 14px 36px;
      border: none;
      margin-right: 14px;
      transition: background 0.25s, transform 0.2s, box-shadow 0.25s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-hero-primary:hover {
      background: var(--accent-dark);
      color: var(--dark-text);
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(232,160,32,0.35);
    }
    .btn-hero-outline {
      background: transparent;
      color: var(--white);
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 1rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 13px 34px;
      border: 2px solid rgba(255,255,255,0.55);
      transition: border-color 0.25s, color 0.25s, background 0.25s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-hero-outline:hover {
      border-color: var(--white);
      color: var(--dark-text);
      background: var(--white);
    }

    .hero-stats {
      position: absolute;
      bottom: -20px;
      left: 0;
      right: 0;
      background: rgba(255,255,255,0.06);
      backdrop-filter: blur(10px);
      border-top: 1px solid rgba(255,255,255,0.12);
      padding: 22px 0;
      z-index: 2;
    }
    .hero-stat-item { text-align: center; }
    .hero-stat-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 2.4rem;
      color: var(--accent);
      line-height: 1;
      letter-spacing: 1px;
    }
    .hero-stat-label {
      font-family: 'Oswald', sans-serif;
      font-size: 0.75rem;
      color: rgba(255,255,255,0.7);
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-top: 4px;
    }

    @keyframes fadeUp {
      to { opacity: 1; transform: translateY(0); }
    }
.stats-section .col-6.col-md-3.reveal.visible {
    width: 20%;
}


    /* ===== SECTION COMMON ===== */
    section { padding: var(--section-pad); }
    .section-eyebrow {
      font-family: 'Oswald', sans-serif;
      font-weight: 500;
      font-size: 0.78rem;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 12px;
    }
    .section-title {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(2.2rem, 4vw, 3.8rem);
      line-height: 1;
      letter-spacing: 1.5px;
      color: var(--dark-text);
    }
    .section-title span { color: var(--primary); }
    .section-divider {
      width: 52px;
      height: 4px;
      background: var(--accent);
      margin: 18px 0 22px;
    }
    .section-divider.center { margin: 18px auto 22px; }

    /* scroll reveal */
    .reveal {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }
    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .reveal-left {
      opacity: 0;
      transform: translateX(-40px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }
    .reveal-left.visible { opacity: 1; transform: translateX(0); }
    .reveal-right {
      opacity: 0;
      transform: translateX(40px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }
    .reveal-right.visible { opacity: 1; transform: translateX(0); }

    /* ===== ABOUT SECTION ===== */
    .about-section { background: var(--white); }
    .about-img-wrap {
      position: relative;
      overflow: hidden;
    }
    .about-img-wrap img {
    
    border-radius: 30px;
}
    .about-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s ease;
    }
    .about-img-wrap:hover img { transform: scale(1.04); }
    .about-img-badge {
      position: absolute;
      bottom: 28px;
      left: -4px;
      background: var(--accent);
      color: var(--dark-text);
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      font-size: 0.85rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 10px 22px;
    }
    .about-text { font-size: 1.05rem; line-height: 1.85; color: var(--body-text); }
    .about-feature-item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 18px 0;
      border-bottom: 1px solid var(--border-light);
    }
    .about-feature-item:last-child { border-bottom: none; }
    .about-feature-icon {
      width: 44px;
      height: 44px;
      background: var(--primary);
      color: var(--white);
      display: flex;
          border-radius: 7px;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      flex-shrink: 0;
    }
    .about-feature-title {
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 1rem;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: var(--dark-text);
      margin-bottom: 4px;
    }
    .about-feature-desc { font-size: 0.9rem; color: var(--body-text); line-height: 1.6; }

    /* ===== PROGRAM SECTION ===== */
    .program-section { background: var(--light-bg); }
    .program-card {
      background: var(--white);
      overflow: hidden;
      transition: transform 0.35s, box-shadow 0.35s;
      height: 100%;
    }
    .program-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 50px rgba(10,79,140,0.14);
    }
    .program-card-img {
      position: relative;
      overflow: hidden;
      height: 220px;
    }
    .program-card-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s;
    }
    .program-card:hover .program-card-img img { transform: scale(1.08); }
    .program-card-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(6,52,96,0.7) 0%, transparent 60%);
    }
    .program-card-body { padding: 24px; }
    .program-card-icon {
      width: 48px;
      height: 48px;
      background: var(--primary);
      color: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      margin-bottom: 16px;
    }
    .program-card-title {
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 1.2rem;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: var(--dark-text);
      margin-bottom: 10px;
    }
    .program-card-text { font-size: 0.9rem; line-height: 1.65; color: var(--body-text); }

    /* ===== STATS SECTION ===== */
    .stats-section {
      background: var(--primary);
      padding: 70px 0;
    }
    .stat-box { text-align: center; padding: 20px; }
    .stat-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 4rem;
      color: var(--accent);
      line-height: 1;
      letter-spacing: 2px;
    }
    .stat-label {
      font-family: 'Oswald', sans-serif;
      font-weight: 400;
      font-size: 0.85rem;
      color: rgba(255,255,255,0.8);
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-top: 8px;
    }
    .stat-divider {
      width: 1px;
      height: 80px;
      background: rgba(255,255,255,0.18);
      align-self: center;
    }

    /* ===== NEWS / INSTAGRAM ===== */
    .news-section { background: var(--white); }
    .ig-feed-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 0;
    }
    .ig-feed-item {
      position: relative;
      overflow: hidden;
      aspect-ratio: 1;
    }
    .ig-feed-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s;
    }
    .ig-feed-hover {
      position: absolute;
      inset: 0;
      background: rgba(10,79,140,0.75);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity 0.3s;
    }
    .college-short-name{
    width:90px;
    height:90px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 12px;

    border-radius:50%;

        background: transparent;

/*     border:1px solid rgba(255,255,255,.25); */

    color:#fff;
    font-size:16px;
    font-weight:800;
    letter-spacing:1px;

/*     backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px); */

    transition:.4s ease;
}

.college-card:hover .college-short-name{
    transform:scale(1.1) rotate(8deg);
    background: transparent;
/*     box-shadow:0 0 20px rgba(255,255,255,.15); */
}
    .ig-feed-hover i { font-size: 2rem; color: var(--white); }
    .ig-feed-item:hover img { transform: scale(1.1); }
    .ig-feed-item:hover .ig-feed-hover { opacity: 1; }
    @media (max-width: 767px) {
      .ig-feed-grid { grid-template-columns: repeat(3, 1fr); }
    }

    /* ===== HIGHLIGHT STORY ===== */
    .highlight-section { background: var(--mid-bg); }
    .highlight-card {
      background: var(--white);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      height: 100%;
          border-radius: 15px;
      transition: transform 0.3s, box-shadow 0.3s;
    }
    .highlight-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 16px 40px rgba(0,0,0,0.1);
    }
    .highlight-card-img {
      height: 200px;
      overflow: hidden;
    }
    .highlight-card-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s;
    }
    .highlight-card:hover .highlight-card-img img { transform: scale(1.06); }
    .highlight-card-body { padding: 24px; flex: 1; }
    .highlight-tag {
      display: inline-block;
      background: var(--primary);
      color: var(--white);
          border-radius: 15px;
      font-family: 'Oswald', sans-serif;
      font-size: 0.72rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 4px 12px;
      margin-bottom: 14px;
    }
    .highlight-title {
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 1.15rem;
      text-transform: uppercase;
      letter-spacing: 0.3px;
      color: var(--dark-text);
      margin-bottom: 10px;
      line-height: 1.35;
    }
    .highlight-text { font-size: 0.9rem; color: var(--body-text); line-height: 1.65; }
    .highlight-link {
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 0.85rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: var(--primary);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-top: 16px;
      transition: gap 0.2s, color 0.2s;
    }
    .highlight-link:hover { color: var(--accent); gap: 10px; }

    /* ===== CONTACT SECTION ===== */
    .contact-section { background: var(--dark-text); padding: 100px 0; }
    .contact-section .section-title { color: var(--white); }
    .contact-section .section-title span { color: var(--accent); }
    .contact-info-item {
      display: flex;
      align-items: flex-start;
      gap: 18px;
      padding: 20px 0;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      color: rgba(255,255,255,0.75);
    }
    .contact-info-item:last-child { border-bottom: none; }
    .contact-info-icon {
      width: 46px;
      height: 46px;
      background: var(--primary);
      color: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      flex-shrink: 0;
          border-radius: 15px;
    }
    .contact-info-label {
      font-family: 'Oswald', sans-serif;
      font-size: 0.78rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 3px;
    }
    .contact-info-value { font-size: 0.95rem; color: rgba(255,255,255,0.85); }
    .contact-info-value a { color: rgba(255,255,255,0.85); text-decoration: none; }
    .contact-info-value a:hover { color: var(--accent); }

    .contact-form-wrap { background: var(--white);     border-radius: 15px;
      padding: 44px; }
    @media (max-width: 767px) { .contact-form-wrap { padding: 28px 22px; } }
    .contact-form-wrap label {
      font-family: 'Oswald', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: var(--dark-text);
      font-weight: 500;
      margin-bottom: 6px;
    }
    .contact-form-wrap .form-control {
      border: 1px solid var(--border-light);
      border-radius: 0;
      padding: 11px 14px;
      font-size: 0.92rem;
      color: var(--dark-text);
      transition: border-color 0.25s;
    }
    .contact-form-wrap .form-control:focus {
      border-color: var(--primary);
      box-shadow: none;
      outline: none;
    }
    .contact-form-wrap textarea { resize: vertical; min-height: 120px; }
    .btn-submit {
      background: var(--primary);
      color: var(--white);
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 0.95rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 13px 36px;
      border: none;
          border-radius: 30px;
      transition: background 0.25s, transform 0.2s;
      width: 100%;
    }
    .btn-submit:hover {
      background: var(--primary-dark);
      transform: translateY(-2px);
    }
    .contact-note {
      font-size: 0.85rem;
      color: rgba(255,255,255,0.6);
      line-height: 1.7;
      margin-bottom: 28px;
    }
    .floating-camp-card{
    position:fixed;
    right:30px;
    bottom: 100px;
    width:380px;
    padding:24px;

        border-radius: 24px;

       background: rgb(23 19 19 / 42%);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    z-index:9;

    box-shadow:
    0 15px 40px rgba(0,0,0,.35);
}

/* Countdown */

.countdown-pill{
    width:max-content;
   
    margin-left:auto;
    margin-bottom:18px;

    padding:10px 20px;

     border-radius: 50px;

    color:#fff;
    font-size:14px;
    font-weight:700;

    border:1px solid rgba(255,255,255,.2);

    display:flex;
    align-items:center;
    gap:10px;
}

.dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

/* Button */

.camp-btn{
    text-decoration:none;

       background: linear-gradient(90deg, #e8a020 0%, #e8a020 100%);
border-radius: 50px;
    padding:18px;

    display:flex;
    align-items:center;
    gap:18px;
}
.ig-swiper{
    width:100%;
    overflow:hidden;
}

.ig-feed-item{
    display:block;
    position:relative;
    overflow:hidden;
}

.ig-feed-item img{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
}

.ig-feed-hover{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.4s;
}

.ig-feed-hover i{
    color:#fff;
    font-size:45px;
    transform:scale(.7);
    transition:.4s;
}

.ig-feed-item:hover .ig-feed-hover{
    opacity:1;
}

.ig-feed-item:hover .ig-feed-hover i{
    transform:scale(1);
}

/* Pagination */

.news-section .swiper-pagination{
    margin-top:30px;
    position:relative !important;
}

.news-section .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#bbb;
    opacity:1;
    transition:.4s;
}

.news-section .swiper-pagination-bullet-active{
    width:38px;
    border-radius:50px;
    background:var(--primary);
}
.camp-icon{
   width: 35px;
    height: 35px;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:18px;
}

.camp-content{
    color:#fff;
}

.camp-content span{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:.5px;
    opacity:.9;
}

.camp-content strong{
    display:block;
         font-size: 14px;
    line-height:1;
    margin-top:6px;
    font-weight:800;
}

/* Mobile */

@media(max-width:576px){

    .floating-camp-card{
        width:calc(100% - 30px);
        right:15px;
        bottom:15px;
        padding:18px;
    }

    .camp-content strong{
        font-size:20px;
    }
}
    .contact-ul { list-style: none; padding: 0; }
    .contact-ul li {
      font-size: 0.9rem;
      color: rgba(255,255,255,0.7);
      padding: 5px 0;
      padding-left: 18px;
      position: relative;
    }
    .contact-ul li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 13px;
      width: 8px;
      height: 2px;
      background: var(--accent);
    }

    /* ===== FOOTER ===== */
    .footer { background: #060f1a; padding: 60px 0 0; }
    .footer-logo img { height: 120px;  }
    .footer-about {
      font-size: 0.9rem;
      color: rgba(255,255,255,0.55);
      line-height: 1.75;

      margin-top: 18px;
    }
    .footer-heading {
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 0.88rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 20px;
    }
    .footer-links { list-style: none; padding: 0; }
    .footer-links li { margin-bottom: 10px; }
    .footer-links a {
      color: rgba(255,255,255,0.55);
      /*text-decoration: none;*/
      font-size: 0.9rem;
      transition: color 0.25s, padding-left 0.2s;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .contact-section .col-lg-7.reveal-right.visible
    {
      position: sticky;
      top: 100px;
    }
    .footer-links a:hover { color: var(--accent); padding-left: 4px; }
    .footer-links a i { font-size: 0.65rem; color: var(--primary); }
    .footer-social a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      background: rgba(255,255,255,0.07);
      color: rgba(255,255,255,0.6);
      margin-right: 8px;
      font-size: 0.9rem;
      transition: background 0.25s, color 0.25s, transform 0.2s;
    }
    .footer-social a:hover {
      background: var(--accent);
      color: var(--dark-text);
      transform: translateY(-3px);
    }
    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.07);
      padding: 20px 0;
      margin-top: 48px;
      font-size: 0.82rem;
      color: rgba(255,255,255,0.35);
    }
    .footer-bottom a { color: rgba(255,255,255,0.4); text-decoration: none; }
    .footer-bottom a:hover { color: var(--accent); }

    /* ===== BACK TO TOP ===== */
    .back-to-top {
      position: fixed;
      bottom: 28px;
      right: 28px;
      width: 44px;
      height: 44px;
      background: var(--accent);
      color: var(--dark-text);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 999;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s, transform 0.3s;
      font-size: 1rem;
      border: none;
     border-radius: 50%;
      cursor: pointer;
    }
    .back-to-top.show { opacity: 1; pointer-events: all; }
    .back-to-top:hover { transform: translateY(-3px); background: var(--accent-dark); }

    /* ===== SEPARATOR BAND ===== */
    .band {
      background: var(--primary);
      padding: 22px 0;
      overflow: hidden;
    }
    .band-text {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 1.5rem;
         color: rgb(255 255 255 / 97%);
      letter-spacing: 4px;
      white-space: nowrap;
      animation: marquee 22s linear infinite;
      display: inline-block;
    }
    .band-text span { color: var(--accent); margin: 0 18px; }
    @keyframes marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    /* GENERAL UTILITY */
    .btn-primary-solid {
      background: var(--primary);
      color: var(--white);
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 0.9rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 12px 32px;
     border-radius: 30px;
      transition: background 0.25s, transform 0.2s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-primary-solid:hover {
    background: #e8a020;
      color: var(--white);
      transform: translateY(-2px);
    }
    .btn-accent-solid {
      background: var(--accent);
      color: var(--dark-text);
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      font-size: 0.9rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 12px 32px;
      border: none;
      border-radius: 30px;
      transition: background 0.25s, transform 0.2s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-accent-solid:hover {
      background: var(--accent-dark);
      color: var(--dark-text);
      transform: translateY(-2px);
    }

    /* Horizontal rule accent */
    .hr-accent {
      border: none;
      height: 1px;
      background: var(--border-light);
      margin: 0;
    }
      /* ===================
   NAVBAR
=================== */

.soc-header{
    position:absolute;
    width:100%;
    top:25px;
    z-index:1000;
}

.soc-navbar{
    max-width:1400px;
    margin:auto;
    background:#fff;
    border-radius: 50px;
    padding: 5px 30px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.logo img{
   width: 100px;
}

.nav-menu{
    display:flex;
    gap: 30px;
    list-style:none;
}

.nav-menu a{
    text-decoration:none;
    color:#111;
    font-size: 16px;
    font-weight:500;
}

.talk-btn{
    text-decoration:none;
    color:#111;
    border:2px solid #111;
   padding: 5px 30px;
   border-radius: 50px;
    font-size:18px;
    font-weight:600;
    transition:.4s;
}

.talk-btn:hover{
    background:#111;
    color:#fff;
}

/* ===================
   HERO
=================== */

.hero-banner{
    height:100vh;
    min-height:850px;
    position:relative;
   background:url("https://iamdeveloper.in/prospect2player-dev/wp-content/uploads/2026/06/new-banner-1.webp") center center/cover no-repeat;
    overflow:hidden;
}
.nav-menu {
   
    margin-bottom: 0px;
}
/* .hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(180,0,0,.25);
} */

.hero-content{
    position:relative;
    z-index:2;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
}

.hero-title{
    color:#fff;
    font-size:170px;
    line-height:.9;
    font-weight:900;
    text-transform:uppercase;
    overflow:hidden;
}

.hero-title span{
    display:block;
    transition:transform .8s ease;
}

/* Hover Animation */

.hero-title span{
    display:block;
     transition: transform 5000ms cubic-bezier(0.58, 2.5, 0, 0.95);
    transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
    cursor:pointer;
}

.hero-title:hover span:nth-child(1){
    transform:
        perspective(1000px)
        rotateX(-8deg)
        rotateY(16deg)
        rotate(0deg)
        scale(1.05);
}

.hero-title:hover span:nth-child(2){
     transform:
        perspective(1000px)
        rotateX(-8deg)
        rotateY(16deg)
        rotate(0deg)
        scale(1.05);
}

.hero-text{
        color: #fff;
    font-size: 26px;
    margin-top: 25px;
    letter-spacing: 0px;
}

/* Responsive */

@media(max-width:991px){

    .nav-menu{
        display:none;
    }

    .hero-title{
        font-size:90px;
    }

    .hero-text{
        font-size:18px;
    }
}

@media(max-width:576px){

    .hero-title{
        font-size:60px;
    }

    .talk-btn{
        padding:10px 20px;
        font-size:16px;
    }
}
/* ===========================
   SECTION
=========================== */

.soccer-recruitment-section{
    position:relative;
    overflow:hidden;
    padding:120px 0 80px;
    background:url("../img/photo-1574629810360-7efbbe195018.jpg")
    center center/cover no-repeat;
}
.about-right-section  
{
      background: #eee;
    padding: 50px;
    border-radius: 30px;
}
.soccer-overlay{
    position:absolute;
    inset:0;
      background: linear-gradient(180deg, rgba(0, 0, 0, .70) 0%, rgb(17 15 11 / 68%) 45%, rgba(0, 0, 0, .85) 100%);
    z-index:1;
}

.soccer-recruitment-section .container{
    position:relative;
    z-index:2;
}

/* ===========================
   HEADING
=========================== */

.soccer-main-title{
    color:#fff;
    font-size:90px;
   
    font-weight:900;
    letter-spacing:-2px;
    margin-bottom:30px;
    text-transform:uppercase;
}

.soccer-main-title span{
    display:block;
        color: #e8a020;
}

.soccer-description{
    max-width:900px;
    margin:auto;
    color:#fff;
    font-size:22px;
    line-height:1.7;
    opacity:.95;
}

/* ===========================
   BUTTONS
=========================== */

.soccer-btn-wrap{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:40px;
}

.soccer-btn{
    text-decoration:none;
    padding:18px 34px;
  border-radius: 30px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    transition:.4s;
}

.soccer-btn-primary{
    background:var(--primary); ;
    color:#fff;
    border-radius: 30px;
}

.soccer-btn-primary:hover{
    background:#fff;
    color:#000;
}

.soccer-btn-outline{
    border:1px solid rgba(255,255,255,.4);
    color:#fff;
}

.soccer-btn-outline:hover{
    background:#fff;
    color:#000;
}

/* ===========================
   MARQUEE
=========================== */

.college-marquee{
    position:relative;
    z-index:2;
    overflow:hidden;
    width:100%;
    margin-top:45px;
}

.marquee-track{
    display:flex;
    gap:20px;
    width:max-content;
}
.college-card h6 {
    text-align: center;
}
.ig-popup-inner img {
     width: 100%;
    max-height: 80vh;     /* viewport ke according */
    height: auto;
    display: block;
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
    object-fit: contain;  /* safe option */
}
.marquee-left .marquee-track{
    animation:marqueeLeft 140s linear infinite;
}

.marquee-right .marquee-track{
    animation:marqueeRight 160s linear infinite;
}

.college-marquee:hover .marquee-track{
    animation-play-state:paused;
}

@keyframes marqueeLeft{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@keyframes marqueeRight{
    from{
        transform:translateX(-50%);
    }
    to{
        transform:translateX(0);
    }
}

/* ===========================
   COLLEGE CARD
=========================== */

.college-card{
      width: 190px;
    height: 135px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .15);
    transition: .4s;
    padding: 10px;
}

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

.college-card img{
    width:62px;
    height:62px;
    object-fit:contain;
    /*margin-bottom:12px;*/
}

.college-card h6{
    color:#fff;
    margin:0;
    font-size:11px;
    font-weight:700;
    letter-spacing:.8px;
    text-transform:uppercase;
}

/* ===========================
   STATS BAR
=========================== */

.soccer-stats{
    margin-top:70px;

    display:grid;
        grid-template-columns: repeat(5, 1fr);
    gap:15px;

    padding:30px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(25px);
    -webkit-backdrop-filter:blur(25px);

    border:1px solid rgba(255,255,255,.12);

        border-radius: 15px;

    position:relative;
    z-index:2;
}

.stat-item{
    text-align:center;
}

.stat-item h2{
    color:#fff;
    font-size:46px;
    font-weight:900;
    margin-bottom:10px;
}

.stat-item span{
    color:#ddd;
    font-size:11px;
    font-weight:600;
    letter-spacing:1px;
}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:1199px){

    .soccer-main-title{
        font-size:70px;
    }

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

@media(max-width:991px){

    .soccer-main-title{
        font-size:55px;
    }

    .soccer-description{
        font-size:18px;
    }

    .college-card{
        width:170px;
        height:110px;
    }
}

@media(max-width:767px){

    .soccer-btn-wrap{
        flex-direction:column;
        align-items:center;
    }

    .soccer-main-title{
        font-size:42px;
    }

    .soccer-stats{
        grid-template-columns:repeat(2,1fr);
    }

    .stat-item h2{
        font-size:34px;
    }
}

@media(max-width:575px){

    .soccer-main-title{
        font-size:34px;
    }

    .soccer-description{
        font-size:16px;
    }

    .soccer-stats{
        grid-template-columns:1fr;
    }

    .college-card{
        width:150px;
        height:100px;
    }
}

.footer-badges a{
    position:relative;
    overflow:hidden;
    background:#fff;
    color:#111;
    text-decoration:none;
    padding:14px 30px;
    font-weight:700;
    transition:.4s;
    z-index:1;
}
@media(max-width:768px)
{
    .p2p-footer {
    padding: 80px 15px !important;
  
}
.footer-box {
    background: #f4f4f4;
    padding: 70px 30px !important;
    border-radius: 15px;
}
.footer-links {
    margin-top: 50px !important;
    display: flex;
    gap: 15px !important;
    flex-direction: column;
}


}
.footer-badges a::before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--primary);
    transform:scaleX(0);
    transform-origin:left;
    transition:.5s cubic-bezier(.77,0,.175,1);
    z-index:-1;
}

.footer-badges a:hover::before{
    transform:scaleX(1);
}

.footer-badges a:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(181,31,31,.35);
}
/*footer*/
.p2p-footer{
    padding:80px 60px;
    background:
    radial-gradient(circle at top right,#060f1a 0%,#060f1a 25%,#060f1a 60%,#060f1a 100%);
}

.footer-top{
    margin-bottom:70px;
}

.footer-brand img{
    max-width:260px;
    border-radius: 15px;
    margin-bottom:25px;
}

.footer-brand p{
    color:#fff;
    
    font-size: 18px;
    max-width:500px;
}

.footer-top h3{
    color:#fff;
       font-size: 32px;
    font-weight:800;
    margin-bottom:10px;
}

.footer-top h2{
    color:#fff;
       font-size: 42px;
    font-weight:900;
}

.footer-badges{
    margin-top:25px;
    display:flex;
    gap:15px;
    justify-content:flex-end;
}
.p2p-btn-outline, .p2p-btn-red {
  
    font-weight: 700;
}
.footer-badges a{
    background:#fff;
    color:#111;
    text-decoration:none;
    padding:14px 30px;
    font-weight:700;
    border-radius: 30px;
}
.dot{
    position:relative;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#fff;
    flex-shrink:0;
}
.ig-feed-slider{
    overflow:hidden;
    width:100%;
    position:relative;
}

.ig-feed-grid{
    display:flex;
    flex-wrap:nowrap;
    gap:0;
    width:max-content;
    animation: igMarquee 35s linear infinite;
}

.ig-feed-grid:hover{
    animation-play-state:paused;
}

.ig-feed-item{
    flex:0 0 320px;
    position:relative;
    overflow:hidden;
}

.ig-feed-item img{
    width:100%;
    height:400px;
    object-fit:cover;
    display:block;
}
.menu-close{
    display:none;
    list-style:none;
    text-align:right;
    margin-bottom:20px;
}

.menu-close i{
    font-size:28px;
    cursor:pointer;
    color:#111;
}

@media(max-width:991px){

    .nav-menu.active .menu-close{
        display:block;
    }

}
@keyframes igMarquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* Instagram Hover */

.ig-feed-hover{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.4s;
}

.ig-feed-hover i{
    color:#fff;
    font-size:42px;
    transform:scale(.8);
    transition:.4s;
}

.ig-feed-item:hover .ig-feed-hover{
    opacity:1;
}

.ig-feed-item:hover .ig-feed-hover i{
    transform:scale(1);
}

/* Dots */

.ig-slider-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-top:35px;
}

.ig-slider-dots span{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#bbb;
    transition:.4s;
    cursor:pointer;
    position:relative;
}

.ig-slider-dots span.active{
    width:36px;
    border-radius:30px;
    background:#d91f26;
    box-shadow:0 0 15px rgba(217,31,38,.45);
}

.ig-slider-dots span:hover{
    background:#d91f26;
}
/* Ripple Effect */

.dot::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    background:#fff;
    animation:pulse 2s ease-out infinite;
}

@keyframes pulse{
    0%{
        transform:scale(1);
        opacity:.7;
    }

    70%{
        transform:scale(3);
        opacity:0;
    }

    100%{
        transform:scale(3);
        opacity:0;
    }
}
.camp-btn{
    animation: floatText 3s ease-in-out infinite;
}

@keyframes floatText{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-6px);
    }
    100%{
        transform: translateY(0);
    }
}
.footer-box{
    background:#f4f4f4;
    padding:70px;
      border-radius: 15px;
}

.footer-title{
    font-size:60px;
    line-height:.95;
    font-weight:900;
    color:#3a4a5c;
}

.footer-links{
    margin-top:70px;
    display:flex;
    gap:35px;
}

.footer-links a{
    color:#111;
    font-weight:600;
}

.newsletter-box span{
    display:block;
    margin-bottom:15px;
    font-size:22px;
    font-weight: 700;

}

.newsletter-box p{
       font-size: 18px;
    line-height:1.5;
    margin-bottom:30px;
}

.footer-btn{
    display:inline-block;
    border:1px solid #3a4a5c;
    padding:16px 34px;
    color:#111;
    text-decoration:none;
     border-radius: 30px;
}

.copyright{
   margin-top: 35px;
    font-size:18px;
}
.p2p-programs{
    padding:100px 0;
    background:#f5f5f5;
}

.p2p-heading h2{
    font-size:90px;
    font-weight:900;
    line-height:.9;
    margin-bottom:15px;
}

.p2p-heading span{
    color:#961612;
}
.p2p-content h3 {
   
    color: #e8a020;
}

.p2p-heading p{
    color:#666;
    margin-bottom:50px;
}

.p2p-program-card{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    height:420px;
}

.p2p-program-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.8s;
}

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

.p2p-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.9),
        rgba(0,0,0,.15)
    );
}

.p2p-content{
    position:absolute;
    left:25px;
    right:25px;
    bottom:25px;
    color:#fff;
    z-index:2;
}

.p2p-content h3{
        font-size: 40px;
    font-weight:900;
    line-height:.9;
    margin-bottom:15px;
}

.p2p-content p{
    font-size:16px;
    margin-bottom:20px;
}

.p2p-btns{
    display:flex;
    gap:12px;
}

.p2p-btn-outline{
    border:1px solid rgba(255,255,255,.6);
    color:#fff;
    padding:12px 22px;
    border-radius:50px;
    text-decoration:none;
}

.p2p-btn-red{
    background:#961612;
    color:#fff;
    padding:12px 22px;
    border-radius:50px;
    text-decoration:none;
}
.p2p-btn-outline,
.p2p-btn-red{
    position:relative;
    overflow:hidden;
    z-index:1;
    text-decoration:none;
    padding:12px 22px;
    border-radius:50px;
    transition:.4s ease;
}

/* Hover Layer */

.p2p-btn-outline::before,
.p2p-btn-red::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:#961612;
    transition:.5s ease;
    z-index:-1;
}

.p2p-btn-outline:hover::before,
.p2p-btn-red:hover::before{
    left:0;
}

/* Outline Button */

.p2p-btn-outline{
    border:1px solid rgba(255,255,255,.6);
    color:#fff;
}

.p2p-btn-outline:hover{
    border-color:#961612;
    color:#fff;
}

/* Red Button */

.p2p-btn-red{
    background:#961612;
    color:#fff;
}

.p2p-btn-red::before{
    background:#fff;
}

.p2p-btn-red:hover{
    color:#111;
}


@media(max-width: 1400px)
{
  .nav-menu {
    display: flex;
    gap: 20px;
    list-style: none;
}
}
@media(max-width: 1300px)
{
  .nav-menu {
    display: flex;
    gap: 10px;
    list-style: none;
     align-items: center;
        
}
.nav-menu a {
   
    font-size: 16px;
   
}
.client-award .hero-title-1 {
    font-size: 70px !important;
}
}
@media(max-width: 1200px)
{
  
.nav-menu a {
    
    font-size: 13px;
   
}

}

@media(max-width: 768px)
{
  .hero-banner {
    height: 100vh;
    min-height: auto !important;
    position: relative;
    background: url(https://iamdeveloper.in/prospect2player-dev/wp-content/uploads/2026/06/IMG_7927.jpg) center center / cover no-repeat;
    overflow: hidden;
}
}

/* =========================
   STICKY HEADER
========================= */

.soc-header{
    position:fixed;
        top: 30px;
    left:0;
    width:100%;
    z-index:9999;
    transition:.4s ease;
}

.soc-header.sticky{
     top: 0px;
    /*background:rgba(255,255,255,.96);*/
    /*backdrop-filter:blur(15px);*/
    /*box-shadow:0 10px 30px rgba(0,0,0,.08);*/
}

/* =========================
   TOGGLE BUTTON
========================= */

.menu-toggle{
    width:45px;
    height:45px;
    border:none;
    background:transparent;
    cursor:pointer;
    display:none;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    padding:0;
}

.menu-toggle span{
    width:100%;
    height:3px;
    background:#111;
    border-radius:20px;
    transition:.4s;
}

/* Toggle Animation */

.menu-toggle.active span:nth-child(1){
    transform:translateY(9px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2){
    opacity:0;
}

.menu-toggle.active span:nth-child(3){
    transform:translateY(-9px) rotate(-45deg);
}

/* =========================
   MOBILE MENU
========================= */

@media(max-width:991px){

    .menu-toggle{
        display:flex;
    }

    .talk-btn{
        display:none;
    }

    .nav-menu{
        position:fixed;
        top:0;
        right:-100%;
        width:320px;
        height:100vh;
        background:#fff;
        align-items: flex-start;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;

        padding:120px 35px;

        gap:25px;

        transition:.5s ease;

        box-shadow:-10px 0 30px rgba(0,0,0,.08);

        z-index:999;
    }

    .nav-menu.active{
        right:0;
    }

    .nav-menu li{
        list-style:none;
    }

    .nav-menu li a{
        font-size:18px;
        color:#111;
        text-decoration:none;
        font-weight:600;
    }
	
}

.who-we-are-banner .hero-content-one .hero-title-one
{
   font-size:50px;
    line-height:0.95;
    font-weight:800;
      color: #961612;
}
.who-we-are-banner .hero-content-one .hero-title-one span{
    display:block;
}
.professonal-part .founder-img img {
   
    object-position: top;
}
.who-we-are-banner .hero-content-one .hero-text-one{
    font-size:16px;
    line-height:1.9;
    color:#222 !important;
    max-width:700px;
}
section.hero-banner.who-we-are-banner {
    min-height: auto !important;
    height: auto;
    padding-top: 200px;
}


@media(max-width:991px){

  .who-we-are-banner .hero-content  .hero-title{
        font-size:60px;
        margin-bottom:20px;
    }

  .who-we-are-banner .hero-content  .hero-text{
        font-size:16px;
        line-height:1.8;
    }

}

@media(max-width:576px){

 .who-we-are-banner .hero-content   .hero-title{
        font-size:42px;
    }

}

/* ==========================
   WHO WE ARE SLIDER
========================== */

.who-we-are-slider{
    position:relative;
    overflow:hidden;
    max-width: 60%;
    margin: auto;
}
.who-we-are-part
{
      background: #f4f4f4;
      padding-top: 0px;
}
.who-we-are-slider .swiper-slide img{
    width:100%;
    height:650px;
    object-fit:cover;
    display:block;
    border-radius:40px;
}

/* ==========================
   CUSTOM ARROWS
========================== */

.wwa-next,
.wwa-prev{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:72px;
    height:72px;

    border-radius:50%;
    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;
    z-index:100;

    transition:.4s ease;

    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.wwa-next{
    right:30px;
}

.wwa-prev{
    left:30px;
}

.wwa-next i,
.wwa-prev i{
    font-size:26px;
    color:#961612;
    transition:.4s ease;
}

.wwa-next:hover,
.wwa-prev:hover{
    background:#961612;
}

.wwa-next:hover i,
.wwa-prev:hover i{
    color:#e8a020;
}

/* Hide left arrow initially */

.wwa-prev{
    display:none;
}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:991px){

    .who-we-are-slider .swiper-slide img{
        height:500px;
        border-radius:30px;
    }

    .wwa-next,
    .wwa-prev{
        width:60px;
        height:60px;
    }

}

@media(max-width:767px){

    .who-we-are-slider .swiper-slide img{
        height:350px;
        border-radius:20px;
    }

    .wwa-next,
    .wwa-prev{
        width:50px;
        height:50px;
    }

    .wwa-next{
        right:15px;
    }

    .wwa-prev{
        left:15px;
    }

    .wwa-next i,
    .wwa-prev i{
        font-size:18px;
    }

}
.wwa-prev{
    display:none;
}

.p2p-founder-section{
    padding:0px 0;
    background:#f4f4f4;
}

.p2p-founder-tag{
    display:inline-block;
    background:#e8a020;
    color:#111;
    padding:10px 22px;
    border-radius:50px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
}

.p2p-founder-title{
    font-size:90px;
    font-weight:800;
    color:#111;
    margin-bottom:10px;
    line-height:1;
}

.p2p-founder-name{
    color:#961612;
    font-size:42px;
    font-weight:700;
    margin-bottom:60px;
}

.p2p-founder-card{
    background:#fff;
    border-radius:35px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.08);
}

.p2p-founder-content{
    padding:70px;
}

.p2p-founder-badge{
    color:#961612;
    font-size:60px;
    font-weight:800;
    line-height:1;
    margin-bottom:30px;
}

.p2p-founder-content p{
        font-size: 16px;

    line-height:1.9;
    color:#3a4a5c;
    margin-bottom:20px;
}

.p2p-founder-info{
    list-style:none;
    padding:0;
    margin-top:35px;
}

.p2p-founder-info li{
    font-size:16px;
    margin-bottom:15px;
    color:#3a4a5c;
}

.p2p-founder-info i{
    color:#e8a020;
    margin-right:12px;
}

.p2p-founder-image-wrap{
    position:relative;
    min-height:650px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.p2p-shape{
    position:absolute;
    inset:0;
    background:#961612;
    clip-path:ellipse(75% 100% at 100% 50%);
}

.p2p-founder-image-wrap img{
    position:relative;
    z-index:2;
    width:420px;
    max-width:90%;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
    transition:.5s;
}

.p2p-founder-image-wrap img:hover{
    transform:translateY(-10px);
}

@media(max-width:991px){

    .p2p-founder-title{
        font-size:55px;
    }

    .p2p-founder-name{
        font-size:30px;
    }

    .p2p-founder-content{
        padding:40px;
    }

    .p2p-founder-badge{
        font-size:40px;
    }

    .p2p-founder-image-wrap{
        min-height:450px;
    }

    .p2p-shape{
        clip-path:none;
    }
}
.biography .who-we-are-slider
{
  max-width: 100%;
     
}
.biography .p2p-founder-card
{
   background: #f3f3f3;
      box-shadow: none;
}

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

.founder-slider .swiper-slide img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:30px;
    display:block;
}

.founder-next,
.founder-prev{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:60px;
    height:60px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:10;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:.4s;
}

.founder-next{
    right:20px;
}

.founder-prev{
    left:20px;
    display:none;
}

.founder-next i,
.founder-prev i{
    color:#961612;
    font-size:20px;
}

.founder-next:hover,
.founder-prev:hover{
    background:#961612;
}

.founder-next:hover i,
.founder-prev:hover i{
    color:#e8a020;
}

@media(max-width:991px){

    .founder-slider .swiper-slide img{
        height:500px;
    }

}

@media(max-width:767px){

    .founder-slider .swiper-slide img{
        height:350px;
    }

    .founder-next,
    .founder-prev{
        width:45px;
        height:45px;
    }

}
/* ==========================
   FOUNDERS SECTION
========================== */

.founders-section{
    background:#f5f7fb;
    padding:100px 0;
}

.founders-wrapper{
    background:#fff;
    border:1px solid rgba(10,79,140,.15);
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

/* Header */

.founders-top{
    padding:28px 40px;
    border-bottom:1px solid rgba(10,79,140,.12);

    background:linear-gradient(
        90deg,
        rgba(232,160,32,.12),
        rgba(10,79,140,.04)
    );
}

.founders-top h2{
    margin:0;
    color:#961612;
    font-size:36px;
    font-weight:800;
    letter-spacing:1px;
}
section.p2p-founder-section.biography {
    padding-top: 70px;
}
.founders-top span{
    color:#666;
    font-size:15px;
    font-weight:500;
}

/* Card */

.founder-card{
    background:#fff;
    border:1px solid rgba(10,79,140,.12);
   border-radius: 20px;
    overflow:hidden;
    height:100%;
    transition:.45s;
}
.founders-section .col-lg-3.col-md-6
{
   overflow:hidden;
}
.founder-card:hover{
    transform:translateY(-10px);

    border-color:#e8a020;

    box-shadow:
    0 20px 40px rgba(10,79,140,.12);
}

/* Image */

.founder-img{
    overflow:hidden;
}

.founder-img img{
    width:100%;
    height:350px;
    object-fit:cover;
    transition:.8s;
}

.founder-card:hover .founder-img img{
    transform:scale(1.08);
}
.p2p-founder-image-wrap img{
    animation: founderFloat 5s ease-in-out infinite;
}

@keyframes founderFloat{

    0%{
        transform:translateY(0);
    }

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

    100%{
        transform:translateY(0);
    }

}
/* Content */

.founder-content{
    padding:24px;
}

.founder-content h4{
    margin:0 0 8px;
    font-size:28px;
    font-weight:800;
    color:#961612;
    text-transform:uppercase;
}

.founder-content p{
    margin:0;
    font-size:16px;
    color:#666;
}

/* Gold Accent */

.founder-card::after{
    content:"";
    display:block;
    width:100%;
    height:4px;
    background:#e8a020;

    transform:scaleX(0);
    transition:.4s;
}

.founder-card:hover::after{
    transform:scaleX(1);
}

/* Responsive */

@media(max-width:991px){

    .founders-top{
        padding:20px;
    }

    .founders-top h2{
        font-size:28px;
    }

    .founder-img img{
        height:360px;
    }

    .founder-content h4{
        font-size:22px;
    }

}

@media(max-width:576px){

    .founders-top{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }

    .founder-img img{
        height:300px;
    }

}

/*header-dropdown*/
.menu-item-has-dropdown{
    position:relative;
}

.menu-item-has-dropdown > a{
    display:flex;
    align-items:center;
    gap:8px;
}

.dropdown-icon{
    font-size:18px;
    font-weight:600;
    transition:.35s ease;
    line-height:1;
}

/* Desktop Dropdown */

.sub-menu{
    position:absolute;
    top:100%;
    left:0;

    min-width:240px;

    background:#fff;

    padding:15px 0;

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:.35s ease;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

    border-radius:12px;

    z-index:999;

    list-style:none;
}

.sub-menu li{
    list-style:none;
}

.sub-menu li a{
    display:block;
    padding:10px 20px;
    color:#111;
    text-decoration:none;
    transition:.3s;
}

.sub-menu li a:hover{
    background:#f5f5f5;
    color:#961612;
}

/* Hover Open Desktop */

@media(min-width:992px){

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

    .menu-item-has-dropdown:hover .dropdown-icon{
        transform:rotate(180deg);
    }

    

}

/* Mobile */

@media(max-width:991px){

    .sub-menu{
        position:static;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
        box-shadow:none;
        padding:10px 0 0;
        background:transparent;
        min-width:100%;
    }

    .menu-item-has-dropdown.active .sub-menu {
        display: block !important;
        animation: dropdownFade .35s ease;
    }

    .menu-item-has-dropdown.active .dropdown-icon{
        transform:rotate(180deg);
    }

   

}

@keyframes dropdownFade{

    from{
        opacity:0;
        transform:translateY(-10px);
    }

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

}




.menu-item-has-dropdown{
    position:relative;
}

/* Premium Dropdown */

.sub-menu{
    position:absolute;
       left:auto !important;
        top:auto !important;
        transform:none !important;
   
    min-width:280px;

    padding:18px;

    list-style:none;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.4);

    border-radius:20px;

    box-shadow:
    0 30px 60px rgba(0,0,0,.12),
    0 10px 25px rgba(10,79,140,.08);

    opacity:0;
    visibility:hidden;

    

    transform-origin:top center;

    transition:
    opacity .45s ease,
    transform .45s cubic-bezier(.175,.885,.32,1.275);

    z-index:9999;
}

/* Arrow */
.dropdown-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:18px;
    height:18px;

    font-size:18px;
    font-weight:700;
    line-height:1;

    transition:.3s ease;
}
@media(min-width:992px){

    .menu-item-has-dropdown:hover .dropdown-icon{
        transform:rotate(180deg);
    }

}
@media(max-width:991px){

    .menu-item-has-dropdown.active .dropdown-icon{
        transform:rotate(180deg);
    }

}


/* Hover Open */

.menu-item-has-dropdown:hover .sub-menu{
    opacity:1;
    visibility:visible;

    transform:
    translateX(-50%)
    translateY(0)
    rotateX(0deg);
}


/* Links */

.sub-menu li{
    margin-bottom:8px;
}

.sub-menu li:last-child{
    margin-bottom:0;
}

.sub-menu li a{
    position:relative;
    font-size: 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:14px 18px;

    border-radius:14px;

    text-decoration:none;

    color:#222;

    font-weight:600;

    transition:.35s ease;

    overflow:hidden;
}

/* Hover Background Fill */

.sub-menu li a::before{
    content:"";

    position:absolute;

    inset:0;

    background:var(--primary);

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s ease;

    z-index:-1;
}

.sub-menu li a:hover::before{
    transform:scaleX(1);
}

.sub-menu li a:hover{
    color:#fff;
    transform:translateX(8px);
}

/* Arrow Icon */

.sub-menu li a::after{
    content:"→";

    font-size:14px;

    opacity:0;

    transform:translateX(-8px);

    transition:.35s ease;
}

.sub-menu li a:hover::after{
    opacity:1;
    transform:translateX(0);
}
@media(max-width:991px){

    .sub-menu{
        position:static !important;
        left:auto !important;
        top:auto !important;

        transform:none !important;

        opacity:1;
        visibility:visible;

        display:none;

        width:100%;
        min-width:100%;

        margin-top:10px;

        padding:10px;

        background:rgba(255,255,255,.08);

        border-radius:12px;

        box-shadow:none;
    }

    .sub-menu::before{
        display:none;
    }

    .menu-item-has-dropdown.active .sub-menu{
        display:block;
        animation:dropdownFade .35s ease;
    }

    /* Mobile me hover disable */


}
@media(min-width:992px){

    .menu-item-has-dropdown:hover .dropdown-icon{
        transform:rotate(180deg);
    }

}
.dropdown-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    font-size:18px;
    font-weight:700;
    line-height:1;
    transition:.3s ease;
}

.client-highlight-card{
    background:rgb(50 50 50);
    border-radius:24px;
    overflow:hidden;
   margin-top: 40px;

    border:1px solid rgba(255,255,255,.08);

    transition:.45s ease;

    box-shadow:
    0 15px 40px rgba(0,0,0,.25);
}

.client-highlight-card:hover{
    transform:translateY(-10px);

    box-shadow:
    0 25px 60px rgba(0,0,0,.35);
}

.client-highlight-image{
    overflow:hidden;
}

.client-highlight-image img{
    width:100%;
    height:auto;
    object-fit:cover;
    display:block;

    transition:1s ease;
}

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

.client-highlight-content{
    padding:30px;
    text-align:center;
}

.client-highlight-tag{
    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:#961612;
    color:#fff;

    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.client-highlight-content h3{
    color:#fff;
    font-size:30px;
    font-weight:800;

    margin:20px 0 15px;
}

.client-highlight-content p{
    color:rgba(255,255,255,.75);

   font-size: 16px;
    line-height:1.8;

    margin:0;
}

/* Gold Accent Line */

.client-highlight-content::before{
    content:"";

    display:block;

    width:70px;
    height:4px;

    background:#e8a020;

    margin:0 auto 25px;

    border-radius:10px;
}
.our-mission .hero-content-one
{
  position: sticky;
  top: 120px;
}
section.hero-banner.who-we-are-banner.our-mission {
    overflow: visible !important;
}
.achievement-box{
    background:rgb(50 50 50);
    padding:40px;
    border-radius:25px;
    border:1px solid rgba(255,255,255,.08);
    overflow:hidden;
    position:relative;
}

.achievement-box::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(232,160,32,.08);
}

.achievement-heading{
    margin-bottom:30px;
}

.achievement-heading h3{
    color:#fff;
    font-size:38px;
    font-weight:800;
    margin:0;
}

.achievement-item{
    display:flex;
    align-items:center;
    gap:18px;

    padding:22px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.06);

    border-radius:18px;

    transition:.4s ease;

    height:100%;
}

.achievement-item:hover{
    transform:translateY(-8px);

    border-color:#e8a020;

        background: rgb(150 22 18 / 16%);
}

.achievement-item i{
    min-width:65px;
    width:65px;
    height:65px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #961612,
       #961612
    );

    color:#fff;
    font-size:24px;

    box-shadow:0 10px 25px rgba(232,160,32,.25);
}

.achievement-item span{
    color:#fff;
       font-size: 16px;
    line-height: 1.5;
    font-weight:500;
}

@media(max-width:767px){

    .achievement-box{
        padding:25px;
    }

    .achievement-heading h3{
        font-size:30px;
    }

    .achievement-item{
        padding:18px;
    }

    .achievement-item span{
        font-size:16px;
    }

}
.client-showcase-section{
      background: #f5f5f5;
        padding: 70px 0px 70px;
    overflow:hidden;
}

.client-showcase-card{
    position:relative;
    overflow:hidden;

    border-radius:30px;

    background:#1e1e1e;

    border:1px solid rgba(255,255,255,.08);

    transition:.5s ease;

    height:100%;
}

.client-showcase-card::before{
    content:"";

    position:absolute;

    top:-120px;
    right:-120px;

    width:250px;
    height:250px;

    border-radius:50%;

    background:rgba(232,160,32,.12);

    filter:blur(80px);

    transition:.5s;
}

.client-showcase-card:hover{
    transform:translateY(-12px);
}

.client-showcase-card:hover::before{
    transform:scale(1.3);
}

.client-showcase-img{
    position:relative;
    overflow:hidden;
}

.client-showcase-img img{
    width:100%;
    height:520px;

    object-fit:cover;

    transition:1s ease;
}

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

.client-showcase-content{
    position:relative;

    margin:-70px 25px 25px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.1);

    border-radius:24px;

    padding:30px;

    z-index:2;

    text-align:center;
}

.client-showcase-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#961612;

    color:#fff;

    padding:10px 18px;

    border-radius:50px;

    font-size:13px;
    font-weight:700;

    letter-spacing:1px;
}

.client-showcase-tag::before{
    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#e8a020;

    animation:pulseDot 2s infinite;
}

.client-showcase-content h3{
    color:#fff;

    font-size:34px;

    margin:20px 0 10px;

    font-weight:800;
}

.client-showcase-content p{
    color:rgba(255,255,255,.75);

   font-size: 16px;


    line-height:1.8;

    margin:0;
}

@keyframes pulseDot{

    0%{
        box-shadow:0 0 0 0 rgba(232,160,32,.8);
    }

    70%{
        box-shadow:0 0 0 12px rgba(232,160,32,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(232,160,32,0);
    }

}

/* Mobile */

@media(max-width:767px){

    .client-showcase-section{
        padding:80px 0;
    }

    .client-showcase-img img{
        height:380px;
    }

    .client-showcase-content{
        margin:-50px 15px 15px;
        padding:22px;
    }

    .client-showcase-content h3{
        font-size:26px;
    }

}
.elite-testimonial-img{
    overflow:hidden;
    border-radius:25px;
    position:relative;
}

.elite-testimonial-img img{
    height:550px;
    width:100%;
    object-fit:cover;
    transition:1s ease;
}

.elite-testimonial-img:hover img{
    transform:scale(1.08);
}

.elite-badge{
    position:absolute;
    top:20px;
    left:20px;

    background:#e8a020;
    color:#111;

    padding:10px 18px;

    border-radius:50px;

    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
}

.elite-testimonial-content{
    background:rgba(255,255,255,.05);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:30px;

    padding:50px;

    position:relative;

    overflow:hidden;
}

.elite-testimonial-content::before{
    content:"";

    position:absolute;

    top:-100px;
    right:-100px;

    width:220px;
    height:220px;

    border-radius:50%;

    background:rgba(232,160,32,.12);

    filter:blur(70px);
}

.elite-testimonial-content i{
    font-size:65px;
    color:#961612;
    margin-bottom:20px;
}

.elite-testimonial-content p{
    color:#fff;

    font-size: 16px;

    line-height:1.8;

    margin-bottom:30px;
}

.elite-divider{
    width:80px;
    height:4px;

    background:#e8a020;

    margin-bottom:25px;

    border-radius:20px;
}

.elite-testimonial-content h4{
    color:#e8a020;

    font-size:30px;
    font-weight:800;

    margin-bottom:8px;
}

.elite-testimonial-content span{
    color:rgba(255,255,255,.75);
    font-size:16px;
}

@media(max-width:991px){

    .elite-testimonial-img img{
        height:420px;
    }

    .elite-testimonial-content{
        padding:30px;
    }

    .elite-testimonial-content p{
        font-size:18px;
    }

}

.p2p-media-section{
    padding:70px 0;
    position:relative;

    background:url('https://iamdeveloper.in/prospect2player-dev/wp-content/uploads/2026/06/Screenshot-2025-08-11-at-9.24.35-AM.jpeg') center center/cover no-repeat;
}
.p2p-media-btn{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:16px 42px;

    background:#961612;

    color:#fff;

    font-size:16px;
    font-weight:700;

    text-decoration:none;

    border-radius:60px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.15);

    box-shadow:0 10px 30px rgba(10,79,140,.35);

    transition:.45s ease;

    z-index:1;
}

/* Text */

.p2p-media-btn span{
    position:relative;
    z-index:2;
}

/* Gold Hover Layer */

.p2p-media-btn::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:#e8a020;

    transform:translateX(-100%);

    transition:.5s cubic-bezier(.77,0,.18,1);

    z-index:1;
}

/* Arrow */

.p2p-media-btn::after{
    content:"↗";

    position:relative;

    z-index:2;

    transition:.35s ease;

    font-size:18px;
}

/* Hover */

.p2p-media-btn:hover{
    color:#fff;

    transform:translateY(-4px);

    box-shadow:
    0 20px 40px rgba(232,160,32,.35);
}

.p2p-media-btn:hover::before{
    transform:translateX(0);
}

.p2p-media-btn:hover::after{
    transform:translateX(5px) translateY(-3px);
}
.p2p-media-section::before{
    content:"";
    position:absolute;
    inset:0;
   background: linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0));
}

.p2p-media-section .container{
    position:relative;
    z-index:2;
}

.p2p-media-heading{
    text-align:center;

    padding:50px;

    border-radius:30px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.15);
}

.p2p-media-heading h2{
    color:#fff;
    font-size:70px;
    font-weight:900;
}

.p2p-media-heading h2 span{
    color:#e8a020;
}

.p2p-video-card{
    position:relative;
    overflow:hidden;

    border-radius:25px;
}

.p2p-video-card img{
       width: 100%;
    height: 400px;
    object-fit: cover;
    transition: 1s;
    object-position: top;
}

.p2p-video-card:hover img{
    transform:scale(1.1);
}

.p2p-video-card::before{
    content:"";
    position:absolute;
    inset:0;

    background:
    linear-gradient(
    to top,
    rgba(0,0,0,.85),
    transparent
    );

    z-index:1;
}

.p2p-play-btn{
    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:85px;
    height:85px;

    border-radius:50%;

    border:none;

    background:#e8a020;

    color:#fff;

    z-index:3;

    transition:.4s;
}

.p2p-play-btn:hover{
    transform:translate(-50%,-50%) scale(1.15);
}

.p2p-video-content{
    position:absolute;
    left:25px;
    bottom:25px;

    z-index:2;
}

.p2p-video-content span{
    background:#961612;

    color:#fff;

    padding:8px 14px;

    border-radius:30px;

    font-size:12px;
}

.p2p-video-content h4{
    color:#fff;
    margin-top:12px;
    font-weight:700;
}
.p2p-play-btn{
    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:85px;
    height:85px;

    border:none;
    border-radius:50%;

    background:#e8a020;
    color:#fff;

    z-index:3;

    cursor:pointer;
}

.p2p-play-btn::before,
.p2p-play-btn::after{
    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    border:2px solid rgba(232,160,32,.7);

    animation:playRipple 2.5s infinite;
}

.p2p-play-btn::after{
    animation-delay:1.2s;
}

@keyframes playRipple{

    0%{
        transform:scale(1);
        opacity:.8;
    }

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

}
section.hero-banner.client-banner
{
  min-height: auto !important;
 padding-bottom: 0px;
 height: 80vh;
  background:url("../img/image-asset (8).webp") center center/cover no-repeat;
 
}
.client-video
{
   background:url("../img/IMG_9777.jpeg") center center/cover no-repeat;
}
section.hero-banner.client-banner .hero-content .hero-title span
{
  color: #fff;
}
.hero-letter-drop span{
    display:inline-block;

    opacity:0;

    transform:translateY(-120px);

     animation:letterDrop 3s ease-in-out infinite;
}

/* Space */

.hero-letter-drop .space{
    width:15px;
}

/* Delay for each letter */

.hero-letter-drop span:nth-child(1){animation-delay:.1s;}
.hero-letter-drop span:nth-child(2){animation-delay:.2s;}
.hero-letter-drop span:nth-child(3){animation-delay:.3s;}
.hero-letter-drop span:nth-child(5){animation-delay:.4s;}
.hero-letter-drop span:nth-child(6){animation-delay:.5s;}
.hero-letter-drop span:nth-child(7){animation-delay:.6s;}
.hero-letter-drop span:nth-child(8){animation-delay:.7s;}
.hero-letter-drop span:nth-child(9){animation-delay:.8s;}
.hero-letter-drop span:nth-child(10){animation-delay:.9s;}
.hero-letter-drop span:nth-child(11){animation-delay:1s;}
.hero-letter-drop span:nth-child(12){animation-delay:1.1s;}

@keyframes letterDrop{

    0%{
        opacity:0;
        transform:translateY(-80px);
    }

    15%{
        opacity:1;
        transform:translateY(0);
    }

    85%{
        opacity:1;
        transform:translateY(0);
    }

    100%{
        opacity:0;
        transform:translateY(40px);
    }

}

.clients-showcase{
    padding:120px 0;
    background:#f4f4f4;
}

/* LEFT */

.clients-showcase .featured-athlete{
    position:sticky;
    top:100px;
}

.clients-showcase .featured-athlete img{
    width:100%;
    border-radius:30px;
}

.clients-showcase .featured-content{
    margin-top:25px;
}

.clients-showcase .featured-content span{
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.clients-showcase .featured-content h2{
    font-size:60px;
    font-weight:800;
}

.clients-showcase .featured-content p{
    font-size:18px;
}

/* RIGHT */

.clients-showcase .athlete-list{
    display:flex;
    flex-direction:column;
    gap:40px;
    border: 3px solid #961612;
    border-radius: 24px;
    padding: 40px 30px;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.clients-showcase .athlete-card{
    display:flex;
    align-items:center;
    gap:25px;
}

.clients-showcase .athlete-card img{
    width:220px;
    height:260px;
    object-fit:cover;
        object-position: top;
    border-radius:24px;
}

/* CONTENT */

.clients-showcase .athlete-content{
    position: relative;
    overflow: hidden;
    padding: 40px;
    border-radius: 30px;
    flex: 1;
    z-index: 1;
}

/* Hover Color Layer */

.clients-showcase .athlete-content::before{
    content: "";
    position: absolute;

    width: 250%;
    height: 250%;

    right: -100%;
    bottom: -100%;

    border-radius: 50%;

    transform: scale(0);
    transform-origin: bottom right;

    transition: transform 0.8s cubic-bezier(.22,1,.36,1);

    z-index: -1;
}

/* Hover Animation */

.clients-showcase .athlete-card:hover .athlete-content::before{
    transform: scale(1);
}

/* Text */

.clients-showcase .athlete-content h3,
.clients-showcase .athlete-content p{
    position: relative;
    z-index: 2;
    transition: color 0.4s ease;
}

.clients-showcase .athlete-card:hover .athlete-content h3,
.clients-showcase .athlete-card:hover .athlete-content p{
    color: #fff;
}

/* Card 1 */

.clients-showcase .card-1 .athlete-content{
       background: #a8cbf2;
}

.clients-showcase .card-1 .athlete-content::before{
    background: #0066ff;
}

/* Card 2 */

.clients-showcase .card-2 .athlete-content{
   background: #ffddbf;
}

.clients-showcase .card-2 .athlete-content::before{
    background: #ff6b00;
}

/* Card 3 */

.clients-showcase .card-3 .athlete-content{
       background: #a4cea9;
}

.clients-showcase .card-3 .athlete-content::before{
    background: #18a558;
}

/* Card 4 */

.clients-showcase .card-4 .athlete-content{
    background: #FFF0F6;
}

.clients-showcase .card-4 .athlete-content::before{
    background: #d63384;
}
.clients-showcase .featured-athlete img {
    height: 400px;
    object-fit: cover;
    object-position: top;
}
/* TEXT CHANGE */

.clients-showcase .athlete-content h3,
.clients-showcase .athlete-content p{
    transition:.5s;
}

.clients-showcase .athlete-card:hover h3,
.clients-showcase .athlete-card:hover p{
    color:#fff;
}

.clients-showcase .athlete-content h3{
    font-size:32px;
    font-weight:800;
    margin-bottom:10px;
}

.clients-showcase .athlete-content p{
    margin:0;
    font-size:18px;
}


.commitments-section{
    background:#f7f7f7;
    overflow:hidden;
    position:relative;
}

/* Heading */

.commitments-section .commit-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:#fff;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.commitments-section .commit-title{
    font-size:80px;
    font-weight:900;
    line-height:1;
    margin-bottom:0;
}

.commitments-section .commit-title span{
    color:var(--primary);
}

.commitments-section .commit-subtitle{
    font-size:60px;
    font-weight:800;
    color:#111;
    margin-top:5px;
}

.commitments-section .commit-heading p{
   
    color:#666;
}

/* Cards */

.commitments-section .commit-card{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    transition:.5s;
    cursor:pointer;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.commitments-section .commit-card img {
    width: 100%;
    display: block;
    transition: .8s;
    height: 350px;
    object-fit: cover;
}

/* Hover */

.commitments-section .commit-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(229,57,53,.75),
        transparent
    );
    opacity:0;
    transition:.5s;
    z-index:2;
}

.commitments-section .commit-card:hover{
    transform:translateY(-12px);
}

.commitments-section .commit-card:hover img{
    transform:scale(1.08);
}

.commitments-section .commit-card:hover::before{
    opacity:1;
}

/* Stagger Effect */


/* Mobile */

@media(max-width:991px){

 .commitments-section   .commit-title{
        font-size:50px;
    }

 .commitments-section   .commit-subtitle{
        font-size:34px;
    }

 

}
.commitments-section {
   padding: 60px 0px 30px !important;
}


.college-commitments{
    position: relative;
    padding: 120px 0;
    overflow: hidden;

    background: url('../img/fad6ad7d-2f56-4a25-8fa3-b59cb13b8bf9.webp') center center/cover no-repeat;
}

.college-commitments::before{
    content: '';
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.65); /* overlay */

    z-index: 1;
}

/* Content overlay ke upar rahe */

.college-commitments .container,
.college-commitments .container-fluid{
    position: relative;
    z-index: 2;
}
.college-commitments .section-heading{
    margin-bottom:70px;
}

.college-commitments .section-heading h2{
    font-size:70px;
    font-weight:900;
    margin:15px 0;
    color: #fff;
}
.section-badge{
    margin-bottom:20px;
}

.section-badge span{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 28px;

    border-radius:100px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

    color:#fff;

    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;

    overflow:hidden;
}

.section-badge span::before{
    content:'';
    position:absolute;

    left:0;
    top:0;

    width:0%;
    height:100%;

    background:linear-gradient(
        90deg,
        #0d4aa6,
        #3f8cff
    );

    transition:.5s;
    z-index:-1;
}

.section-badge span:hover::before{
    width:100%;
}

.section-badge i{
    font-size:15px;
}
.college-commitments .section-heading span {
    color: #e8a020;
    font-weight: 700;
    letter-spacing: 2px;
}

.college-commitments .gender-box h3{
    text-align:center;
    font-size:42px;
    font-weight:800;
    margin-bottom:30px;
    color: #e8a020;
}

.college-commitments .commit-card{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
        padding: 15px 35px;
    border-radius:50px;
    text-decoration:none;
    margin-bottom:20px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    transition:.5s;
}

.college-commitments .commit-card::before{
    content:"";
    position:absolute;
    inset:0;
    width:0%;
    transition:.6s ease;
}

.college-commitments .commit-card.blue::before{
    background:linear-gradient(135deg,#961612,#961612);
}

.college-commitments .commit-card.red::before{
    background:linear-gradient(135deg,#e8a020,#e8a020);
}

.college-commitments .commit-card:hover::before{
    width:100%;
}

.college-commitments .commit-card *{
    position:relative;
    z-index:2;
}

.college-commitments .commit-card .year{
    display:block;
        font-size: 24px;
    font-weight:900;
    line-height:1;
       color: #e8a020;
    transition:.4s;
}

.college-commitments .commit-card p{
    margin:5px 0 0;
    color:#000;
    transition:.4s;
        font-size: 15px;
}

.college-commitments .commit-card i{
    font-size:24px;
    font-style:normal;
    transition:.4s;
    color:#111;
}

.college-commitments .commit-card:hover .year,
.college-commitments .commit-card:hover p,
.college-commitments .commit-card:hover i{
    color:#fff;
}

.college-commitments .commit-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}

.college-commitments .commit-card:hover i{
    transform:translateX(10px);
}

@media(max-width:991px){

 .college-commitments   .section-heading h2{
        font-size:50px;
    }

 .college-commitments   .gender-box h3{
        font-size:34px;
    }

  .college-commitments  .commit-card .year{
        font-size:32px;
    }
}

@media(max-width:576px){

.college-commitments    .section-heading h2{
        font-size:36px;
    }

  .college-commitments  .commit-card{
        padding:22px;
        border-radius:30px;
    }
}


.adversity-section{
    position:relative;
    min-height:100vh;
    padding:120px 0;
    overflow:hidden;
        background: #323232;
    display:flex;
    align-items:center;
}

/* RED GLOW */

.adversity-section::before{
    content:"";
    position:absolute;

    width:900px;
    height:900px;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

        background: radial-gradient(circle, rgb(232 160 32) 0%, rgb(232 160 32 / 46%) 35%, rgb(232 160 32 / 12%) 55% 55%, rgba(200, 20, 20, 0) 75%);

    filter:blur(70px);

    animation:pulseGlow 8s ease-in-out infinite;

    z-index:1;
}

@keyframes pulseGlow{

    0%,100%{
        transform:translate(-50%,-50%) scale(1);
    }

    50%{
        transform:translate(-50%,-50%) scale(1.15);
    }

}

.adversity-section .adversity-content{
    position:relative;
    z-index:5;
    max-width:1100px;
    margin:auto;
}

.adversity-section .adversity-tag{
    display:block;
    color:#fff;
    font-size:24px;
    font-style:italic;
    font-weight:300;
    letter-spacing:1px;
    margin-bottom:70px;
}

/* TITLE */

.adversity-section .adversity-title{
    color:#fff;
    font-size:clamp(60px,9vw,160px);
    font-weight:700;
    line-height:.9;
    letter-spacing:-4px;
    margin-bottom:50px;
}

.adversity-section .adversity-title span{
    display:block;
}

/* CONTINUOUS MOTION */
.adversity-section .adversity-content{
    position:relative;
    z-index:5;
    max-width:1100px;
    margin:auto;
 animation: sectionFloat 10s ease-in-out infinite;
    transform-style: preserve-3d;
    will-change: transform;
}

@keyframes sectionFloat{

    0%{
        transform:
        perspective(1200px)
        translateY(0px)
        rotateX(0deg)
        rotateY(0deg)
        scale(1);
    }

    25%{
        transform:
        perspective(1200px)
        translateY(-6px)
        rotateX(-1deg)
        rotateY(2deg)
        scale(1.01);
    }

    50%{
        transform:
        perspective(1200px)
        translateY(4px)
        rotateX(.5deg)
        rotateY(-2deg)
        scale(1.015);
    }

    75%{
        transform:
        perspective(1200px)
        translateY(-6px)
        rotateX(-.5deg)
        rotateY(1deg)
        scale(1.01);
    }

    100%{
        transform:
        perspective(1200px)
        translateY(0px)
        rotateX(0deg)
        rotateY(0deg)
        scale(1);
    }

}
.adversity-section .divider{
    width:120px;
    height:2px;
    background:#fff;
    margin:40px auto;
}

.adversity-section .adversity-content p{
    max-width:1000px;
    margin:0 auto 30px;
    color:#fff;
    font-size:22px;
    line-height:1.8;
    font-style:italic;
    opacity:.9;
}

/* BUTTON */

.adversity-section .adversity-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin-top:30px;

    min-width:320px;
    height:70px;

    border:2px solid #fff;
    border-radius:60px;

    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:600;

    transition:.5s;
}

.adversity-section  .adversity-btn:hover{

    background:#fff;
    color:#111;

    transform:translateY(-5px);
}

/* RESPONSIVE */

@media(max-width:991px){

    .adversity-section{
        min-height:auto;
        padding:100px 0;
    }

 .adversity-section    .adversity-tag{
        font-size:18px;
        margin-bottom:40px;
    }

 .adversity-section    .adversity-content p{
        font-size:18px;
    }

  .adversity-section   .adversity-btn{
        min-width:260px;
        height:60px;
        font-size:18px;
    }

}

@media(max-width:576px){

    .adversity-section::before{

        width:500px;
        height:500px;

    }

  .adversity-section   .adversity-content p{
        font-size:16px;
        line-height:1.7;
    }

}

/* ====================================
   TESTIMONIAL SECTION
==================================== */

.athlete-story-section{
    position:relative;
    padding:140px 0;
    background:#f4f4f4;
    overflow:hidden;
}

.athlete-story-section::before{
    content:'';
    position:absolute;

    width:700px;
    height:700px;

    right:-250px;
    top:-150px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(178,34,34,.12),
        transparent 70%
    );

    pointer-events:none;
}

.athlete-story-section::after{
    content:'';
    position:absolute;

    width:500px;
    height:500px;

    left:-150px;
    bottom:-150px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(0,0,0,.05),
        transparent 70%
    );

    pointer-events:none;
}


/* ====================================
   CONTENT CARD
==================================== */

.athlete-story-section .athlete-story-card{

    position:relative;

    height:100%;

    padding:70px;

    border-radius:40px;

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.98),
        rgba(255,255,255,.88)
    );

    backdrop-filter:blur(12px);

    overflow:hidden;

    transition:.6s cubic-bezier(.22,1,.36,1);

    box-shadow:
    0 20px 60px rgba(0,0,0,.08),
    0 0 0 1px rgba(255,255,255,.5);
}

/* Top Line */

.athlete-story-section .athlete-story-card::after{
    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:
    linear-gradient(
        90deg,
        var(--primary),
        var(--primary),
        var(--primary)
    );
}

/* Quote */

.athlete-story-section .athlete-story-card::before{
    content:"❝";

    position:absolute;

    top:-30px;
    right:20px;

    font-size:220px;

    color:#961612;

    opacity:.05;

    line-height:1;

    transition:.6s ease;
}

.athlete-story-section .athlete-story-card:hover{
    transform:translateY(-12px);

    box-shadow:
    0 40px 100px rgba(0,0,0,.15);
}

.athlete-story-section .athlete-story-card:hover::before{
    transform:rotate(-10deg) scale(1.08);
}


/* ====================================
   BADGE
==================================== */

.athlete-story-section .story-badge{

    display:inline-flex;
    align-items:center;

    padding:12px 24px;

    border-radius:100px;

    background:
    linear-gradient(
        135deg,
       var(--primary),
        var(--primary)
    );

    color:#fff;

    font-size:13px;
    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:25px;

      box-shadow: 0 15px 30px rgb(10 79 140 / 25%);

    transition:.4s;
}

.athlete-story-section .story-badge:hover{
    transform:translateY(-3px);
}


/* ====================================
   TITLE
==================================== */

.athlete-story-section .athlete-story-card h2{

    font-size:72px;

    font-weight:900;

    line-height:.98;

    letter-spacing:-3px;

    margin-bottom:25px;

    color:#111;
}

.athlete-story-section .athlete-story-card h2 span{

    display:block;

        color: #e8a020;

    position:relative;
}

.athlete-story-section .athlete-story-card h2 span::after{

    content:'';

    position:absolute;

    left:0;
       bottom: -15px;

    width:80px;
    height:4px;

    background:#e8a020;
}


/* ====================================
   UNIVERSITY
==================================== */

.athlete-story-section .story-university{

    display:inline-flex;
    align-items:center;

    padding:14px 24px;

    border-radius:100px;

    background:#f2f2f2;

    color:#222;

    font-size:15px;
    font-weight:600;
    margin-top: 20px;
    margin-bottom:30px;
}


/* ====================================
   PARAGRAPH
==================================== */

.athlete-story-section .athlete-story-card p{

    font-size:18px;

    line-height:1.9;

    color:#555;

    margin-bottom:20px;
}


/* ====================================
   BUTTON
==================================== */

.athlete-story-section .story-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:240px;
    height:60px;

    margin-top:15px;

    border-radius:100px;

    text-decoration:none;

    color:#111;

    border:2px solid #111;

    font-weight:700;

    transition:.5s;
}

.athlete-story-section .story-btn:hover{

    background:#111;

    color:#fff;

    transform:translateY(-4px);
}


/* ====================================
   IMAGE
==================================== */

.athlete-story-section .story-image{

    position:relative;

    overflow:hidden;

    border-radius:40px;

    animation:imageFloat 6s ease-in-out infinite;
}

/* Overlay */

.athlete-story-section .story-image::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.45),
        transparent 60%
    );

    z-index:2;
}

/* Border Frame */

.athlete-story-section .story-image::after{

    content:'';

    position:absolute;

    inset:18px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:25px;

    z-index:3;

    transition:.6s ease;
}

.athlete-story-section .story-image img{

    width:100%;
    height:700px;

    object-fit:cover;

    transition:
    transform 1.5s cubic-bezier(.22,1,.36,1);
}

.athlete-story-section .story-image:hover img{
    transform:scale(1.12);
}

.athlete-story-section .story-image:hover::after{
    inset:28px;
}


/* ====================================
   FLOATING IMAGE
==================================== */

@keyframes imageFloat{

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

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


/* ====================================
   RESPONSIVE
==================================== */

@media(max-width:1199px){

  .athlete-story-section   .athlete-story-card h2{
        font-size:58px;
    }

}

@media(max-width:991px){

    .athlete-story-section{
        padding:90px 0;
    }

  .athlete-story-section   .athlete-story-card{
        padding:40px;
    }

   .athlete-story-section  .athlete-story-card h2{
        font-size:44px;
    }

  .athlete-story-section   .story-image img{
        height:500px;
    }

}

@media(max-width:767px){

 .athlete-story-section    .athlete-story-card{
        padding:30px;
        border-radius:25px;
    }

  .athlete-story-section   .athlete-story-card h2{
        font-size:36px;
        line-height:1;
    }

   .athlete-story-section  .story-image{
        border-radius:25px;
    }

  .athlete-story-section   .story-image img{
        height:350px;
    }

  .athlete-story-section   .athlete-story-card p{
        font-size:16px;
        line-height:1.8;
    }

}

@media(max-width:576px){

   .athlete-story-section  .story-btn{
        width:100%;
    }

}


.testimonial-part .ig-feed-item{
    position:relative;
    display:block;

    overflow:hidden;

    border-radius:28px;

    

    box-shadow:
    0 15px 35px rgba(0,0,0,.08),
    0 5px 15px rgba(0,0,0,.05);

    transition:
    transform .6s cubic-bezier(.22,1,.36,1),
    box-shadow .6s cubic-bezier(.22,1,.36,1);

    isolation:isolate;
}

/* Gradient Border */

.testimonial-part .ig-feed-item::before{
    content:'';

    position:absolute;
    inset:0;

    padding:2px;

    border-radius:30px;

    background:
    linear-gradient(
        135deg,
        #ff3c2e,
        #ff7b54,
        #ffffff,
        #ff3c2e
    );

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    z-index:3;

    opacity:0;

    transition:.5s;
}

.testimonial-part .ig-feed-item img{
    width:100%;
    display:block;

    border-radius:20px;

    transition:
    transform 1s cubic-bezier(.22,1,.36,1),
    filter .8s ease;
}

/* Overlay */

.testimonial-part .ig-overlay{
    position:absolute;
    inset:10px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:20px;

    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,.05),
        rgba(0,0,0,.75)
    );

    opacity:0;

    transition:.5s;

    z-index:2;
}

.testimonial-part .ig-overlay span{
    color:#fff;

    font-size:20px;
    font-weight:700;

    letter-spacing:1px;

    transform:translateY(20px);

    transition:.5s;
}

/* Hover */

.testimonial-part .ig-feed-item:hover{
    transform:
    translateY(-12px)
    rotate(-1deg);

    box-shadow:
    0 35px 70px rgba(0,0,0,.18);
}

.testimonial-part .ig-feed-item:hover::before{
    opacity:1;
}

.testimonial-part .ig-feed-item:hover img{
    transform:scale(1.08);
    filter:brightness(.85);
}

.testimonial-part .ig-feed-item:hover .ig-overlay{
    opacity:1;
}

.testimonial-part .ig-feed-item:hover .ig-overlay span{
    transform:translateY(0);
}

.client-award .hero-title-1
{
  font-size: 90px;
}
section.hero-banner.client-banner.client-award {
    padding-bottom: 100px;
        height: 100vh;

}
@media(max-width: 768px)
{
  .client-award .hero-title-1 {
    font-size: 40px !important;
}
}


.athlete-awards-section{
    padding:120px 0;
    background:#f8f8f8;
    overflow:hidden;
    position:relative;
}

.athlete-awards-section .section-badge{

    display:inline-block;

    padding:12px 24px;

    border-radius:100px;

       background: #e8a020;

    color:#fff;

    font-size:13px;

    letter-spacing:1px;

    margin-bottom:20px;
    font-weight: 700;
}
.athlete-awards-section .achievement-card {
    
    height: 100%;
}
.athlete-awards-section .section-title{

    font-size:65px;

    font-weight:900;

    margin-bottom:20px;
}

/* Stagger Layout */



/* Card */

.athlete-awards-section .achievement-card{

    position:relative;

    background:#fff;

    border-radius:35px;

    overflow:hidden;

    transition:.7s cubic-bezier(.22,1,.36,1);

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);

    animation:floatCard 5s ease-in-out infinite;
}

/* Gradient Border */

.athlete-awards-section .achievement-card::before{

    content:'';

    position:absolute;

    inset:0;

    padding:2px;

    border-radius:35px;

    background:
    linear-gradient(
        135deg,
        var(--primary),
       var(--primary),
        var(--primary),
        var(--primary)
    );

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    opacity:0;

    transition:.5s;
}

/* Badge */

.athlete-awards-section .award-badge{

    position:absolute;

    top:20px;
    right:20px;

    width:55px;
    height:55px;

    border-radius:50%;

    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:5;

    box-shadow:
    0 10px 30px rgba(0,0,0,.15);
}

/* Image */

.athlete-awards-section .achievement-image{

    overflow:hidden;
}

.athlete-awards-section .achievement-image img{

    width:100%;

    height:420px;

    object-fit:cover;

    transition:1.2s cubic-bezier(.22,1,.36,1);
}

/* Content */

.athlete-awards-section .achievement-content{

    padding:30px;
}

.athlete-awards-section .achievement-content h3{

    font-size:28px;

    font-weight:800;

    margin-bottom:10px;
}

.athlete-awards-section .achievement-content p{

    color:#666;

    margin-bottom:20px;
}

.athlete-awards-section .achievement-content a{

    text-decoration:none;

    color:var(--primary);

    font-weight:700;
}

/* Hover */

.athlete-awards-section .achievement-card:hover{

    transform:
    translateY(-15px);

    box-shadow:
    0 35px 80px rgba(0,0,0,.18);
}

.athlete-awards-section .achievement-card:hover img{

    transform:scale(1.08);
}

.athlete-awards-section .achievement-card:hover::before{

    opacity:1;
}

/* Floating */

@keyframes floatCard{

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

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

/* Responsive */

@media(max-width:1199px){

 

 .athlete-awards-section    .section-title{
        font-size:50px;
    }

}

@media(max-width:767px){

 .athlete-awards-section    .section-title{
        font-size:36px;
    }

  .athlete-awards-section   .achievement-image img{
        height:320px;
    }

}
.athlete-awards-section .achievement-content {
    padding: 30px;
    position: relative;
}

section.hero-banner.client-banner.client-award
{
      background: url('../img/20211120_CSLA_MSoc_0111.webp') center center / cover no-repeat;
}
.athlete-awards-section .award-link{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    margin-top:25px;
    padding:18px 20px;

       background: #e8a020;

    border-radius:14px;

    color:#fff !important;
    text-decoration:none;

    font-weight:700;
    font-size:14px;

    letter-spacing:1px;
    text-transform:uppercase;

    transition:.4s ease;
}

.athlete-awards-section .award-link i{
    transition:.4s ease;
}

.athlete-awards-section .award-link:hover{
    background:var(--primary);
    color:#fff;
}

.athlete-awards-section .award-link:hover i{
    transform:translateX(8px);
}
.athlete-awards-section .award-badge i {
    color: #e8a020;
}
.partner-banner
{
  background: url('../img/image-asset (9).webp') center center / cover no-repeat;
}
/* ==========================
   MAIN SECTION
========================== */

.club-stack-section{
    position:relative;
    padding:120px 0px 0px;
    background:#f7f7f7;
}

/* ==========================
   STICKY CARDS
========================== */

.club-stack-section .club-stack-card{
    position:sticky;
    top:90px;
    /*margin-bottom:120px;*/
}

/* ==========================
   CARD
========================== */

.club-stack-section .club-stack-inner{
    max-width: 1320px;
    margin: auto;
    position:relative;

    min-height:750px;

    display:flex;
    align-items:center;
    gap:90px;
    padding: 0px 80px;
    /*padding:80px;*/

    border-radius:40px;

    overflow:hidden;

    transition:.6s cubic-bezier(.22,1,.36,1);

    box-shadow:
    0 25px 80px rgba(0,0,0,.08);
}

/* CARD COLORS */

.club-stack-section .club-stack-card:nth-child(1) .club-stack-inner{
    background:#fff3f3;
}

.club-stack-section .club-stack-card:nth-child(2) .club-stack-inner{
    background:#eef8ff;
}

.club-stack-section .club-stack-card:nth-child(3) .club-stack-inner{
    background:#f4f0ff;
}

/* ==========================
   BIG NUMBER
========================== */

.club-stack-section .club-stack-count{

    position:absolute;

    top:20px;
    right:40px;

    font-size:180px;

    font-weight:900;

    line-height:1;

    opacity:.05;

    z-index:1;
}

/* ==========================
   IMAGE
========================== */

.club-stack-image{

    flex:0 0 420px;

    position:relative;

    z-index:5;
}

.club-stack-image img{

    width:100%;

    border-radius:35px;

    transition:1s;

    animation:floatLogo 5s ease-in-out infinite;

    box-shadow:
    0 20px 60px rgba(0,0,0,.12);
}

/* ==========================
   CONTENT
========================== */

.club-stack-content{

    position:relative;

    z-index:5;

    max-width:600px;
}

.club-stack-content span{

    display:inline-block;

    padding:12px 24px;

    border-radius:100px;

    color:#fff;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:25px;
}

.club-stack-card:nth-child(1) span{
    background:var(--primary);
}

.club-stack-card:nth-child(2) span{
    background:#0284c7;
}

.club-stack-card:nth-child(3) span{
    background:#7c3aed;
}

.club-stack-content h2{

    font-size:60px;

    font-weight:900;

    line-height:.9;

    margin-bottom:25px;
}

.club-stack-content p{

    font-size:18px;

    line-height:1.8;

    color:#555;

    margin-bottom:35px;
}

/* ==========================
   BUTTON
========================== */

.club-btn{

    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:18px 32px;

    border-radius:100px;

    text-decoration:none;

    color:#111;

    font-weight:700;

    background:#fff;

    transition:.5s;

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
}

.club-btn:hover{

    transform:translateY(-5px);

    background:#111;

    color:#fff;
}

.club-btn:hover i{
    transform:translateX(6px);
}

.club-btn i{
    transition:.4s;
}

/* ==========================
   HOVER CARD
========================== */

.club-stack-inner:hover{

    transform:translateY(-12px);

    box-shadow:
    0 40px 120px rgba(0,0,0,.15);
}

.club-stack-inner:hover img{

    transform:
    scale(1.08)
    rotate(-3deg);
}

/* ==========================
   FLOAT IMAGE
========================== */

@keyframes floatLogo{

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

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

}

/* ==========================
   MOBILE
========================== */

@media(max-width:1199px){

    .club-stack-content h2{
        font-size:56px;
    }

    .club-stack-image{
        flex:0 0 320px;
    }

}

@media(max-width:991px){

    .club-stack-card{
        position:relative !important;
        top:auto !important;
    }

    .club-stack-inner{

        flex-direction:column;

        text-align:center;

        gap:40px;

        min-height:auto;

        padding:50px;
    }
.club-stack-section .club-stack-inner{
   
   padding-top: 90px;

    
}
.partner-row.last-partner .partner-image {
    position: inherit !important;
    
}
    .club-stack-image{
        flex:auto;
    }

    .club-stack-content h2{
        font-size:42px;
    }

    .club-stack-content p{
        font-size:18px;
    }

    .club-stack-count{
        font-size:120px;
    }

}

@media(max-width:576px){

    .club-stack-inner{
        padding:30px;
        border-radius:25px;
    }

    .club-stack-content h2{
        font-size:34px;
    }

    .club-stack-content p{
        font-size:16px;
    }

    .club-stack-image img{
        border-radius:20px;
    }

}


.partner-showcase-section{
    padding:120px 0;
   background: rgb(50 50 50);
}

.partner-showcase-section .partner-row{

    display:flex;
    align-items:center;
    gap:50px;
   background: rgb(255 255 255 / 67%);
    backdrop-filter: blur(20px);
    border-radius:35px;

    padding:35px;

    margin-bottom:50px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.06);

    transition:.5s ease;
}

.partner-showcase-section .partner-row:hover{

    transform:translateY(-8px);

    box-shadow:
    0 25px 60px rgba(0,0,0,.12);
}

.partner-showcase-section .partner-image{

    width:45%;
    flex-shrink:0;
}

.partner-showcase-section .partner-image img{

    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:25px;

    transition:1s ease;
}

.partner-showcase-section .partner-row:hover img{

    transform:scale(1.04);
}

.partner-showcase-section .partner-content{

    width:55%;

    padding:20px 10px;
}

.partner-showcase-section .partner-content span{

    display:inline-block;

    background:#961612;

    color:#fff;

    padding:10px 20px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:20px;
}

.partner-showcase-section .partner-content h2{

    font-size:58px;

    font-weight:800;

    color:#111;

    line-height:1;

    margin-bottom:25px;
}

.partner-showcase-section .partner-content p{

   font-size: 18px;

    line-height:1.9;

    color:#555;

    margin-bottom:0;
}
.partner-row.last-partner
{
  align-items: start;
}
.partner-row.last-partner .partner-image

{
  position: sticky;
  top: 120px;
}
/* Alternate Layout */

.partner-showcase-section .partner-row:nth-child(even){

    flex-direction:row-reverse;
}

/* Responsive */

@media(max-width:991px){

    .partner-showcase-section .partner-row,
    .partner-showcase-section .partner-row:nth-child(even){

        flex-direction:column;
    }

    .partner-showcase-section .partner-image,
    .partner-showcase-section .partner-content{

        width:100%;
    }

    .partner-showcase-section .partner-content{

        text-align:center;
    }

    .partner-showcase-section .partner-content h2{

        font-size:42px;
    }

    .partner-showcase-section .partner-image img{

        height:350px;
    }
}

@media(max-width:576px){

    .partner-showcase-section{

        padding:80px 0;
    }

    .partner-showcase-section .partner-row{

        padding:20px;
        border-radius:20px;
    }

    .partner-showcase-section .partner-content h2{

        font-size:34px;
    }

    .partner-showcase-section .partner-content p{

        font-size:16px;
        line-height:1.8;
    }

    .partner-showcase-section .partner-image img{

        height:260px;
        border-radius:15px;
    }
}

.contact-banner 
{
     background-color:#f4f4f4 !important;
     background-image: none !important;
}
.contact-banner .hero-content .hero-title span
{
  color: #000 !important;
  font-size: 80px;
  margin-bottom: 20px;
}


.contact-premium-section{
    padding:90px 0;
       background: #f4f4f4;
    position:relative;
    overflow:hidden;
}

.contact-premium-section::before{
    content:'';
    position:absolute;
    width:600px;
    height:600px;
    border-radius:50%;
   background: rgb(10 79 140 / 15%);
    top:-250px;
    left:-250px;
}

.contact-premium-section::after{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
        background: rgb(232 160 32 / 30%);
    bottom:-250px;
    right:-250px;
}

.contact-premium-wrap{
    background:#fff;
    border-radius:40px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(0,0,0,.08);
    position:relative;
    z-index:2;
}

/* =======================
   LEFT SIDE
======================= */

.contact-info-side{
    background:#961612;
    color:#fff;
    height:100%;
    padding:80px 55px;
    position:relative;
    overflow:hidden;
}

.contact-info-side::before{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
        background: rgb(255 255 255 / 20%);
    top:-150px;
    right:-150px;
}

.contact-tag{
    display:inline-block;
    background: #e8a020;
    padding:10px 20px;
    border-radius:50px;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:25px;
}

.contact-info-side h2{
    font-size:72px;
    line-height:.9;
    font-weight:900;
    margin-bottom:25px;
}

.contact-info-side h2 span{
    display:block;
}

.contact-info-side p{
    color:rgba(255,255,255,.85);
    line-height:1.9;
    font-size:17px;
    margin-bottom:35px;
}

.contact-detail{
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 20px;
    background:rgba(255,255,255,.08);
    border-radius:18px;
    margin-bottom:15px;
    transition:.4s;
}

.contact-detail:hover{
    transform:translateX(8px);
    background:rgba(255,255,255,.12);
}

.contact-detail i{
    width:55px;
    height:55px;
    border-radius:50%;
   background: #e8a020;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.contact-detail small{
    display:block;
    opacity:.8;
}

.contact-detail h6{
    margin:0;
    font-size:16px;
}

.contact-social{
    margin-top:35px;
    display:flex;
    gap:15px;
}

.contact-social a{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff;
    color:#961612;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.4s;
}

.contact-social a:hover{
   background: #e8a020;
    color:#fff;
    transform:translateY(-5px);
}

/* =======================
   RIGHT SIDE
======================= */

.contact-form-side{
    padding:80px 60px;
}

.contact-form-side h3{
    font-size:42px;
    font-weight:800;
    margin-bottom:10px;
}

.contact-form-side p{
    color:#666;
    margin-bottom:35px;
}

.contact-form-side .form-control{
    height:65px;
    border:2px solid #edf0f4;
    border-radius:16px;
    box-shadow:none;
    padding:0 20px;
    transition:.4s;
}

.contact-form-side textarea.form-control{
    height:180px;
    resize:none;
    padding-top:20px;
}

.contact-form-side .form-control:focus{
    border-color:#961612;
    box-shadow:0 0 0 5px rgba(10,79,140,.08);
}

.contact-submit-btn{
    border:none;
    min-width:240px;
    height:65px;
    border-radius:100px;
    background:#961612;
    color:#fff;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    transition:.4s;
}

.contact-submit-btn:hover{
   background: #e8a020;
    transform:translateY(-5px);
    box-shadow:0 20px 40px rgba(178,34,34,.25);
}

.contact-submit-btn i{
    transition:.4s;
}

.contact-submit-btn:hover i{
    transform:translateX(8px);
}

/* =======================
   RESPONSIVE
======================= */

@media(max-width:991px){

    .contact-info-side,
    .contact-form-side{
        padding:50px 30px;
    }

    .contact-info-side h2{
        font-size:48px;
    }

    .contact-form-side h3{
        font-size:34px;
    }
    .contact-banner .hero-content .hero-title span {
  
    font-size: 40px;
  
}
/*.soc-header .on-mobile*/
/*{*/
/*  display: block !important;*/
/*}*/
}
.contact-detail{
    display:flex;
    align-items:center;
    gap:15px;
}

.contact-detail div{
    min-width:0;
    flex:1;
}

.contact-detail h6{
    margin:0;
    font-size:15px;
    line-height:1.5;

    overflow-wrap:break-word;
    word-break:break-word;
}
@media(max-width:576px){

    .contact-premium-wrap{
        border-radius:20px;
    }

    .contact-info-side h2{
        font-size:38px;
    }

    .contact-form-side{
        padding:35px 20px;
    }

    .contact-submit-btn{
        width:100%;
    }
}
.contact-info-side h2 {
 
    color: #fff;
}
.founders-section .founder-content p {
  
    height: 50px;
}

@media(max-width:768px)
{
  .who-we-are-slider {
   
    max-width: 90%;
  
}
.footer-top h3 {
  
    font-size: 20px;
  
}
.footer-title {
    font-size: 34px;
   
}
.footer-badges {
   
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
section.hero-banner.client-banner h1.hero-title.text-white.hero-letter-drop {
    font-size: 40px;
}
section.hero-banner.client-banner {
    
    height: 50vh;
   
}
.clients-showcase .athlete-card {
   
    flex-direction: column;
}
.clients-showcase .athlete-list
{
  margin-top: 30px;
}
.clients-showcase .athlete-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: top;
    border-radius: 24px;
}
.p2p-media-heading h2 {
   
    font-size: 60px;
 
}
.newsletter-box span {
   
    margin-top: 20px;
}
.club-stack-section .club-stack-inner
{
  padding: 0px 25px;
}
    .elite-testimonial-content {
      
        margin-top: 30px;
    }
    .hero-banner .hero-content p.hero-text {
    padding: 0px 20px;
}
section.hero-banner.who-we-are-banner.our-mission h1.hero-title-one.text-white {
    font-size: 56px !important;
   line-height:64px !important;
}
}
section.hero-banner.who-we-are-banner.our-mission h1.hero-title-one.text-white {
    font-size: 110px;
    line-height: .9;
    font-weight: 900;
    text-transform: uppercase;
}
.footer-btn{
   
    transition:all .3s ease;
}

.footer-btn:hover{
    background:#961612;
    color:#fff;
    transform:translateY(-3px);
}

.page-id-25 .wpcf7-form p {
    margin: 0;
}
.contact-detail h6 a {
    color: inherit;
    text-decoration: none;
}

.contact-detail h6 a:hover {
    text-decoration: underline;
}
.p2p-founder-info li a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}
.program-modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.95);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:99999;
    padding:20px;
}

.program-modal-content{
    width:100%;
    max-width:1200px;
}

.program-modal-content img{
    width:100%;
    max-height:90vh;
    object-fit:contain;
    border-radius:10px;
}

.program-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:45px;
    cursor:pointer;
    line-height:1;
}
.newsletter-popup-1{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    opacity:0;
    visibility:hidden;
    transition:.4s;
    z-index:99999;
}

.newsletter-popup-1.active{
    opacity:1;
    visibility:visible;
}

.newsletter-popup-1 .newsletter-box{
    width:100%;
    max-width:700px;
    background:#fff;
    border-radius:24px;
    padding:50px;
    position:relative;
    transform:translateY(50px);
    transition:.4s;
    box-shadow:0 30px 80px rgba(0,0,0,.15);
}

.newsletter-popup-1.active .newsletter-box{
    transform:translateY(0);
}

.newsletter-popup-1 .newsletter-close{
    position:absolute;
    right:20px;
    top:20px;
    width:45px;
    height:45px;
    border:none;
    border-radius:50%;
    background:#f4f4f4;
    font-size:28px;
    cursor:pointer;
    transition:.3s;
}

.newsletter-popup-1 .newsletter-close:hover{
    background:#961612;
    color:#fff;
}

.newsletter-popup-1 .newsletter-header{
    text-align:center;
    margin-bottom:35px;
}

.newsletter-popup-1 .newsletter-header span{
    color:#e8a020;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.newsletter-popup-1 .newsletter-header h2{
    font-size:48px;
    line-height:1.1;
    margin:12px 0;
    color:#961612;
    font-weight:800;
}

.newsletter-popup-1 .newsletter-header p{
    color:#666;
    margin:0;
}

.newsletter-popup-1 .newsletter-field{
    margin-bottom:22px;
}

.newsletter-popup-1 .newsletter-field label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#961612;
}

.newsletter-popup-1 .newsletter-field input{
    width:100%;
    height:60px;
    border:2px solid #d9d9d9;
    border-radius:12px;
    padding:0 20px;
    outline:none;
    transition:.3s;
}

.newsletter-popup-1 .newsletter-field input:focus{
    border-color:#e8a020;
}
.newsletter-popup-1 .newsletter-box span {
    display: block;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
}
.newsletter-popup-1 .newsletter-check{
    display:flex;
      align-items: baseline;
    gap:12px;
    margin-bottom:25px;
    cursor:pointer;
}

.newsletter-popup-1 .newsletter-check input{
    width:15px;
    height:15px;
}

.newsletter-popup-1 .newsletter-submit{
    width:100%;
    height:60px;
    border:none;
    border-radius:50px;
    background:linear-gradient(135deg,#0a4f8c,#0a4f8c);
    color:#fff;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    transition:.4s;
}

.newsletter-popup-1 .newsletter-submit:hover{
    transform:translateY(-3px);
}

@media(max-width:767px){

.newsletter-popup-1     .newsletter-box{
        padding:30px 20px;
        border-radius:18px;
    }

  .newsletter-popup-1  .newsletter-header h2{
        font-size:32px;
    }

 .newsletter-popup-1   .newsletter-field input{
        height:55px;
    }

   .newsletter-popup-1 .newsletter-submit{
        height:55px;
    }
}
.ig-popup-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.92);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    opacity:0;
    visibility:hidden;
    transition:.4s ease;
    z-index:99999;
    backdrop-filter:blur(8px);
}

.ig-popup-modal.active{
    opacity:1;
    visibility:visible;
}

.ig-popup-inner{
    max-width:650px;
    width:100%;
    transform:scale(.8);
    transition:.4s ease;
}

.ig-popup-modal.active .ig-popup-inner{
    transform:scale(1);
}

.ig-popup-inner img{
    width:100%;
    display:block;
    border-radius:18px;
    box-shadow:0 20px 60px rgba(0,0,0,.4);
}

.ig-popup-close{
    position:absolute;
    top:20px;
    right:25px;
    color:#fff;
    font-size:50px;
    cursor:pointer;
    line-height:1;
    transition:.3s;
}

.ig-popup-close:hover{
    transform:rotate(90deg);
}

.ig-feed-item{
    cursor:pointer;
}

@media(max-width:768px){

    .ig-popup-inner{
        max-width:95%;
    }

    .ig-popup-close{
        top:10px;
        right:15px;
        font-size:40px;
    }

}
.error-404-section{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#081c3a,#0d2d5f);
    position:relative;
    overflow:hidden;
    padding:100px 20px;
}

.error-404-section::before{
    content:'';
    position:absolute;
    width:600px;
    height:600px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    top:-200px;
    right:-200px;
}

.error-404-section::after{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
    bottom:-150px;
    left:-150px;
}

.error-404-content{
    text-align:center;
    max-width:800px;
    position:relative;
    z-index:2;
  margin: auto;
}

.error-subtitle{
    color:#e8a020;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
}

.error-404-content h1{
    font-size:220px;
    line-height:1;
    font-weight:900;
    color:#fff;
    margin:0;
}

.error-404-content h2{
    color:#fff;
    font-size:42px;
    margin:15px 0;
}

.error-404-content p{
    color:rgba(255,255,255,.8);
    font-size:18px;
    line-height:1.8;
    max-width:650px;
    margin:0 auto 40px;
}

.error-btns{
    display:flex;
    gap:20px;
    justify-content:center;
    flex-wrap:wrap;
}

.error-btn-primary{
    background:#e8a020;
    color:#fff;
    text-decoration:none;
    padding:16px 40px;
    border-radius:50px;
    font-weight:700;
    transition:.4s;
}

.error-btn-primary:hover{
    transform:translateY(-4px);
    color:#fff;
}

.error-btn-outline{
    border:2px solid #fff;
    color:#fff;
    text-decoration:none;
    padding:16px 40px;
    border-radius:50px;
    font-weight:700;
    transition:.4s;
}

.error-btn-outline:hover{
    background:#fff;
    color:#081c3a;
}

@media(max-width:768px){

    .error-404-content h1{
        font-size:120px;
    }

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

    .error-404-content p{
        font-size:16px;
    }

}
.who-we-are-part .p2p-video-card img {
 
    height: 450px;
   
}
section#program-section .p2p-content .p2p-btns
{
	display:none;
}
.ps-wow-gallery{
    padding:90px 0px 0px;
    background:#fff;
}

.ps-gallery-layout{

    display:grid;

   grid-template-columns: 1fr 1fr;

    gap:24px;

    max-width:1700px;

    margin:auto;
}

/* LEFT LARGE IMAGE */

.ps-gallery-large{

    height:850px;

    overflow:hidden;

    border-radius:35px;

    position:relative;

    border:4px solid #e8a020;

    box-shadow:
    0 25px 80px rgba(0,0,0,.12);
}

.ps-gallery-large img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.8s;
}

.ps-gallery-large:hover img{
    transform:scale(1.08);
}

/* RIGHT GRID */

.ps-gallery-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:24px;
}

.ps-gallery-item{

    height:413px;

    overflow:hidden;

    border-radius:30px;

    position:relative;

    box-shadow:
    0 20px 60px rgba(0,0,0,.10);

    transition:.5s;
}

.ps-gallery-item:nth-child(1){
    border:4px solid #961612;
}

.ps-gallery-item:nth-child(2){
    border:4px solid #e8a020;
}

.ps-gallery-item:nth-child(3){
    border:4px solid #e8a020;
}

.ps-gallery-item:nth-child(4){
    border:4px solid #961612;
}

.ps-gallery-item img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.8s;
}

.ps-gallery-item:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 80px rgba(0,0,0,.18);
}

.ps-gallery-item:hover img{
    transform:scale(1.1);
}

/* Overlay */

.ps-gallery-large::before,
.ps-gallery-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(150,22,18,.25),
        transparent
    );

    opacity:0;

    transition:.4s;

    z-index:-2;
}

.ps-gallery-large:hover::before,
.ps-gallery-item:hover::before{
    opacity:1;
}

/* Mobile */

@media(max-width:991px){

.ps-gallery-layout{
    grid-template-columns:1fr;
}

.ps-gallery-large{
    height:450px;
}

.ps-gallery-grid{
    grid-template-columns:1fr 1fr;
}

.ps-gallery-item{
    height:220px;
}

}

@media(max-width:576px){

.ps-gallery-grid{
    grid-template-columns:1fr;
}

.ps-gallery-item{
    height:250px;
}

}
.ps-gallery-popup{
    display:block;
    width:100%;
    height:100%;
}

.ps-gallery-popup img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.fancybox__slide{

    padding:20px !important;

}

button.carousel__button.fancybox__button--close {

    position:absolute !important;

    top:120px !important;

    right:20px !important;

    z-index:99999 !important;

}
@media (max-width: 991px){

    .soc-navbar{

        position:relative;

        display:flex;
        align-items:center;
        justify-content:space-between;

        background: rgb(255 255 255);

    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);

    border: 1px solid rgba(255,255,255,0.25);

    box-shadow:
    0 8px 32px rgba(0,0,0,.12);

        border-radius:100px;

        padding:15px 20px;

      
    }

    /* Center Logo */

    .soc-navbar .logo{

        position:absolute;

      left: 55%;

        transform:translateX(-50%);

        z-index:5;
    }

    .soc-navbar .logo img{
        max-height:70px;
    }

    /* Left Button */

    .soc-navbar .talk-btn{

        display:inline-flex;

        align-items:center;
        justify-content:center;

        order:1;

        margin-right:auto;
    }

    /* Right Toggle */

    .soc-navbar .menu-toggle{

        order:3;

        margin-left:auto;

        display:flex;
    }

    /* Hide Desktop Menu */
    .talk-btn {
        padding: 8px 15px;
        font-size: 16px;
    }
  section.founders-section.py-5.our-team-page {
    padding-top: 100px !important;
}
}
section.founders-section.py-5.our-team-page {
    padding-top: 200px !important;
}