/* Reset CSS*/

    /* Box sizing */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    /* Remove default margin */
    body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
      margin: 0;
    }

    /* Remove list styles */
    ul[role="list"], ol[role="list"],ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    /* Set core body defaults */
    body {
      min-height: 100vh;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeSpeed;
    }

    /* Reset links */
    a {
      text-decoration: none;
      color: inherit;
    }

    /* Reset images */
    img, picture, video, canvas, svg {
      display: block;
      max-width: 100%;
      height: auto;
    }

    /* Reset form elements */
    input, button, textarea, select {
      font: inherit;
      margin: 0;
      border: none;
      outline: none;
      background: transparent;
    }

    /* Buttons reset */
    button {
      background: none;
      cursor: pointer;
    }

    /* Tables */
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    /**
    * End reset CSS
    */

    html{
        scroll-behavior: smooth;
    }
    :root{
        /*Colors*/
        --color-white:#FFFFFF;
        --brand-gradient:-webkit-linear-gradient(91.71deg, #D25500 -3.66%, #FEB900 48.66%, #D25500 100.99%);
        --text-primary: #000116;
        --dark-navy:#03041A;
        --navy:#051845;
        --font-family-primary: 'Meutas', sans-serif;
        /*Font-szie*/
        --xl:44px;
        --lg:36px;
        --md:26px;
        --md-2:24px;
        --sm:16px;
        --font-32:32px;
        --font-20:20px;
        --font-28:28px;
        
    }
    body{
        font-family: var(--font-family-primary);
    }
    /*Headings*/
    .heading-xl{
        font-size: var(--xl);
    }
    .heading-lg{
        font-size: var(--lg);
    }
    .heading-md{
        font-size: var(--md);
    }
    .content-sm{
        font-size: var(--sm);
    }
    /*Colors*/
    .color-white{
        color: var(--color-white);
    }
    .color-text-primary{
        color: var(--text-primary) !important; 
    }
    .color-navy{
        color: var(--navy);
    }  
    .color-dark-navy{
        color: var(--dark-navy);
    }
    .color-brand-gradient{
        background: var(--brand-gradient);
    }
    /*Font Weight*/
    .font-weight-300{
        font-weight: 300;
    }
    .font-weight-400{
      font-weight: 400;
    }
    .font-weight-500{
      font-weight: 500;
    }
    .font-weight-600{
      font-weight: 600;
    }
    .font-weight-700{
      font-weight: 700;
    }
    .font-weight-bold{
      font-weight: bold;
    }
    /*Heading Styles*/
    .heading-style-xl{
        font-size: var(--xl);
        background: var(--brand-gradient);
        font-weight: 600;
        text-transform: uppercase;
        -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    /*Content Style*/
    .content-style-lg{
      font-size: var(--lg);
      color: var(--color-white);
    }
    .content-style-lg-black{
      font-size: var(--lg);
      color: var(--text-primary);
    }
    .content-style-md-2-gradient{
      font-size: var(--md-2);
        background: var(--brand-gradient);
        -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .content-style-sm-gradient{
      font-size: var(--sm);
        background: var(--brand-gradient);
        -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .content-style-md-gradient{
      font-size: var(--font-32);
        background: var(--brand-gradient);
        -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .content-style-lg-2-gradient{
      font-size: var(--md);
        background: var(--brand-gradient);
        -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .content-style-md-2-white{
      font-size: var(--md-2);
      color: var(--color-white);
    }
    .content-style-md-white{
      font-size: var(--md);
      color: var(--color-white);
    }
    .content-style-md-navy{
      font-size: var(--md);
      color: #051845;
    }
    .content-style-md-3-navy{
      font-size: var(--font-20);
      color: #051845;
      font-weight: 400;
    }
    .content-style-sm-white{
      font-size: var(--sm);
      color: var(--color-white);
    }
    .content-style-sm-navy{
      font-size: var(--sm);
        color: #051845;
    }
    .content-style-sm-black{
      font-size: var(--sm);
        color: var(--text-primary);
    }
    /*background*/
    .bg-dark-navy{
        background-color: var(--dark-navy);
    }
    /*Header*/
    .main-header{
      width: 100%;
      position: absolute;
      top: 0px;
      z-index: 99;
      background-color: #0009;
      color: var(--color-white);
    }
    .navbar-brand img{
      max-width: 50%;
    }
    .main-header .navbar-nav{
      gap: 34px;
    }
    .main-header .register-nav{
      display: inline-block;
      padding-left: 30px;
    }
    .main-header .nav-link {
      position: relative;
      color: var(--color-white);
      font-size: var(--sm);
      display: inline-block;
      padding-bottom: 4px; /* give space for underline */

      /* underline effect setup */
      background-image: var(--brand-gradient);
      background-repeat: no-repeat;
      background-position: bottom left;
      background-size: 0% 2px; /* start hidden */
      transition: background-size 0.4s ease; /* smooth effect */
    }

    .main-header .nav-link:hover {
      background-size: 100% 2px; /* expand underline smoothly */
    }
    /* Hide default Bootstrap toggler icon */
    .navbar-toggler-icon {
      display: none;
    }

    /* Custom white hamburger */
    .hamburger-icon {
      width: 30px;
      height: 2px;
      background: #fff;
      display: block;
      position: relative;
    }
    .hamburger-icon::before,
    .hamburger-icon::after {
      content: '';
      width: 30px;
      height: 2px;
      background: #fff;
      position: absolute;
      left: 0;
      transition: 0.3s;
    }
    .hamburger-icon::before {
      top: -8px;
    }
    .hamburger-icon::after {
      top: 8px;
    }

    /* Offcanvas styling */
    .offcanvas {
      /* background-color: #000; */
      background-image: url('../img/pw-2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: left;
      transition: transform 0.4s ease-in-out;
      border: none;
      width: 80% !important; /* 80% width */
    }

    .offcanvas .nav-link {
      color: #fff !important;
      font-size: .9rem;
    padding: 5px 0;
      transition: color 0.3s;
      text-align: center;
    }

    .offcanvas .nav-link:hover {
      color: #f0f0f0;
    }
    /* Close button white */
    .offcanvas .btn-close {
      filter: invert(1); /* ensures it's fully white */
    }
    /* Menu items spacing */
    /* .offcanvas .navbar-nav .nav-item {
      margin-bottom: 15px; 
    } */
    .offcanvas .navbar-nav{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 70%;
        gap: 30px;
    }

    /*Hero Slider*/
    .hero-slider {
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }
    .hero-slider .hero-swiper {
      width: 100%;
      height: 100%;
    }
    .hero-slider .hero-swiper .swiper-wrapper {
      width: 100%;
      height: 100%;
    }
    .hero-slider .hero-swiper .swiper-wrapper .swiper-slide {
      display: flex;
      align-items: center;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    .hero-slider .slide-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    }
    .hero-swiper .swiper-button-next::after,
    .hero-swiper .swiper-button-prev::after {
      display: none; /* Hide default arrows */
    }

    .hero-swiper .swiper-button-next,
    .hero-swiper .swiper-button-prev {
      top: auto;
      bottom: 20px;
      width: 40px;
      height: 40px;
      left: auto !important;
    }

    .hero-swiper .swiper-button-next::after,
    .hero-swiper .swiper-button-prev::after {
      display: none; /* Hide default arrows */
    }

    .hero-swiper .swiper-button-next {
      right: 20px;
      background-image: url('../img/right-arrow-slider.svg');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
    }

    .hero-swiper .swiper-button-prev {
      right: 80px; /* Changed from 70px to 60px to make the gap exactly 20px */
      background-image: url('../img/right-arrow-slider.svg');
      transform: rotate(180deg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
    }
    /*About */
    /* About Award Section */
    .about-award {
        /* background-color: var(--dark-navy); */
        overflow: hidden;
    }
  .about-award{
      background-color:#000;
        color:#fff;
  }
    .about-award .swiper {
        width: 100%;
    }

    .about-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .about-content p{
        color:#fff !important;
    }
    .video-wrapper {
        height: 100%;
        /* min-height: 500px; */
        overflow: hidden;
    }

    .video-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .play-button:hover {
        transform: translate(-50%, -50%) scale(1.1);
    }
  .about-swiper{
      padding-bottom:75px;
  }
    .about-swiper .swiper-navigation {
        position: absolute;
        bottom: -20px;
        right: 46%;
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 20px 0;
    }



    .about-swiper-prev, .about-swiper-next {
        position: static !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    /* Hide default swiper arrow content */
    .about-swiper-prev:after, .about-swiper-next:after {
        display: none !important;
    }

    /* Add custom arrow images */
    .about-swiper-next {
        background-image: url('../img/right-yellow-arrow.svg') !important;
    }

    .about-swiper-prev {
        background-image: url('../img/right-yellow-arrow.svg') !important;
        transform: rotate(180deg);
    }
    /*Eligibility Criteria*/
    .eligibility-criteria{
      padding: 100px 0px;
      background-image: url('../img/ex-bg.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
    .rewards-content{
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    /*Past Winners*/
    .past-winners{
      padding: 80px 0px;
      background-image: url('../img/pw-2.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
    .winner-card{
      background-color: var(--color-white);
      /* border-bottom-right-radius: 50px;
      border-bottom-left-radius: 50px; */
      border-radius: 50px;
      position: relative;
          display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
      
    }
    .winner-badge{
      font-size: var(--sm);
    }
    .winner-img img{
      width: 100%;
      max-height: 350px;
      border-top-left-radius: 50px;
      border-top-right-radius: 50px;
      border-radius:50px;
      object-fit: cover;
    }
    .winner-content-container{
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 25px 30px 45px 30px;
    }
    .view-arrow{
      position: absolute;
      bottom: 20px;
      right: 20px;
    }
    .view-arrow svg{
      max-width: 44px;
    }
    /*FAQ*/
    .main-faq{
      padding: 50px 0px;
        background-color: var(--dark-navy);
        color: var(--color-white);
    }
    /* Accordion wrapper (optional if you want bg transparent) */
    .accordion {
      --bs-accordion-bg: transparent; 
      --bs-accordion-color: var(--color-white); 
      --bs-accordion-btn-bg: transparent; 
      --bs-accordion-btn-color: var(--color-white);
      --bs-accordion-active-bg: transparent; 
      --bs-accordion-active-color: var(--color-white); 
      --bs-accordion-border-color: transparent; 
    }
    .accordion-body{
      font-size: var(--sm);
      padding-left: 0px;
      padding-top: 0px;
      padding-bottom: 30px;
    }
    .accordion-button:focus {
      box-shadow: none;
    }
    .accordion-item {
      border: none;
    }
    .accordion-header{
      padding: 25px 0px;
      border-top: 1px solid #FFFFFF3D;
    }
    .accordion-item:last-child .accordion-header {
      border-bottom: 1px solid #FFFFFF3D;
    }
    .accordion-item:first-child .accordion-header {
      border-top: none;
    }
    .accordion-button{
      padding-left: 0px;
    }
    .accordion-button::after {
      content: "";
      background-image: url("../img/arrow-default.svg");
      background-size: 1.25rem;
    }
    .accordion-button:not(.collapsed)::after {
      background-image: url("../img/arrow-default.svg");
    }
    .faq-body .nav-tabs {
      gap: 20px;

    }
    .faq-body .nav-tabs .nav-link {
      position: relative;
      color: var(--color-white);
      font-size: 12px;
      padding: 15px 18px;
      border-radius: 100px;
      z-index: 1;
    }
    .faq-body .nav-tabs .nav-link.active,
    .faq-body .nav-tabs .nav-link:hover {
      color: #00000F;
      background: linear-gradient(95.23deg, #FEB900 0%, #D25500 50.53%, #FEB900 101.07%),
        linear-gradient(91.71deg, #D25500 -3.66%, #FEB900 48.66%, #D25500 100.99%);
    }
    .faq-body .nav-tabs .nav-link::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 100px;
      padding: 2px; /* thickness of border */
      background: linear-gradient(95.23deg, #FEB900 0%, #D25500 50.53%, #FEB900 101.07%);
      -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1;
    }
    /*Register Coin*/
    .register-coin{
      padding: 50px 0px;
      background-color:#000116;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: var(--color-white);
    }
    .register-content-container{
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 30px;
    }
    .cus-btn{
        position: relative;
      color: var(--color-white);
      font-size:var(--sm);
      padding: 15px 18px;
      border-radius: 100px;
      z-index: 1;
      transition: .3s ease;
      margin-top: 70px;
    }
    .cus-btn-black{
        position: relative;
      color: var(--text-primary);
      font-size:var(--sm);
      padding: 15px 18px;
      border-radius: 100px;
      z-index: 1;
      transition: .3s ease;
    }
    .cus-btn:hover,
    .cus-btn-black:hover
    {
      color: #00000F;
      background: linear-gradient(95.23deg, #FEB900 0%, #D25500 50.53%, #FEB900 101.07%),
        linear-gradient(91.71deg, #D25500 -3.66%, #FEB900 48.66%, #D25500 100.99%);
    }
    .cus-btn::before,
    .cus-btn-black::before
    {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 100px;
      padding: 2px; /* thickness of border */
      background: linear-gradient(95.23deg, #FEB900 0%, #D25500 50.53%, #FEB900 101.07%);
      -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1;
    }
    /*Evaluation Cri*/
    .evaluation-criteria{
      padding: 100px 0px;
      background-image: url("../img/evalutaion-cre-2.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    /*Footer*/
    .main-footer{
        padding: 100px 0px;
        background-color: var(--dark-navy);
        color: var(--color-white);
    }
    .footer-logo img{
      max-width: 320px;
    }
    .footer-social{
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 25px;
    }
    .footer-social-list ul{
      display: flex;
      align-items: center;
      flex-wrap:wrap;
      gap: 10px;
    }
    .footer-social ul li a {
      position: relative;
      display: inline-block;
      padding: 20px;
      border-radius: 100px;
      z-index: 1;
      transition: .3s ease;
    }
    .footer-social ul li a:hover {
      background-color: var(--color-white);
      color: #D25500;
    }
    .footer-social ul li i{
      font-size: 18px;
    }
    .footer-social ul li a::before {
      content: "";
      position: absolute;
      inset: 0; 
      border-radius: 50%;
      padding: 2px;
      width: 64px;
      height: 64px;
      background: var(--brand-gradient);
      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1;
    }
    .footer-mail{
        border-bottom: 1px solid transparent;
      border-image: var(--brand-gradient) 1;
      border-image-slice: 1;
      padding-bottom: 20px;
    }
    /*GLobal*/
    .flex-center{
      display: flex;
      justify-content: center;
    }
    .flex-end{
      display: flex;
      justify-content: end;
    }
    /*Registration Page*/
    .hero-banner{
      width: 100%;
      height: 100vh;
      display: flex;
      align-items: center;
      /*background-image: url('../img/hoh-banner-1.png');*/
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    .banner-main{  background-image: url('../img/hoh-banner-1.png');}
    .banner-coin{
        background-image: url('../img/jury-final.png');
    }
    .banner-coin-2{
        background-image: url('../img/Excellence-Awards-01-min.png');
    }
    .banner-coin-3{
        background-image: url('../img/Excellence-Awards-02-min.png');
    }
    .banner-ash-1{
        background-image: url('../img/ash-1-new.png');
    }
    .banner-ash-2{
        background-image: url('../img/ash-2-new-min.webp');
    }
    .banner-ash-3{
        background-image: url('../img/ash-3-new.png');
    }
    .banner-sty-1{
        background-image: url('../img/banner-sty-1.png');
    }
    /*.banner-kv-4{*/
    /*    background-image: url('../img/HOH---KV-5.png');*/
    /*}*/
    /*Register Form*/
    .register-form{
      background-color: #000116;
    }
    .register-form label{
      color: var(--color-white);
      font-size: var(--sm);
      font-weight: 500;
      padding-bottom: 15px;
    }
    .register-form p{
      color: var(--color-white);
      }
    .register-form .form-check-input {
      color: var(--color-white);
      --bs-form-check-bg:transparent !important;
      border:none  !important;
    }

    /* Register Form Gradient Borders */
    .register-form {
      background-color: #000116;
    }

    /* Labels and Paragraphs */
    .register-form label,
    .register-form p {
      color: var(--color-white);
      font-size: var(--sm);
      font-weight: 500;
    }
.register-form select{
    width:100%;
}
    /* Gradient variable */
    /* Form Background */
    .register-form {
      background-color: #000116;
    }

    /* Labels and Paragraphs */
    .register-form label,
    .register-form p {
      color: var(--color-white);
      font-size: var(--sm);
      font-weight: 500;
    }
    .wpcf7-checkbox label{
      display: flex;
    }
    .seprator-form{
      margin: 1.5rem 0rem 2.5rem;
      width: 100%;
      height: 1px;
      background-color: #FFFFFF40;
    }
    /* Gradient variable */
    :root {
      --brand-gradient: linear-gradient(91.71deg, #D25500 -3.66%, #FEB900 48.66%, #D25500 100.99%);
    }


    /* ==========================
      Text, Email, Tel, Textarea, File Inputs
      Always gradient
    ========================== */
    .register-form input[type="text"],
    .register-form input[type="email"],
    .register-form input[type="tel"],
    .register-form input[type="number"],
    .register-form input[type="file"],
    .register-form select,
    .register-form textarea {
      border: 2px solid transparent;
      border-radius: 8px;
      padding: 0.5rem 1rem;
      background-clip: padding-box, border-box;
      background-origin: border-box;
      background-image: 
        linear-gradient(#000116, #000116),  /* inner background */
        var(--brand-gradient);              /* gradient border */
      background-color: #000116;
      outline: none;
      transition: all 0.3s ease;
      color:var(--color-white) !important;
    }

    /* Hover effect */
    .register-form input[type="text"]:hover,
    .register-form input[type="number"]:hover,
    .register-form input[type="email"]:hover,
    .register-form input[type="tel"]:hover,
    .register-form input[type="file"]:hover,
    .register-form select:hover,
    .register-form textarea:hover {
      filter: brightness(1.1);
    }

    /* Remove default focus outline / box-shadow */
    .register-form input[type="text"]:focus,
    .register-form input[type="email"]:focus,
    .register-form input[type="number"]:focus,
    .register-form input[type="tel"]:focus,
    .register-form input[type="file"]:focus,
    .register-form textarea:focus,
    .register-form select:focus,
    .register-form textarea:focus {
      outline: none;
      box-shadow: none;
    }
    .register-form .form-control:focus {
    border-color: transparent !important;
    }
    /* ==========================
      CF7 Checkbox/Radio styling
    ========================== */

    /* Make CF7 list items inline-flex for proper layout */
    .register-form .wpcf7-list-item {
      display: inline-flex;
      align-items: center;
      margin-right: 0rem; /* space between items */
      margin-bottom: 0.7rem; /* spacing for wrapping to next line */
    }
    .wpcf7-radio .wpcf7-list-item label {
      display: flex;
    }
    .wpcf7-list-item:not(:first-child) {
      margin: 0 1.5em 0 0em !important;
    }
    .wpcf7-list-item.first{
      margin: 0 1.5em 0 0em !important;
    }
    /* Checkbox / Radio inputs */
    .register-form .wpcf7-list-item input[type="checkbox"],
    .register-form .wpcf7-list-item input[type="radio"] {
      appearance: none;
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      border-radius: 6px;
      position: relative;
      cursor: pointer;
      margin-right: 0.5rem;
      background-color: #000116;
      border: 2px solid transparent;
      background-clip: padding-box, border-box;
      background-origin: border-box;
      background-image: 
        linear-gradient(#000116, #000116),
        var(--brand-gradient);
      transition: all 0.3s ease;
    }

    /* Hover effect */
    .register-form .wpcf7-list-item input[type="checkbox"]:hover,
    .register-form .wpcf7-list-item input[type="radio"]:hover {
      filter: brightness(1.1);
    }

    /* Remove focus outline / box-shadow */
    .register-form .wpcf7-list-item input[type="checkbox"]:focus,
    .register-form .wpcf7-list-item input[type="radio"]:focus {
      outline: none;
      box-shadow: none;
    }

    /* Checkbox checkmark */
    .register-form .wpcf7-list-item input[type="checkbox"]:checked::after {
      content: "✔";
      color: #fff;
      font-size: 14px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    /* Radio fill */
    .register-form .wpcf7-list-item input[type="radio"]:checked::after {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--brand-gradient);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    /* Optional: spacing for multi-line wrapping if needed */
    .register-form .wpcf7-list-item-label {
      display: inline-flex;
      align-items: center;
    }
    /* Placeholder text color */
    .register-form input::placeholder,
    .register-form textarea::placeholder {
      font-size: 12px;
      color: #999; /* or any color you want for placeholder */
      opacity: 1; /* ensure color is applied in all browsers */
    }

    /* Text color when user types */
    .register-form input,
    .register-form textarea {
        font-size: 12px;
      color: #fff; /* text inside inputs/textarea */
    }



    /*Jury*/
    .jury-and-evaluation-committee{
      background-color: #000010;
      padding: 80px 0px;
    }
    /*Cards*/
    .cards-list{
      /* display: flex; */
      row-gap: 40px;
      /* flex-wrap: wrap; */
    }
    .card-main{
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .card-content{
      display: flex;
      flex-direction: column;
        justify-content: space-between;
      flex-grow: 1;
      gap: 10px;
    }
    .card-title{
    font-size: var(--font-32);
    font-weight: 500;
    background: var(--brand-gradient);
        text-transform:capitalize;
        -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .card-link{
      color: var(--color-white);
      font-size: var(--font-20);
      font-weight: 500;
      padding-left: 15px;
    }
    /* Custom Modal */
      .custom-modal {
        background: #fff !important;  /* white background */
        border-radius: 0 !important;  /* no border radius */
        padding: 50px !important;     /* padding */
        border: none !important;
      }

      /* Optional: dark overlay tweak */
      .modal-backdrop.show {
        opacity: 0.9;  /* stronger overlay */
      }
      /* Keep modal centered with spacing */
    .modal-dialog {
      max-width: 1200px;          /* limit width */
      width: 100%;               /* responsive */
      margin: auto;              /* keep centered */
      padding: 0 1rem;           /* left/right spacing */
    }

    .modal-content.custom-modal {
      margin: 2rem 0;            /* spacing top/bottom inside modal container */
    }
    .modal-body{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .modal-body p {
      text-align: center;
      color: #14011D;
      font-size: var(--font-28);
      font-weight: 500;
    }
    .model-btn-style {
      padding: 16px 25px;
      border-radius: 100px;
      position: relative;
      background: linear-gradient(#fff, #fff) padding-box, 
                  linear-gradient(90deg, #ff7e5f, #feb47b) border-box;
      border: 2px solid transparent;
      color: #14011D;
    }
    /*tab*/
    .nav-tabs{
      gap: 24px;
    }
    .nav-link-tab.active{
    background: var(--brand-gradient);
    color: #00000F;
    font-size: var(--font-20);
    font-weight: 500;
    }
    .nav-link-tab{
      color: var(--color-white);
      font-size: var(--font-20);
    font-weight: 500;
    border-radius: 100px;
    padding: 10px 30px;
    position: relative;
      background: transparent;
      border: 2px solid #feb47b;
      transition: .3s ease;
    }
    .mentor{
         background: var(--brand-gradient);
           color: var(--color-white);
      font-size: 14px;
    font-weight: 500;
    border-radius: 100px;
    padding: 10px 30px;
    position: relative;
      border: 2px solid #feb47b;
      transition: .3s ease;
    }
     .mentor:hover{
         background:transparent;
     }
     a.mentor.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  position:relative;
}

    .nav-link-tab:hover{
    background: var(--brand-gradient);
    color: #00000F;
    }
    /*Ash Page*/
    .video-content-section{
      background-color: #00000f;
      padding: 100px 0px;
    }
    /*.video-content p{*/
    /*  color: var(--color-white);*/
    /*  font-size: var(--font-28);*/
    /*  font-weight: 500;*/
    /*}*/
    .video-wrapper {
      position: relative;
      width: 660px;
      max-width: 100%;
      border-radius: 15px; /* border radius */
      overflow: hidden; /* keep radius applied */
    }

    .video-wrapper iframe {
      width: 100%;
      height: 315px;
      border-radius: 15px; /* border radius on iframe */
    }

    .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; /* 25% overlay */
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      cursor: pointer;
    }
    .ash-winners{
      padding: 80px 0px;
      background-image: url('../img/winner-bg.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position:right;
    }
    /*.ash-winners .winner-card {*/
    /*    padding: 5px 5px;*/
    /*}*/
    .ash-winners .winner-content-container {
        padding: 15px 25px 15px 15px;
    }
    .ash-winners .winner-img img {
    border-radius: 50px;
    max-height: 100%;

    }
    .ash-winners .winner-social{
          display: flex;
      align-items: center;
      gap: 20px;
      justify-content:center;
        border-top: 2px solid;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .event-slider{
      margin-top: -5px;
      padding: 80px 0px 0px;
      background-image: url('../img/ec-bg.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position:right;
    }

    .event-slider .swiper {
        width: 100%;
        padding: 30px 0 70px;
      }

      .event-slider .swiper-slide img {
        width: 100%;
        border-radius: 10px;
        cursor: pointer;
      }

.event-slider .custom-nav {
  position: absolute;
  bottom: 10px;       /* adjust as needed */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;          /* space between arrows */
  z-index: 50;        /* higher than slides */
}

.event-slider .custom-nav .swiper-button-prev,
.event-slider .custom-nav .swiper-button-next {
  position: static;   /* don’t let Swiper reposition */
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.event-slider .custom-nav img {
  width: 40px;
  height: 40px;
}

      /* Position arrows bottom center */
      .event-slider .custom-nav {
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 0px;
        z-index: 10;

      }

      .event-slider .custom-nav .swiper-button-prev,
      .event-slider .custom-nav .swiper-button-next {
        position: static; /* prevent Swiper from auto-positioning */
        width: 40px;
        height: 40px;
        cursor: pointer;
pointer-events: auto;
      }

.rotate-180{
        transform: rotate(180deg);
      }
      .col-12 .row{
        width: 100%;
      }

    .reimagine-ash{
      padding: 100px 0px;
      background-image: url('../img/ash-award-bg.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position:right;

    }
.suleman-habib{
      padding: 100px 0px 0px;
      background-image: url('../img/bg-suleman.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position:right;
position:relative;
    }
.suleman-habib-img img{
max-width: 26%;
    position: absolute;
    top: 20px;
    right: 0px;
}
    .custom-d{
display:none;
}
  .footer-logo{
      display: flex;
      align-items: center;
      gap: 25px;
  }
  .video-container {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 56.25%; /* 16:9 ratio */
  }

  .video-wrapper-about .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .video-wrapper-about .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  .video-wrapper-about .video-overlay.hide {
    opacity: 0;
  }
  .about-swiper .row {
    align-items: stretch; /* ensures both cols are same height */
  }
  .navbar-brand{
      max-width:160px;
  }
  .dropdown-menu{
      background-color:#03041a;
  }

  /*.mySwiper{*/
  /*    padding-bottom:100px;*/
  /*}*/

    /* Only apply hover dropdown on desktops (lg and up) */
  /* Smooth slide-down dropdown */
  .dropdown-menu {
    display: block;          /* always render but hidden by default */
    max-height: 0;           /* collapsed */
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease; /* smooth effect */
  }

  /* When active */
  .dropdown-menu.show {
    max-height: 500px;       /* enough height for items */
    opacity: 1;
  }
.navbar-nav .nav-link.show {
    color: var(--color-white) !important;
}
  @media (max-width: 991px) {
    .offcanvas .dropdown-menu {
    position: static !important;  /* disable absolute */
      transform: none !important;
      inset: auto !important;
      width: 100%;
      margin: 0;
      border: none;
      box-shadow: none;
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height .3s ease, opacity .25s ease;

    }

    .offcanvas .dropdown-menu.show {
      max-height: 500px;
      opacity: 1;
      background: transparent !important;
          border: 3px solid #9b4206 !important;
    }

    /* Move caret arrow to right for clarity */
    .offcanvas .dropdown-toggle::after {
      transform: rotate(0deg);
    }
  }
/*.coin-img img {*/
/*  scale: 1.2;*/
/*}*/
.media-section{
  padding: 100px 0px 20px;
      background-image: url('../img/ex-bg.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
}
    .media-swiper{
        padding-bottom:120px;
     }
 .media-swiper .swiper-slide {
    transition: transform 0.4s ease;
    color:#fff;
    height:400px;
    width: 100%;
    margin:0 auto;
   
  }
  .media-video-wrapper{
    height:100%;
    width:100%;
  }
  .media-swiper .swiper-slide iframe{
     border-radius:15px;
    height:100%;
    width:100%;
    }
 .media-swiper .swiper-slide-active{
    transform:scale(1.2);
  }
.media-swiper .swiper-navigation {
        position: absolute;
        bottom: 0px;
        right: 46%;
        display: flex;
        justify-content: center;
        gap: 10px;
    }
.media-swiper .swiper-slide-prev{
   pointer-events: none;
}
.media-swiper .swiper-slide-next{
   pointer-events: none;
}


    .media-swiper-prev, 
    .media-swiper-next,
  .media-swiper  .swiper-button-prev,
     .media-swiper .swiper-button-next {
        position: static !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    /* Hide default swiper arrow content */
    .media-swiper-prev:after, .media-swiper-next:after ,.media-swiper .swiper-button-next:after, .media-swiper .swiper-button-prev:after{
        display: none !important;
    }

    /* Add custom arrow images */
    .media-swiper-next, .media-3-next , .media-2-next, .media-1-next{
        background-image: url('../img/right-yellow-arrow.svg') !important;
    }

    .media-swiper-prev, .media-3-prev , .media-2-prev , .media-1-prev{
        background-image: url('../img/right-yellow-arrow.svg') !important;
        transform: rotate(180deg);
    }
    
    /* Lightbox overlay */
.lightbox {
  display: none;
  position: fixed;
  inset: 0;
      background: rgb(0 0 0 / 70%);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

/* Lightbox images */
.lightbox img {
  width: 100%;
  height: auto;
  max-height: 60vh;
  object-fit: contain;
}

/* Close button */
.lightbox .close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: white;
  cursor: pointer;
  z-index: 10000;
}
/* Position lightbox arrows */
#lightbox .swiper-button-prev,
#lightbox .swiper-button-next {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10000;
}
#lightbox .swiper-button-next,
#lightbox .swiper-rtl .swiper-button-prev {
    right: 150px;
  }
 #lightbox .swiper-button-prev,
 #lightbox .swiper-rtl .swiper-button-next {
    left: 150px;
    right: auto;
}
#lightbox .swiper-button-prev img,
#lightbox .swiper-button-next img {
  width: 140px;
  height: 140px;
}
.wpcf7 form.failed .wpcf7-response-output{
    border-color: white !important;
    color:white;
}
/* Hide only the input, not the whole <p> wrapper */
.upload-file > p input[type="file"] {
  display: none !important;
}

/* Keep CF7 error messages visible */
span.wpcf7-not-valid-tip {
  display: block !important;
  color: red;
  font-size: 13px;
  margin-top: 5px;
}
.upload-box .wpcf7-not-valid-tip {
  margin-top: 5px;
  font-size: 13px;
  color: red;
  text-align: center;
}
.upload-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.upload-file > p {
  height: 20px;
  display: flex;
}

.upload-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width:150px;
}

.upload-wrapper img {
  width: 120px;
  cursor: pointer;
}

.file-name {
  margin-top: 5px;
  font-size: 14px;
  color: #555;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #ffffff !important;
    color: #fff !important;
}