.elementor-13880 .elementor-element.elementor-element-245a427{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13880 .elementor-element.elementor-element-85d7e66{--display:flex;}.elementor-13880 .elementor-element.elementor-element-c7ca510{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13880 .elementor-element.elementor-element-2d81064{width:var( --container-widget-width, 102.427% );max-width:102.427%;--container-widget-width:102.427%;--container-widget-flex-grow:0;}.elementor-13880 .elementor-element.elementor-element-2d81064.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13880 .elementor-element.elementor-element-42a679f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13880 .elementor-element.elementor-element-5da323d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13880 .elementor-element.elementor-element-e3b352b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13880 .elementor-element.elementor-element-255c769{--display:flex;}.elementor-13880 .elementor-element.elementor-element-9bae7fa.elementor-element{--align-self:center;}.elementor-13880 .elementor-element.elementor-element-1b329b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13880 .elementor-element.elementor-element-ba3c45d{--display:flex;}.elementor-13880 .elementor-element.elementor-element-11ea22d > .elementor-widget-container{padding:-15px -15px -15px -15px;}.elementor-13880 .elementor-element.elementor-element-11ea22d{text-align:center;}.elementor-13880 .elementor-element.elementor-element-5bf42ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13880 .elementor-element.elementor-element-66465e9{width:100%;max-width:100%;}.elementor-13880 .elementor-element.elementor-element-58d97fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13880 .elementor-element.elementor-element-5728376{width:auto;max-width:auto;}.elementor-13880 .elementor-element.elementor-element-5728376.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-13880 .elementor-element.elementor-element-5bf42ce{--content-width:1278px;}}@media(max-width:1024px){.elementor-13880 .elementor-element.elementor-element-42a679f{--grid-auto-flow:row;}.elementor-13880 .elementor-element.elementor-element-e3b352b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-13880 .elementor-element.elementor-element-42a679f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13880 .elementor-element.elementor-element-e3b352b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-3f7945a *//* Countdown */
.countdown-section{
    background:linear-gradient(90deg,#082b63,#0d4eb5);
    color:#fff;
    text-align:center;
    padding:10px 8px;
    border-radius:20px 20px 0 0;
}

.countdown-section h2{
    margin:0 0 8px;
    color:#ffd700;
    font-size:16px;
    font-weight:700;
}

.timer{
    display:flex;
    justify-content:center;
    gap:6px;
    flex-wrap:wrap;
}

.time-box{
    background:rgba(255,255,255,.15);
    padding:6px 10px;
    border-radius:10px;
    min-width:55px;
}

.time-box span{
    display:block;
    font-size:20px;
    font-weight:900;
    color:#ffd700;
    line-height:1;
}

.time-box small{
    font-size:10px;
    text-transform:uppercase;
    display:block;
    margin-top:3px;
}

/* Poster */
.champ-image img{
    width:100%;
    display:block;
}


/* Registration Section - Same style as countdown */
.registration-section{
    background:linear-gradient(90deg,#082b63,#0d4eb5);
    padding:12px 15px;
    text-align:center;
}


/* Button Container */
.registration-buttons{
    display:flex;
    justify-content:center;
    gap:20px;   /* Increase this value */
    flex-wrap:wrap;
}

/* Buttons */
/* Buttons */
.register-btn{
    position:relative;
    overflow:hidden;

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

    color:#fff;
    text-decoration:none;

    padding:14px 24px;
    border-radius:14px;

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

    border:none;
    cursor:pointer;

    transition:all .3s ease;

    box-shadow:0 6px 18px rgba(0,0,0,.25);
}

/* Student Button */
.student-btn{
    background:linear-gradient(
        135deg,
        #ff6f00,
        #ff9800,
        #ffd700
    );
}

/* School Button */
.school-btn{
    background: linear-gradient(
        135deg,
        #ff6f00,
        #ff9800,
        #ffd700
    );
}

/* Shimmer Effect */
.register-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.5),
        transparent
    );

    transform:skewX(-25deg);

    animation:shine 3s infinite;
}

/* Hover */
.register-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.35);
}

/* Click */
.register-btn:active{
    transform:translateY(-1px);
}

/* Shine Animation */
@keyframes shine{
    0%{
        left:-120%;
    }
    100%{
        left:150%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66465e9 *//* SLIDER */
.slider {
  overflow-x: hidden;
  overflow-y: visible;
  margin: 15px 0;
}

/* TRACK */
.slider-track {
  display: flex;
  gap: 20px;
  width: max-content;
  padding: 0;
}

/* CARD (ONLY ONE BLOCK) */
.card {
  min-width: 220px;
  flex-shrink: 0;
  padding: 16px;
  border-radius: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: #fff; /* ALWAYS WHITE */
  border: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  cursor: pointer;
}
/* 🌊 Wave pattern using your light blue colors */
.card:nth-child(24n+1)  { background: #e3f2fd; } /*1*/
.card:nth-child(24n+2)  { background: #dbeafe; } /*2*/
.card:nth-child(24n+3)  { background: #bfdbfe; } /*3*/
.card:nth-child(24n+4)  { background: #93c5fd; } /*4*/
.card:nth-child(24n+5)  { background: #60a5fa; } /*5*/
.card:nth-child(24n+6)  { background: #3b82f6; } /*6*/
.card:nth-child(24n+7)  { background: #d0e7ff; } /*7*/
.card:nth-child(24n+8)  { background: #c7e0ff; } /*8*/
.card:nth-child(24n+9)  { background: #b6d4fe; } /*9*/
.card:nth-child(24n+10) { background: #a5c8ff; } /*10*/
.card:nth-child(24n+11) { background: #8ec5ff; } /*11*/
.card:nth-child(24n+12) { background: #7bb8ff; } /*12*/

/* 🔁 reverse */
.card:nth-child(24n+13) { background: #8ec5ff; } /*11*/
.card:nth-child(24n+14) { background: #a5c8ff; } /*10*/
.card:nth-child(24n+15) { background: #b6d4fe; } /*9*/
.card:nth-child(24n+16) { background: #c7e0ff; } /*8*/
.card:nth-child(24n+17) { background: #d0e7ff; } /*7*/
.card:nth-child(24n+18) { background: #3b82f6; } /*6*/
.card:nth-child(24n+19) { background: #60a5fa; } /*5*/
.card:nth-child(24n+20) { background: #93c5fd; } /*4*/
.card:nth-child(24n+21) { background: #bfdbfe; } /*3*/
.card:nth-child(24n+22) { background: #dbeafe; } /*2*/
.card:nth-child(24n+23) { background: #e3f2fd; } /*1*/
.card:nth-child(24n+24) { background: #dbeafe; } /*2*/






/* text color (important for light bg) */
.card {
  color: #000;
}
/* HOVER */
.card:hover {
  transform: translateY() scale(1.05);
  filter: brightness(1.15);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* RIGHT SCROLL */
.row-right .slider-track {
  animation: scroll-right 25s linear infinite;
}

/* LEFT SCROLL */
.row-left .slider-track {
  animation: scroll-left 25s linear infinite;
}

/* LOOP */
@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes scroll-right {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* PAUSE ON HOVER */
.slider:hover .slider-track {
  animation-play-state: paused;
}/* End custom CSS */