@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');*/

/*body {*/
/*  font-family: 'Nunito', sans-serif;*/
/*}*/

/*body {*/
/*  font-family: "Source Sans 3", sans-serif;*/
/*}*/

p{font-family: 'Nunito', sans-serif; }

h1, h2, h3, h4
{ font-family: "Montserrat", sans-serif;}

h5{font-family: 'Source Serif 4', 'Source Serif Pro', serif;}

 body { margin: 0; font-family: "Source Sans 3", sans-serif; padding-top: 70px; }
        .top-tex {
    width: 100%;
    text-align: center;
    background:red;
}

.nav-menu a {
    text-decoration: none;
    color: #333;
    padding: 5px 10px;
    transition: 0.3s;
}

/* The active state */
/*.nav-menu a.active {*/
/*    color: #e67e22;*/
/*    font-weight: bold;*/
/*    border-bottom: 2px solid #e67e22;*/
/*}*/

.nav-menu a.active {
         /* Changes text color */
    font-weight: bold;       /* Makes it stand out */
  
    display: inline-block;   /* Ensures it stays visible */
}

/* Optional: Hover state for better UX */
/*.nav-menu a:hover {*/
/*    color: #e67e22;*/
/*}*/



.top-tex p{
    margin-bottom:0!important;
}

.top-tex {
    padding: 0.7% 0%!important;
}
.mob {
    width: 100%;
    height: 80vh;
}


button.rj a {
    color: #fff;
    text-decoration: none;
}

/*ALL ANIMATION HERE*/

/* Smooth load animation */
.navbar {
    animation: navDrop 0.8s ease forwards;
    transform: translateY(-40px);
    opacity: 0;
}

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

/* Top strip subtle moving shine */
.top-tex {
    position: relative;
    overflow: hidden;
}

.top-tex::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.18),
        transparent
    );
    animation: shineMove 4s linear infinite;
}

@keyframes shineMove {
    100% {
        left: 150%;
    }
}

/* Countdown numbers pulse */
.top-tex b {
    display: inline-block;
    animation: pulseNum 1.5s infinite alternate;
}

@keyframes pulseNum {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.12);
    }
}

/* Register button animation */
.rj {
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

.rj:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}

.rj::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    transform: skewX(-25deg);
    transition: 0.6s;
}

.rj:hover::before {
    left: 150%;
}

/* Menu item hover underline */
.nav-menu li a {
    position: relative;
    transition: 0.3s ease;
}

.nav-menu li a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: 0.35s ease;
    transform: translateX(-50%);
}

.nav-menu li a:hover::after {
    width: 100%;
}

.nav-menu li a:hover {
    transform: translateY(-2px);
}

/* Hamburger smooth animation */
.nav-toggle-label {
    transition: transform 0.3s ease;
}

.nav-toggle-label:hover {
    transform: scale(1.1);
}



.common-btn{
    cursor: pointer;
    transition: all 0.3s ease;
    animation: pulse 2s infinite;
    box-shadow: 0 5px 15px rgba(244, 197, 66, 0.4);
}

/* Hover effect */
.common-btn:hover{
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 25px rgba(244, 197, 66, 0.6);
}

/* Pulse animation */
@keyframes pulse{
    0%{
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(244, 197, 66, 0.6);
    }
    70%{
        transform: scale(1.03);
        box-shadow: 0 0 0 18px rgba(244, 197, 66, 0);
    }
    100%{
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(244, 197, 66, 0);
    }
}





.nav-menu li a {
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), 
                color 0.3s ease;
    will-change: transform;
}

.nav-menu li a:hover {
    transform: scale(1.25);
}

/*ALL ANIMATION HERE*/






div#countdown-timer {
    margin: 0 0px 0 6px;
}





.top-tex {
    width: 100%;
    text-align: center;
    /* background: red; */
    background: #3B2B6D;
    background: linear-gradient(180deg,rgba(59, 43, 109, 1) 34%, rgba(112, 76, 153, 1) 81%);
    color: #fff;
    font-size: 13px;
    font-family: "Source Sans 3", sans-serif;
    padding: 6px 0;
    font-weight: 500;
    display: flex;
    justify-content: center;
}

button.rj {
    background: transparent;
    box-shadow: none!important;
    border: 1px solid #FFF;
    color: #fff;
    border-radius: 6px;
    margin: 0 0 0 50%;
    font-weight: 500;
    width: 100%;
    padding: 1px 10px;
    font-family: "Source Sans 3", sans-serif;
}


nav.navbar {
    padding: 0;
}
        .navbar { 
            position: fixed; top: 0; left: 0; width: 100%; height: auto; 
            background: #d5ccff; color: #2d2260; display: flex; align-items: center; z-index: 1000;
        }

       .navbar .container { 
            display: flex; justify-content: flex-start; width: 100%; 
            max-width: 100%; margin: 0 auto; padding: 0.3% 5%; align-items: center;
        }

        .logo img {
    WIDTH: 78%;
} 

        .nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 10%;
    /* flex-direction: row; */
}
  .nav-menu li {
    color: #2d2260;
    padding: 0px 15px;
    BORDER-RIGHT: 2PX SOLID;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    font-size: 18px;
}
 .nav-menu li a{
        text-decoration: none;
         color: #2d2260;
 }

 .nav-menu li:last-child {
    border: 0;
}

        /* Toggle Hidden on Desktop */
        .nav-toggle { display: none; }
        .nav-toggle-label { display: none; cursor: pointer; font-size: 30px; }
        
        
        
section.main-banner {
    padding: 6% 0 5% 0;
    background: #d5ccff;
}

img.img-responsive {
    width: 100%;
}
    .main-row{
 
    align-items: center;

    }    
    
    
    .main-cont{
        padding:0 10%;
    }
        
      .main-text-section {
    text-align: right;
}  
     h1.h1 {
    font-size: 2vw!important;
    color:#2d2260;
    font-family: 'Nunito', sans-serif;
     font-weight:400;
}   
h2.h2 {
    font-size: 1.7vw!important;
    color: #2d2260;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    margin-top: 5%;
}     
        
        
        /* Container to center the icon at the bottom of a section */
.scroll-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px; /* Adjust based on your layout */
}

/* The actual animation logic */
.chevron-down {
  animation: bounce 2s infinite; /* Loops the bounce every 2 seconds */
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    transform: translateY(15px); /* Moves icon down 15 pixels */
    opacity: 0.7;
  }
  60% {
    transform: translateY(7px);  /* Small secondary bounce */
  }
}
        
        
     /*premm csss   */
        
.prem {
    background: #D6CDFF;
    background: linear-gradient(180deg, rgba(214, 205, 255, 1) 6%, rgba(255, 255, 255, 1) 75%);
    padding: 5% 13% 3% 13%;
    margin: -9% 0 0 0;
}
        h5.h5 {
    font-size: 2vw;
    color: #2d2260;
    font-weight: 700;
}
        
.row.row-prem {
    background: #fff;
    padding: 4% 5% 5% 5%;
    border-radius: 87px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}  
        
        
       p.prem-text {
    font-size: 1.1vw;
    font-weight: 600;
      color: #2d2260;
} 
        
     img.img-prem {
    max-width: 70%;
    width:70%;
}   
        
   img.img-prem {
    max-width: 100%;
    width: 100%;
}
        
 p.prem-black {
    margin: 4% 0 0 0;
    line-height: 1.2em;
    font-size: 1vw;
    font-weight: 500;
}       
        
        
        
        
        
        
        

@media (max-width: 768px) {
.nav-toggle-label {
    display: block;
    margin: 0 0 0 82%;
    z-index: 1!important;
}








.nav-menu.hide-menu {
    display: none;
}
h1.title-H {
    font-size: 30px!important;
}
.main-text-section h1 {
    font-size: 27px!important;
}
.main-text-section h2 {
    font-size: 22px!important;
}
p.prem-black {
    margin: 4% 0 4% 0!important;
}

.nav-menu li a:hover {
    transform: inherit;
}


.top-tex {
    display: block;
    padding: 2% 0%!important;
}
.nav-menu {
    padding: 0 0%;
    /* flex-direction: row; */
}

.nav-menu {
                position: fixed; top: 15%; left: 0; width: 100%; 
                /*height: calc(100vh - 70px);*/
                background: #d5ccff;; flex-direction: column; transform: translateX(-100%);
                transition: 0.3s; overflow-y: auto; /* Scrollable mobile menu */
                top: 50%!important;
                 padding-top: 10%!important;
}
            /* When Checkbox checked, slide menu in */
            .nav-toggle:checked ~ .nav-menu { transform: translateX(0); }
            .nav-menu li {
    border-bottom: 1px solid #444;
    width: 100%;
    border-right: none;
}
.nav-menu li a { display: block; padding: 20px; }
            
            
            
/*banner section */
.row.main-row {
    margin-top: 20%;
}
.main-text-section {
    text-align: center;
}
.chevron-down img {
    width: 27px;
}  
.row.row-prem {
    padding: 11% 5% 5% 5%;
    border-radius: 18px;
}     
h5.h5 {
    font-size: 5vw;
}
    p.prem-text {
    font-size: 4.5vw;

}       
p.prem-black {
    font-size: 4.5vw;
    
}
.prem {
    padding: 4% 5%;
    margin: -9% 0 0 0;
}
button.common-btn {
    font-size: 5vw!important;
    padding: 0.5% 6% 0.5% 6%!important;
}
div#countdown-timer {
    margin: 0px 0px 5px 6px!important;
}
.main-cont {
    padding: 5% 5% 0% 5%!important;
}
p.box-sky {
    padding: 5%!important;
    font-size: 4.5vw!important;
    margin-bottom: 5%!important;
}
section.main_why_should {
    padding: 8% 5%!important;
}
section.main_Highlights {
    padding: 8% 5%!important;
}
.mob {
    height: 40vh;
}
.first-sq {
    margin-bottom: 5%!important;
}
.main_tenta {
    padding: 8% 5%!important;
}
.agenda_box {
    font-size: 4.8vw!important;
}
.agenda_box:before {
    left: 14px!important;
    top: 33%!important;
    border-top: 7px solid transparent!important;
    border-bottom: 7px solid transparent!important;
    border-left: 11px solid #663399!important;
}
.mob-ch {
    margin-top: 0;
}
.agenda_box.lst {
    margin-bottom: -2%;
}
p.box-sky2 {
    padding: 5% !important;
    font-size: 4.5vw !important;
    margin-bottom: 5% !important;
}
section.main_who {
    background-color: #2d2260!important;
    color: #fff!important;
    padding: 9% 5% 16% 6%!important;
}
section.main_who h1.title-H {
    padding-bottom: 5%!important;
}
p.text-box-center {
    font-size: 4.5vw!important;
    margin: -10% 10%!important;
}
section.registration-fee center {
    padding-bottom: 5%!important;
}
.registration-fee {
    padding: 12% 0% 5% 0%!important;
}
th.w1,th.right.w2,th.right.w3 {
    font-size: 4.5vw!important;
}
span.small {
    font-size: 4vw!important;
}
.passive-fee-table td {
    font-size: 4.5vw!important;
}
th.w1 {
    width: 35%!important;
}
p.footer-info.mt-5 {
    font-size: 4.5vw!important;
}
p.text-bt,.newcard,button.spon-btn {
    font-size: 4.5vw!important;
}
section.main_sponsorship {
    padding: 8% 5%!important;
}
button.rj {
    margin: 0 0 0 0%!important;
    width: 30%!important;
}
}