/*Unique Styles*/
html{scroll-behavior:smooth}
body{font-family:Metropolis;-webkit-font-smoothing:antialiased;-webkit-animation:fix 1s 1;animation:fix 1s 1;overflow-x:hidden;line-height:1.5em;font-weight:300;color:#000;font-size:17px;}
h1,h2,h3,h4,h5{color:#000;font-weight:600;margin-bottom:20px}
a{color:#c21734}
a:hover{color:#05182b}
a,a:hover{text-decoration:none}
a:focus{outline:none}
p{margin:0 0 10px;line-height:1.5em}
p:last-child{margin-bottom:0}
h1{font-size:3em;line-height:1.4em}
h2{font-size:2.667em;line-height:1.4em}
h3{font-size:2.056em;line-height:1.4em}
h4{font-size:1.611em;line-height:1.4em}
h5{font-size:1.222em;line-height:1.4em}
.dtr-pt-100, .dtr-py-100{padding-top:100px;}
.dtr-pb-100, .dtr-py-100{padding-bottom:100px;}
.dtr-pt-80, .dtr-py-80{padding-top:80px;}
.dtr-pb-80, .dtr-py-80{padding-bottom:80px;}
.dtr-pt-50, .dtr-py-50{padding-top:50px;}
.dtr-pb-50, .dtr-py-50{padding-bottom:50px;}
.dtr-pt-30, .dtr-py-30{padding-top:30px;}
.dtr-pb-30, .dtr-py-30{padding-bottom:30px;}
ul,ol{margin:0 0 10px;padding:0;list-style-position:outside;display:block}
ul li, ol li{margin-bottom:8px;display:inline-block}
.accordion{--bs-accordion-btn-focus-border-color:unset;--bs-accordion-btn-focus-box-shadow:unset}
.accordion-item:first-of-type,.accordion-item:last-of-type{border-radius:15px}
.modal-dialog{width:70%;max-width:800px;margin-top:120px}
.modal-dialog img.faculty-modal-img {height: 130px;display: block;margin-bottom: 15px;border-radius: 5px;}
.modal-dialog h4 {font-size: 22px;margin-bottom: 5px;}
.modal-dialog p {font-size: 16px;}
.modal-body {padding: 20px;}
/*arrow-to-top*/
#take-to-top { background-color:#a425b3; color: #fff; width: 40px; height: 40px; z-index: 999; text-align: center; text-decoration: none; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; display: block; }
#take-to-top.dtr-fade-scroll { position: fixed; right: 36px; bottom:105px; display: none; }
a#take-to-top img { width: 80%; margin-top: 10%; }
#take-to-top.dtr-fade-scroll svg { padding: 10px; position: relative; left: -2px; top: -2px; }
#take-to-top.dtr-fade-scroll svg path { fill: #fff; }

/* Base button style */
.playbutton { font-size: 17px; border-radius: 15px; padding: 5px; font-weight: 500; cursor: pointer; position: relative; overflow: hidden; transition: all 0.3s ease; transform-origin: center; display: inline-block; border: 2px solid #6a00a3; background: #ffffff; }

.playbutton span { border-radius: 10px; padding: 0.5em 1.3em; padding-right: 1.2em; width: 100%; display: flex; align-items: center; gap: 12px; color: rgb(0 0 0); transition: all 0.3s ease; background-color:transparent; }
/* .playbutton:hover span {background-color: rgb(26, 25, 25);} */
.button-overlay { position: absolute; inset: 0; pointer-events: none; background: repeating-conic-gradient( rgb(48, 47, 47) 0.0000001%, rgb(51, 51, 51) 0.000104% ) 60% 60%/600% 600%; filter: opacity(10%) contrast(105%); -webkit-filter: opacity(10%) contrast(105%); }
.playbutton svg {width: 15px;height: 15px;margin-left: 10px;}
.playbutton::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: radial-gradient( circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 70% ); transform: translate(-50%, -50%) scale(0); transition: transform 0.6s ease, opacity 0.8s ease; opacity: 0; pointer-events: none; }
.playbutton:hover::after { width: 200%; height: 200%; transform: translate(-50%, -50%) scale(1); opacity: 1; }
.playbutton:active::before { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); transform: translate(-50%, -50%) scale(0); animation: ripple-click 0.5s ease-out forwards; pointer-events: none; }
.playbutton:active {transform: scale(0.97);filter: brightness(1.1);}
/* .playbutton:hover {box-shadow: 0 0 12px rgba(255, 255, 255, 0.08);} */

/*Unique styles for heading and byline for all sections*/
h2.heading{font-size: 42px; font-weight: 500;line-height: 1.2em;}
h2.heading span { position: relative; color: #9A01F5;}
/*
h2.heading span:before { content: ""; background: #7E4D9A; position: absolute; top: 20px; margin-left: -50px; width: 40px; height: 1px; }
h2.heading span:after {content: "";background: #7E4D9A;position: absolute;top: 20px; margin-right: -50px; width: 40px;height: 1px; }
*/

h3.heading-two {font-size: 32px;font-weight: 600;color: #000;}
p.sub-heading { font-size:22px; font-weight: 400;color:#fff }
p.sub-byline {font-size: 20px;}
p.disclaimer {font-size: 15px;}
.modal-dialog { width: 100%; margin-top: 100px; max-width: 750px; }
.modal-dialog button.close { border-radius: 50%; padding: 4px 8px; background: #a600ff; color: #fff; font-size: 30px; border: unset; position: absolute; right: -16px; top: -20px; }
.modal-dialog iframe { width: 100%; height: 400px; }
.modal-dialog .corporate-form iframe {
    width: 100%;
    height: 660px;
}
/*Menu Styles*/
nav.navbar.fixed-top.navbar-expand-lg { border-bottom:1px solid #efefef;background: #fff; }
.main-logo {height:70px;margin: 0;}
ul.navbar-nav li{padding:0 5px;margin-bottom:0}
ul.navbar-nav li a{font-weight:400;color:#000;font-size:16px;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:active, ul.navbar-nav li a:focus{color:#000}
ul.navbar-nav li a.nav-link.menu-apply-cta { background: #000000; padding: 9px 20px; color: #fff; border-radius: 25px; margin-top: -2px; }
/*Breadcrmb Styles*/
ol.breadcrumb{background:transparent;padding:0;margin-top:0}
ol.breadcrumb li.breadcrumb-item a,ol.breadcrumb li.breadcrumb-item{color:#fff;text-decoration:none;font-size:12px}
ol.breadcrumb li.breadcrumb-item a{text-decoration: underline;}
ol.breadcrumb li.breadcrumb-item{color:#fff}
.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#fff;content:"/"}
ol.breadcrumb li.breadcrumb-item:last-child a{color:#fff}
/*CTA*/
.button{line-height:1;text-decoration:none;display:inline-flex;border:none;cursor:pointer;align-items:center;gap:.75rem;background-color:#a204fe;color:#fff;border-radius:10rem;font-weight:600;padding:1rem 1.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s;}
.button__icon-wrapper{flex-shrink:0;width:25px;height:25px;position:relative;color:var(--clr);background-color:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.button:hover{background-color:#fff; --main-bg: conic-gradient(from var(--border-angle), #a204fe);    --gradient-border: conic-gradient(from var(--border-angle), #a204fe00 0%, #a204fe00, #ffffff 99%, #36244000); }
.button:hover .button__icon-wrapper,  .button__icon-wrapper{color:#000;}
.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}
.button:hover .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}
.button:hover .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}
a.button.text-center:hover{color:#000}
.button:hover .button__icon-wrapper{background:#000;color:#fff}

p.register-now-cta a { padding:12px 25px; font-weight: 500; }
/* p.register-now-cta a.button{background:#000;} */
p.register-now-cta a.button.text-center:hover{color:#ffffff;background: linear-gradient(-45deg, #000000, #b4009f, #4e009a, #000000);background-size: 600%; animation: anime 5s linear infinite;}
p.register-now-cta .button:hover .button__icon-wrapper{background:#000;color:#fff}

.button{background: linear-gradient(-45deg, #000000, #b4009f, #4e009a, #000000); background-size: 260%; animation: anime 5s linear infinite;}

@keyframes anime {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }

}

p.topbar.fixed-top { text-align: center; padding: 10px; border: unset; font-size: 17px; background: linear-gradient(310deg, #86479C 0%, #662D90 50%, #572C82 100%); color: #fff; }
p.topbar.fixed-top a { color: #000000; font-size: 16px; padding: 7px 20px; background: #fff; border-radius: 30px; font-weight: 500; }
nav.navbar.fixed-top.navbar-expand-lg {border-bottom: 1px solid #efefef;background: #fff;margin-top: 0px;}
a.nav-link.winner-cta { border: 1.5px solid #430084; padding: 10px; border-radius: 12px; color: #8002c3; }

section.main-banner { padding-top:180px; padding-bottom: 90px; background: #f4edf5 url(../images/header-bg.webp) no-repeat; background-size: 100%; background-position: bottom; min-height: 680px; }
h1.main-headline { font-size: 64px; color: #fff; text-shadow: 0px 4px 4px rgb(0 0 0 / 25%); background-color: #ffffff; background-clip: text; -webkit-background-clip: text; color: transparent; text-shadow:3px 5px 1px rgb(0 0 0 / 9%);margin-bottom: 14px; }
h1.main-headline span { display: block; font-size: 26px; font-weight: 500; line-height: 1; margin-bottom:8px; color: #DFA9FF; }
h1.main-headline sup { vertical-align: super; font-size: 16px;color: #fff; }
p.byline { font-size: 22px; font-weight: 300; color: #fff; line-height: 1.3em; }
img.powered-by { height: 115px; background: #fff; border-radius: 10px; border: 1px solid #e5e5e5; padding: 15px; }
.ai-quotient { background:#00000099; display: block; padding:50px 40px; width: 40%; margin: auto; margin-top: 70px; border-radius: 35px; }
p.reserve-spot-cta a {font-weight: 500;}
p.reserve-spot-cta a:hover{color:#fff!important}

p.test-ai { font-size: 32px; color: #fff; font-weight: 500; }



section#futureGateway { background:url(../images/real-business-value.webp) no-repeat;}
ul.future-mission li { display: inline-block; width: 23%; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 204, 255, 1) 100%); min-height: 320px; vertical-align: top; border-radius: 10px; padding: 40px 25px; text-align: center; margin-right: 10px; }
ul.future-mission li strong { font-weight: 600; font-size: 20px; display: block; margin-bottom: 8px; }
ul.future-mission li img { height:60px;display: block; margin: auto; margin-bottom: 16px;transition: all 0.6s ease; }
p.prizes-for-winners { color: #fff; font-size: 20px!important;font-weight: 400; position: relative; margin: auto; width: 84%; line-height: 1.3;padding-top: 20px; }
br.break{display: none;}

p.prizes-for-winners:before { content: ""; background: url(../images/left-arc.webp) no-repeat; position: absolute; left: 8%; top: -8px; width: 150px; height: 150px; background-size: 22%; } 
p.prizes-for-winners:after { content: ""; background: url(../images/right-arc.webp) no-repeat; position: absolute; right: -5%; top: -13px; width: 150px; height: 150px; background-size: 22%; }

/* #naioglance{background: url(../images/olympiad-platform.webp) no-repeat;  background-position: 100% 20% ; background-size: cover;} */
#naioglance{background: #000}
.headingsec { display: inline-flex; align-items: center; margin-top: 30px; }
#naioglance h2{color: #ffffff;}
#naioglance ul li { width: 19%; font-weight: 500; text-align: center; font-size: 18px; line-height: 1.3em; position: relative; color: #ffffff; border-right: unset; padding: 15px; padding-bottom: 50px; padding-top: 60px; border-radius: 0px; min-height: 200px; display: inline-flex; flex-direction: column; align-items: center; margin: 0px; vertical-align: top; justify-content: flex-start; }
#naioglance ul.glance-record{margin: 0px;}
#naioglance ul li span { display: block; font-size: 42px; font-weight: 600; color: rgb(255, 255, 255); padding-bottom: 20px; }
#naioglance ul li:last-child{border: unset;}
#naioglance ul li:nth-child(odd) { background: #7500C0; }

.test-formats { background: #27074D; color: #fff; padding:30px; border: 1px solid #510081; position: relative; border-radius: 10px;margin: 10px 0; }

p.format-label { position: absolute; top: -12px; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 120, 249, 1) 100%); color: #000; padding: 1px 20px; border-radius: 30px; font-size: 15px; font-weight: 500; }
p.format-label.one{background: linear-gradient(90deg,rgba(154, 1, 245, 1) 0%, rgba(170, 117, 214, 1) 45%, rgba(124, 45, 234, 1) 100%);color:#fff;}
p.format-name {font-size: 24px;font-weight: 500;}
p.format-description {font-size:18px;color:#E2D8E8;}
.test-formats img { position: absolute; right: -1px; bottom: -1px; }
p.format-number { position: absolute; right: 20px; top: 2px; font-size: 34px; font-weight: 600; opacity: 0.3; }
p.gst-note {font-size: 16px;}



section#olympiadPlatform { background:#ffffff; background-size: cover; }
.row.olympiad-platform-cards { margin-top:-260px; }
.olympiad-platform { min-height:530px; border: 1px solid #e5e5e5; border-radius: 15px; background: linear-gradient(147deg,rgba(255, 255, 255, 1) 0%, rgba(222, 133, 232, 1) 100%); text-align: center; padding:35px 30px; position: relative; }
.olympiad-platform .content {padding:20px 30px;}
.olympiad-platform h3 { font-size:30px; font-weight: 600;margin-bottom: 15px;color:#000; }
.olympiad-platform h3 span { display: inline-block; color: #a425b3; background: none; font-size: 15px; padding: 2px 18px; border-radius: 50px; line-height: 1.5em; margin-bottom: 10px; font-weight: 500; border: 1px solid #a425b3;}
p.grade-type { font-size: 16px; font-weight: 500; color: #000; background: linear-gradient(to right, #ffffff00 0%, #fff 48%, #ffffff00 100%); margin: 20px 0;padding:5px;}
p.platform-content {font-size:16px;color:#000}
img.platform-img { border-radius: 0px 0px 10px 10px; position: absolute; bottom: 0; left: 0; height: auto; width: 100%; }
img.platform-img.one { }
img.platform-img.two { }
img.ai-icon { opacity: 0.6; position: absolute; right: 12px; height: 110px; top: 15px; }
img.award-img { height: auto; width: 70%; margin: auto; display: block; border-radius: 20px; }
img.award-img{height: auto;width: 100%;border-radius: 15px;}


#awardDetails img{height: auto;width: 100%;}
#awardDetails .col-lg-12.award{ background: url(../images/AWARD-IMAGE.webp) no-repeat; background-size: cover;}

section#programDetails {background: url(../images/olympiad-platform.webp) no-repeat;background-size: cover;}
.event-registration { background:linear-gradient(180deg, rgba(110, 22, 206, 1) 0%, rgba(192, 6, 214, 1) 100%); padding: 2px; border-radius: 20px; margin: 0;position: relative;}
.event-border { background: #fff; border-radius: 20px; min-height: 200px;padding: 40px; }
h3.key-dates { font-size: 18px; font-weight: 500; color: #fff; background: linear-gradient(180deg, rgba(124, 45, 234, 1) 15%, rgba(196, 77, 209, 1) 100%); position: absolute; top: -15px; left: 44%; padding: 2px 20px; border-radius: 30px; }

ul.event-details li { width: 32%; display: inline-block; font-size: 18px; position: relative; margin-bottom:0px; color: #000; text-align: center; }
ul.event-details li img { display: block; margin: auto; margin-bottom: 15px;height:50px; } 
ul.event-details li strong { display: block; font-size: 22px; font-weight: 500; margin-bottom: 4px; }


.event-stages { background: linear-gradient(180deg, rgba(110, 22, 206, 1) 0%, rgba(192, 6, 214, 1) 100%); padding: 2px; border-radius: 20px; margin: 0; position: relative; min-height: 250px;position: relative;}
.event-stages-border { background: #fff; border-radius: 20px; min-height: 270px; padding: 40px; }
p.event-steps { font-size: 18px; font-weight: 500; color: #fff; background: linear-gradient(180deg, rgba(124, 45, 234, 1) 15%, rgba(196, 77, 209, 1) 100%); position: absolute; top: -15px; left:42%; padding: 2px 20px; border-radius: 30px; }
.event-stages h3 {text-align: center;font-size: 26px;}
.event-stages h3 span{display: block;font-size: 20px;font-weight:500;margin-top: 10px;}
p.event-content { text-align: center; font-size: 18px; }
p.event-date {font-weight: 500;}

section#studentRewards { background: url(../images/real-business-value.webp) no-repeat; background-size: cover; }
#studentRewards a.button:hover {border: 1px solid black;}
ul.student-rewards{text-align: center;}
ul.student-rewards li { display: inline-block; width: 24%; vertical-align: top; border: 1px solid #e5e5e5; padding:30px 25px; min-height: 245px; text-align: center; font-size: 20px; border-radius: 10px; margin: 8px 2px; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 204, 255, 1) 100%);line-height: 1.4;}
ul.student-rewards li strong{font-weight:600;}
ul.student-rewards li svg { display: block; margin: auto; margin-bottom:15px;fill: #a204fe; }
ul.student-rewards li svg path {fill: #a204fe;}

section#supportNeeded {background: url(../images/olympiad-platform.webp) no-repeat;background-size: cover;}
/* section#supportNeeded { background: url(../images/real-business-value.webp) no-repeat; background-size: cover; } */
ul.support-resources li { display: inline-block; width: 23%; vertical-align: top; border: 1.5px solid #64009f; padding: 20px; border-radius: 10px; min-height: 290px; margin-right: 15px; text-align: center; font-size: 16px; line-height: 1.5em; color: #000000; }
ul.support-resources {text-align: center;}
ul.support-resources li strong { display: block; font-size: 22px; margin-bottom:12px; font-weight: 500;line-height:1.4em} 
ul.support-resources li svg { display: block; margin: auto; margin-bottom: 20px; }
ul.support-resources li svg path {fill: #a204fe;}

section#joinOlympiad { background: url(../images/whyts-bg.webp) no-repeat; background-size: 200%; background-position: 120% 30px; }
.olympiad-fee-details { padding: 30px; border: 1px solid #e5e5e5; border-radius: 10px; background:#ffffff;min-height: 280px; }
p.fee-type { font-size: 16px; position: relative; margin-bottom: 20px; }
p.fee-type span { font-size: 20px; font-weight: 500; }
p.fee-type strong { position: absolute; font-size: 28px; right: 10px; top: 7px; font-weight: 500; }
.olympiad-fee-combo{ padding: 30px; border: 1px solid #e5e5e5; border-radius: 10px; background: #ffffff;min-height: 280px; }
p.fee-combo {text-align: center;font-size: 20px;font-weight:500;}
p.fee-combo strong{font-weight:600;display: block;margin: auto;font-size: 36px;margin-top:15px;color: #ab00ff;}
img.special-fee-icon { height: 100px; display: block; margin: auto; margin-bottom: 14px; }
p.fee-note{font-size:16px}
p.fee-note strong {font-weight: 600;}


/* #awardsCeremony {background: url(../images/olympiad-platform.webp) no-repeat; background-size: cover;} */
.mySwiperOne .card.one img { width: 100%; height: auto; display: block; margin: 0 auto; }
.mySwiperOne .card.one{background:#fff;border-radius:10px;padding:15px;text-align:left;margin:5px;margin-top:30px;box-shadow:0 0 7px 0 rgba(0,0,0,.1)}
.swiper-container.team-swiper1{min-height:290px}
.mySwiperOne .card.one h4.text-blk.name{font-size:23px;text-align:left;line-height:1.4}
.btn-arrows { display: flex ; margin: 0 0 30px; }
.responsive-container-block { justify-content: flex-start; }
.arrow-right { height: 14px; transform: rotateX(0) rotateY(180deg) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1); cursor: pointer; margin-right: 10px; }
.arrow-left { height: 14px; cursor: pointer; }
.mySwiperOne .card.one p strong { font-weight: 500; font-size: 16px; }
.mySwiperOne .card.one p{font-size:16px}
.mySwiperOne .swiper-button-next { right: -18px; background: #000000; border-radius: 30px; width: 35px; height: 35px; color: #ffffff;}
.mySwiperOne .swiper-button-next:after, .mySwiperOne .swiper-button-prev:after { font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; }
.mySwiperOne .swiper-button-prev { left: -18px; background: #000000; border-radius: 30px; width: 35px; height: 35px; color: #fff; }
.mySwiperOne.swiper { overflow: visible; }


section#awardsCeremony { background: url(../images/award-ceremony-bg.webp) no-repeat; background-size: contain; position: relative; background-position: 0% 55%; margin-bottom: 0px !important;border-top: 1px solid #e6e6e6; }
.video-sec { position: absolute; left: 0; right: 0; top:550px; }
/* .video-sec p{background: #fff;display: inline-block;} */
/* .video-sec a svg {height: auto; width: 85px; margin-top: 29px;} */
img.campus-visit-img { width: 100%; }
.testimonialSwiper {margin-top: 430px;}
.testimonialSwiper .card {border: unset;background: transparent;}
.testimonialSwiper .card img.video-testimonials-img {width: 100%;border: 3px solid #fff;cursor: pointer;}
.testimonialSwiper .card p.card-text{color:#000;font-size:15px;line-height:1.4em;text-align: center;}
.testimonialSwiper .card p.card-text strong {font-size: 18px;color: #000;display: block;}
.testimonialSwiper .swiper-button-prev { width: 35px; height: 35px; color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-radius: 30px; border: 1px solid #ababab;  top: 110px;  left: 0; }
.testimonialSwiper .swiper-button-next { width: 35px; height: 35px; color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-radius: 30px; border: 1px solid #ababab;  top: 110px;  right: 0; }
.testimonialSwiper .swiper-button-prev:after { content: 'prev'; background-size: -200%; font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; }
.testimonialSwiper .swiper-button-next:after{ content: 'next'; background-size: -200%; font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; }
.swiper.testimonialSwiper {bottom: 0px;}

.modal-content img{width: 100%;}

section#aiMovement { background: url("../images/real-business-value.webp") no-repeat;background-size: cover;position: relative;}
p.be-ready-ai {font-size: 22px;text-align: center;color:#fff}
p.be-ready-ai strong { display: block; font-size: 32px; font-weight: 500; margin-top: 10px; }
img.side-graphic { position: absolute; top: 0; opacity: 0.3; left: 0; }
img.side-graphic-right { position: absolute; bottom: 0; opacity: 0.3; right: 0; }


section#faq{background:#fef0ff;position:relative}
section#faq .accordion-item{border:none;margin-bottom:10px;border-radius:10px}
section#faq .accordion-button{background-attachment:fixed;background:#fff;color:#000;padding:5px 15px;font-size:18px;font-weight:500;border-radius:8px;box-shadow:2px 2px 25px #00000012}
section#faq .accordion-body ul li{width: 95%; margin-left: 20px; position: relative; font-size: 17px; padding-left: 4px;}
section#faq .accordion-body ul li:before{content: ""; border-color: transparent #878787; border-style: solid; border-width: 5px 0 5px 8px; display: block; height: 0; width: 0; left: -20px; top: 15px; position: relative;}
section#faq .accordion-body ul li strong, section#faq .accordion-body p strong{ font-weight: 500; }

p.view-all a {background: #000000;padding: 14px 25px;color: #fff !important;border-radius: 25px;margin-top: -2px;text-decoration: none !important;}
p.reserve-spot-cta.white a.button{background:#fff;color:#000}
p.reserve-spot-cta.white a.button.text-center:hover{color:#fff!important;background:#000}

p.reserve-spot-cta.white .button__icon-wrapper {background:#000;color:#fff}
p.reserve-spot-cta.white .button:hover .button__icon-wrapper{background:#fff;color:#000}
/* Leaderboard sec */
div.leadarboardSec { background: #000; border-radius: 10px; padding: 10px 0px; min-height: 98px; padding-right:0px }
div.leadarboardSec .Leaderboard-title { display: block; vertical-align: middle; padding-right: 0px; text-align: center; }
div.leadarboardSec .Leaderboard-title p { font-size: 22px; font-weight: 500; padding-top: 10px; margin-bottom: 10px; }
div.leadarboardSec li.one { background: linear-gradient(90deg, rgb(164 37 179) 0%, rgb(0 0 0 / 6%) 100%); }
div.leadarboardSec li.two,div.leadarboardSec li.three { background: linear-gradient(90deg, rgb(134 149 159) 0%, rgb(0 0 0 / 6%) 100%); }
div.leadarboardSec .marquee { margin: 0 auto; max-width: 100%; overflow: hidden; display: inline-block; width: 100%; }
div.leadarboardSec .marquee h2 { margin-bottom: 20px; } 
div.leadarboardSec .marquee ul.flex { display: flex; align-items: center; } 
div.leadarboardSec .marquee-wrapper { width: 100%; overflow: hidden;    padding-top: 0px; } 
div.leadarboardSec .marquee-h { overflow: hidden; } 
div.leadarboardSec .marquee-h .marquee-wrapper {  overflow: hidden; } 
div.leadarboardSec .marquee ul.flex li { flex-shrink: 0; width: 250px; font-size: 15px; color: #fff; font-weight: 400; position: relative; height: 50px; display: inline-flex ; flex-direction: row; align-items: center; border-radius: 10px; margin-right: 0px !important; padding-right: 30px; margin-bottom: 0px; margin-top: 5px; }

div.leadarboardSec li.one span:before, li.two span:before{ content: ""; background: url(../images/left-decor.webp) no-repeat; position: absolute; left: 6%; top: 10px; width: 70px; height: 70px; background-size: 22%;}
li.one span:after, li.two span:after { content: ""; background: url(../images/right-decor.webp) no-repeat; position: absolute; right: 50%; top: 11px; width: 73px; height: 90px; background-size: 22%; }

li.three span:before { content: ""; background: url(../images/left-decor.webp) no-repeat; position: absolute; left: 4%; top: 10px; width: 70px; height: 70px; background-size: 22%; }
li.three span:after { content: ""; background: url(../images/right-decor.webp) no-repeat; position: absolute; right: 49%; top: 11px; width: 73px; height: 90px; background-size: 22%; }
.marquee ul.flex li.three span { padding: 10px 30px; font-size: 20px; font-weight: 600; color: #F0EBA4; width: 30%; }

.marquee ul.flex li span { padding: 10px 35px; font-size: 20px; font-weight: 600; color: #F0EBA4; width: 30%; }
.marquee ul.flex li p{padding-left: 10px;font-weight: 500;}
.notification { display: none; /* position: fixed; */ bottom: 20px; left: 20px; background: #7C2DEA; color: #fff; padding: 20px 18px; border-radius: 12px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); font-size: 17px; font-weight: 500; z-index: 9999; /* animation: fadeInOut 4s ease-in-out; */ display: flex ; align-items: center; gap: 10px; max-width: max-content; }
/* div.leadarboardSec .marquee ul.flex li.small{width: 200px;} */



/* Leaderboard sec */
div.leadarboardSec { background: #00000040; border-radius: 10px; padding: 0px 0px; min-height: 87px; padding-right: 0px; }
div.leadarboardSec .Leaderboard-title { display: inline-block; vertical-align: middle; padding-right: 0px; text-align: left; padding-left: 20px;background: #74277D;padding-right: 10px;border-radius: 10px 0px 0px 10px;position: relative;}
div.leadarboardSec .Leaderboard-title p { font-size: 22px; font-weight: 500; padding-top: 20px; margin-bottom: 10px; color: #DFBFF1 !important; line-height: 1.3; }
div.leadarboardSec li.one {background: linear-gradient(90deg, rgb(135 78 168) 0%, rgb(0 0 0 / 6%) 100%);}
div.leadarboardSec li.two,div.leadarboardSec li.three { background: linear-gradient(90deg, rgb(135 78 168) 0%, rgb(0 0 0 / 6%) 100%); }
div.leadarboardSec .marquee { margin: 0 auto; max-width: 70%; overflow: hidden; display: inline-block; width: 70%; float: right;padding-top: 13px;}
div.leadarboardSec .marquee h2 { margin-bottom: 20px; } 
div.leadarboardSec .marquee ul.flex { display: flex; align-items: center; } 
div.leadarboardSec .marquee-wrapper { width: 100%; overflow: hidden;    padding-top: 0px; } 
div.leadarboardSec .marquee-h { overflow: hidden; } 
div.leadarboardSec .marquee-h .marquee-wrapper {  overflow: hidden; } 
div.leadarboardSec .marquee ul.flex li { flex-shrink: 0; width: 250px; font-size: 15px; color: #fff; font-weight: 400; position: relative; height: 50px; display: inline-flex ; flex-direction: row; align-items: center; border-radius: 10px; margin-right: 0px !important; padding-right: 30px; margin-bottom: 0px; margin-top: 5px; }

div.leadarboardSec li.one span:before, li.two span:before{ content: ""; background: url(../images/left-decor.webp) no-repeat; position: absolute; left: 6%; top: 10px; width: 70px; height: 70px; background-size: 22%;}
li.one span:after, li.two span:after { content: ""; background: url(../images/right-decor.webp) no-repeat; position: absolute; right: 50%; top: 11px; width: 73px; height: 90px; background-size: 22%;padding-bottom: 0px; }

li.three span:before { content: ""; background: url(../images/left-decor.webp) no-repeat; position: absolute; left: 4%; top: 10px; width: 70px; height: 70px; background-size: 22%; }
li.three span:after { content: ""; background: url(../images/right-decor.webp) no-repeat; position: absolute; right: 49%; top: 11px; width: 73px; height: 90px; background-size: 22%; }
.marquee ul.flex li.three span { padding: 10px 30px; font-size: 20px; font-weight: 600; color: #F0EBA4; width: 30%; }

.marquee ul.flex li span { padding: 10px 35px; font-size: 20px; font-weight: 600; color: #F0EBA4; width: 30%; }
.marquee ul.flex li p{padding-left: 10px;font-weight: 500;}
.notification { display: none; /* position: fixed; */ bottom: 20px; left: 20px; background: #7C2DEA; color: #fff; padding: 20px 18px; border-radius: 12px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); font-size: 17px; font-weight: 500; z-index: 9999; /* animation: fadeInOut 4s ease-in-out; */ display: flex ; align-items: center; gap: 10px; max-width: max-content; }
/* div.leadarboardSec .marquee ul.flex li.small{width: 200px;} */

.arrow-right { width: 0; height: 0; border-top: 44px solid transparent; border-bottom: 44px solid transparent; border-left: 44px solid #74277d; position: absolute; top: 0px; right: -44px; }
div#timer div{display:inline-block;font-size:19px;font-weight:600;padding:4px 6px;color:#000;margin:11px 3px;border-radius:5px;text-align:center;background:#fff;height:48px;}
div#timer div span{background:0 0;display:block;padding-top:-10px;font-size:11px;position:relative;top:0;font-weight:500;color:#000;background:0 0;margin-top:-5px;}
div#timer { margin-top: 18px !important; border-radius: 0px; text-align: center; display: block; position: relative; top: 0px; background: #a426b3; margin: auto; max-width: fit-content; padding: 0px 25px; border-radius: 8px; }
p.timer_trigger { font-size: 19px; font-weight: 500; color: #fff; margin-top: 0; background: 0 0; display: inline-block; position: relative; margin-bottom: 5px; top: -9px; }
p.timer_trigger:after{display:none}

p.test-ai { font-size: 20px; color: #fff; font-weight: 400; line-height: 1.4em; }
p.test-ai strong { font-size: 32px; }
img.naio-sticker { height: 70px; display: block; margin: 21px auto 0; animation: glow 1.6s ease-in-out infinite; }
@keyframes glow { 0% { transform: scale(1); opacity: 1; filter: drop-shadow(0 0 0px #c44dd1); } 50% { transform: scale(1.15); opacity: 1; filter: drop-shadow(0 0 0px #c44dd1); } 100% { transform: scale(1); opacity: 1; filter: drop-shadow(0 0 0px #c44dd1); } }


.tabs { width: 50%; display: flex; background: #f1f1f1; border-radius: 50px; padding: 5px; margin: auto; }
.tab{ flex: 1; text-align: center; padding: 10px 0; cursor: pointer; border-radius: 50px; transition: all 0.35s ease; font-weight: 500; }
.tab.active{    background: linear-gradient(180deg, rgba(124, 45, 234, 1) 15%, rgba(196, 77, 209, 1) 100%);color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.15);}
.tab-content { margin-top: 50px; opacity: 0; transform: translateY(10px); transition: all 0.35s ease; display: none; }
.tab-content.active{display: block;opacity: 1;transform: translateY(0);}
.tab-select{display:none;width:100%;padding:10px;margin-top:10px;}

ul.rankers-list{background: url("../images/rankers-bg.webp")no-repeat;background-size: 100%;text-align: center;padding: 120px 40px 95px 40px;position: relative;}
p.grade-low { position: absolute; color: #fff; font-weight: 500; top: 60px; left: 23%; font-size: 20px; }
p.grade-high { position: absolute; color: #fff; font-weight: 500; top: 60px; left: 69%; font-size: 20px; }
ul.rankers-list li { display: inline-block; vertical-align: top; width: 16%;    color: #fff; }
ul.rankers-list li span strong { font-size: 17px; font-weight: 500; display: block;margin-bottom: 9px; }
ul.rankers-list li span { font-size: 13px; font-weight: 300; line-height: 1.4em; }
ul.rankers-list li small { font-size: 17px; font-weight: 500; display: block; }
section#topRankers { background: url(../images/winners-bg.webp) no-repeat; background-size: cover; background-position: -48px -90px; padding-bottom: 40px; }
ul.rankers-list li img { height: 98px; border-radius: 20px; margin-bottom: 20px; }
img.rank-img { height: 53px !important; display: block; margin: auto; margin-top: 13px; }
img.line-img { height: 433px; position: absolute; top: 0; }
ul.rankers-list.advanced{background-size: cover; text-align: center; padding: 40px; position: relative; border-radius: 30px; width: 50%; margin: auto;}
ul.rankers-list.professionals{background-size: cover; text-align: center; padding: 40px; position: relative; border-radius: 30px; width: 80%; margin: auto; padding-top: 65px;}
ul.rankers-list.advanced li{ width: 37%;}
ul.rankers-list.professionals li{width: 27%;}




/*Small devices (portrait phones, less than 600px)*/
@media only screen and (max-width:600px) {
    h2.heading {font-size: 35px;}
    
    nav.navbar.fixed-top.navbar-expand-lg {border-bottom: 1px solid #efefef;background: #fff;margin-top: 72px;}
    ul.navbar-nav li { text-align: center; padding:3px 0; }
    section.main-banner { padding-top:220px;background-size: cover; background-position: center;padding-bottom: 130px; }
    h1.main-headline { line-height: 1; font-size: 58px; }
    h1.main-headline span {line-height: 1.3;}
    p.byline { font-size: 20px; margin-top: 30px; }
    p.test-ai {font-size: 26px;}
    .row.olympiad-platform-cards { margin-top:-210px; }
    .ai-quotient {padding: 50px 20px;width: 100%;}
    .olympiad-platform {margin: 10px 0;padding: 40px 16px;}
    ul.future-mission li {width: 100%;margin-right: 0;}
    section#futureGateway {background-size: cover; }
    ul.student-rewards li {width: 100%;padding:35px 50px;margin: 8px 0px;}
    p.prizes-for-winners { color: #fff; font-size: 20px; position: relative; width:100%; line-height: 1.3em; margin: auto; }
    p.prizes-for-winners br{display: none}
    p.prizes-for-winners:before, p.prizes-for-winners:after { display: none;}
    /* p.prizes-for-winners br{display: none} */
    br.break{display: block;}
    .offset-1{margin: 0;}
    h3.key-dates {left: 31%;}
    ul.event-details li { width: 100%; margin-bottom: 50px; }
    ul.event-details li:last-child{margin-bottom: 0;}
    .event-stages {margin-bottom: 40px;}
    p.event-steps {left: 32%;}
    .event-stages h3 span {line-height: 1.3em;}
    #naioglance .headingsec { display: inline-flex; align-items: center; margin-top: 30px; justify-content: center; padding-top: 40px; padding-bottom: 30px; }
    #naioglance ul.glance-record { margin: 0px; padding-bottom: 100px; }
    ul.support-resources li {width: 100%;margin-right: 0;min-height: auto;margin-bottom: 20px;}
    #naioglance ul li { width: 100%;  padding: 0px; padding-bottom: 40px; padding-top: 60px; min-height: 150px; display: inline-flex; }
    .olympiad-fee-details {margin-bottom: 30px;}
    p.fee-type span { font-size: 17px; font-weight: 500; }
    p.fee-type strong { position: absolute; font-size: 20px; right: -14px; top: -1px; font-weight: 500; }
    p.fee-type {font-size: 14px;}
    img.side-graphic-right{display:none;}
    img.side-graphic {opacity: 0.1;}
    section#faq .accordion-button {padding: 15px;line-height: 1.5em;}
    .offset-2.col-lg-4.col-md-12 {margin-left: 0px;}
  
    .prg-partner li:last-child{ width: 100%; left: 0; margin-bottom: 40px; margin-top: 0px; margin-left: 0px; padding-left: 0; }
    img.award-img {width: 100%;}

    ul.rankers-list { padding: 20px 0px 45px 0px; background-size: cover; width: 100%; border-radius: 30px; }
    ul.rankers-list li {width: 29%;}
    p.grade-high ,p.grade-low{display: block; position: unset; text-align: center; margin: 30px;}
    ul.rankers-list.advanced{width: 100%;}
    ul.rankers-list.advanced li { width: 46%; }
    ul.rankers-list.professionals {padding: 40px 0px; width: 100%; margin: auto; padding-top: 65px; }
    ul.rankers-list.professionals li { width: 28%; }
    .tabs{display:none;}
   .tab-select { display: block; border: 2px solid #000; border-radius: 11px; padding: 17px; font-size:18px; }

   section#awardsCeremony {background-position: 0% 58%; margin-bottom: 0px !important; padding-bottom:0px; }
   .video-sec { position: absolute; left: 0; right: 0; top:390px; }
    .swiper.testimonialSwiper {bottom: 120px;}
    #naioglance ul li span { display: block; font-size: 25px;}
    #naioglance ul li { width: 19%; font-weight: 500;font-size: 13px; line-height: 1.3em; padding: 15px; padding-bottom: 50px; padding-top: 60px; min-height: 230px; margin: 0px;justify-content: flex-start;justify-content: center; }

}
/*Medium devices (tablets, 768px and up)*/
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    section.main-banner { padding-top: 170px; padding-bottom: 90px;background-size: cover; background-position: 50% 70%; min-height: 680px; }
    h1.main-headline {font-size: 56px;}
    .row.olympiad-platform-cards {margin-top:-307px;}
   .olympiad-platform { min-height: auto; padding: 10px 10px 40px; width: 100%; margin: auto; margin-top: 30px; }
    p.grade-type {line-height: 1.3em;}
    p.platform-content { font-size: 14px;line-height: 1.3em;}
    .event-stages {margin: 20px auto;width: 100%;}
    p.event-steps {left: 0; padding: 2px 20px; border-radius: 30px; right: 0; width: max-content; margin-left: auto; margin-right: auto; }
    ul.student-rewards li {width: 48%;}
    p.prizes-for-winners:before{left: -5%;}
    p.prizes-for-winners:after{right: -25%;}
    #joinOlympiad .col-lg-5.col-md-12.offset-1{margin-left: 0%}
    .olympiad-fee-details{margin-bottom: 20px;}
    ul.support-resources li {width: 47%;margin: 7px;}
    br.break {display: block;}
    p.prizes-for-winners:before{display: none;}
    p.prizes-for-winners:after{display: none;}
    .offset-2{margin-left: 0;}
    section#topRankers{padding-bottom: 80px;}
    ul.navbar-nav li {text-align: center;}
    ul.rankers-list {background-size: cover; padding: 120px 30px 95px 30px;border-radius: 20px;}
    ul.rankers-list li img {height: 85px;}
    section#awardsCeremony { background-size: 120%; position: relative; background-position: 70% 60%; padding-bottom: 0px; }
   .swiper.testimonialSwiper { bottom:120px; }
   .video-sec {top: 480px;}
   .testimonialSwiper .swiper-button-next{top: 75px;}
   .testimonialSwiper .swiper-button-prev{top: 75px;}
}

/*Medium devices (ipad pro)*/
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
    .olympiad-platform { min-height: 490px;}
    .event-stages-border {padding: 30px;}
    p.prizes-for-winners:before { left: -1%; }
    p.prizes-for-winners:after { right: -16%; }
    #joinOlympiad .col-lg-5.col-md-12.offset-1 {margin-left: 8.33333333%;}
    .test-formats{min-height: 220px;}
    ul.support-resources li { min-height: 260px; }
    p.event-content br{display: none;}
    ul.student-rewards li { width: 24%; min-height: 275px; }
    section#joinOlympiad .col-lg-4.col-md-6 {width: 48%;}
    ul.support-resources li strong br {display: none;}
    #naioglance ul li span {font-size: 32px;}
    #naioglance ul li{padding-bottom: 50px; padding-top: 60px; border-radius: 0px; min-height: 260px;justify-content: center;}
    .swiper.testimonialSwiper { bottom: 20px;}
    section#awardsCeremony { background-size: 100%; position: relative; background-position: 70% 50%; padding-bottom: 100px; }
    .video-sec {top: 530px;}
    .testimonialSwiper .swiper-button-next{top:100px;}
    .testimonialSwiper .swiper-button-prev{top:100px;}
}

/*Small laptops (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*Small laptops (1200px and 1290px)*/
@media only screen and (min-width:1200px) and (max-width:1290px) {
    section.main-banner {min-height: 650px;}
    .row.olympiad-platform-cards{margin-top: -235px;}
    section#awardsCeremony {background-position: 0% 50%;}
    .swiper.testimonialSwiper {bottom: 2%;}
    ul.support-resources li{padding: 18px;}
    .video-sec { position: absolute; left: 0; right: 0; top:520px; }


}

/*Large devices (Meduim desktops, 1400px and up)*/
@media (min-width: 1400px) {
    section.main-banner { padding-top:170px; padding-bottom: 120px; background-size: 100%; background-position: 100% 90px; }
    p.prizes-for-winners:before {
        left: 14%;
    }
    .event-stages-border {min-height: 250px;}
    section#awardsCeremony {background-position: 0% 55%;margin-bottom: 60px !important; }
    .swiper.testimonialSwiper {bottom: -5%;}
    p.prizes-for-winners:after {right: 3%;}
    p.grade-type {font-size: 18px;}
    p.platform-content {font-size: 17px;}
    p.prizes-for-winners {width: 80%;}
    section#topRankers{padding-bottom: 100px;}
    .video-sec { top:570px; }
}
@media (min-width: 1500px) {}
/*XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) {    
    section.main-banner {padding-bottom: 160px;}
    .swiper.testimonialSwiper {bottom: -18%;}
    section#awardsCeremony {background-position: 0% 70%;margin-bottom: 150px !important;}
    .video-sec {top:680px; }
}
@media (min-width: 1800px) {
    section.main-banner { background-position:100% 65px; }
    section#awardsCeremony {background-position: 0% 75%;margin-bottom: 160px !important; }
    .swiper.testimonialSwiper {bottom: -160px;}
}