/*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; }


/*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: #ff5722; 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:#000000; --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:#ffffff}
.button:hover .button__icon-wrapper { background: #ffffff; color: #000000; }


section#bannerSec { background: #f4edf5 url(../images/bannersec-bg.webp) no-repeat; background-size: 100%; background-position: bottom right; position: relative; min-height: 600px;padding-top:200px;}
section#bannerSec h1.main-headline {font-size: 60px; color: #7400BA; margin-bottom:14px;}
section#bannerSec h1.main-headline span {display: block; font-size: 26px; font-weight: 500; line-height: 1; margin-bottom:8px; color: #DFA9FF;}
section#bannerSec h1.main-headline sup { vertical-align: super; font-size: 16px;color: #fff; }
section#bannerSec p.byline {font-size: 22px; font-weight: 400; color: #fff; line-height:1.3em;}
section#bannerSec img.powered-by { height: 115px; background: #fff; border-radius: 10px; border: 1px solid #e5e5e5; padding: 15px;}
section#bannerSec .ai-quotient { background:#00000099; display: block; padding:50px 40px; width: 40%; margin: auto; margin-top: 70px; border-radius: 35px; }
section#bannerSec p.reserve-spot-cta a {font-weight: 500;}
section#bannerSec p.test-ai {font-size: 32px; color: #fff; font-weight: 500;}
section#bannerSec img.AmbassadorModal { position: absolute; left: 0; bottom: 0; height: auto; width: 20%; }

section#whoisitfor{ background: #f4edf5 url(../images/whoisitfor.webp) no-repeat; background-size: 100%; background-position: bottom right; position: relative;}
.subheading{font-size: 22px;}
section#whoisitfor ul li { position: relative; padding-left: 20px; font-size: 18px; margin-bottom: 20px; }
section#whoisitfor ul li:before { content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #CF64E4; position: absolute; left: 0; top: 6px; }
section#whoisitfor img.modals { position: absolute; right: 0%; bottom: 0%; width: auto; height: -webkit-fill-available; }


section#benifit { background:#db9994  url(../images/benifits-sec-bg-new.webp) no-repeat; background-size: cover; position: relative; background-position: 100% 0%;background-attachment: fixed; }
section#benifit ul.benifits-list li { color: #000; padding: 13px 35px; font-size: 20px; font-weight: 500; border-radius: 8px; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 204, 255, 0.94) 100%); display: block; min-height: 70px; }
section#benifit ul.benifits-list li img { height: auto; width: 8%; margin-right: 15px; float: left;}


section#benifit .accordion-item{border:none;margin-bottom:10px;border-radius:10px;background: linear-gradient(180deg, rgb(239 210 255) 0%, rgba(236, 204, 255, 0.94) 100%);}
section#benifit .accordion-button { color: #000;padding: 13px 35px; font-size: 23px; font-weight: 500; border-radius: 8px; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 204, 255, 0.94) 100%);line-height: 1.3;}
section#benifit .accordion-body ul li{width: 95%; margin-left: 20px; position: relative; font-size: 17px; padding-left: 4px;}
section#benifit .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#benifit .accordion-body ul li strong, section#benifit .accordion-body p strong{ font-weight: 500;}
section#benifit .accordion-button img { height: auto; width: 8%; margin-right: 35px; }
section#benifit .accordion-body {background: linear-gradient(180deg, rgb(239 210 255) 0%, rgba(236, 204, 255, 0.94) 100%); border-radius: 10px; }
section#benifit .accordion-body p {font-size: 20px;padding: 10px 15px;}


section#campusambassador{ background: #f4edf5 url(../images/campusambassador.webp) no-repeat; background-size: 100%; background-position: bottom left; position: relative;}
.subheading{font-size: 22px;}
section#campusambassador ul li { position: relative; padding-left: 20px; font-size: 18px; margin-bottom: 20px; }
section#campusambassador ul li:before { content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #CF64E4; position: absolute; left: 0; top: 6px; }
section#campusambassador img.modals { position: absolute; right: 0%; bottom: 0%; width: auto; height: -webkit-fill-available; }

section#eligibility {background: #d0e7ef url(../images/eligibility.webp) no-repeat; background-size: 100%; background-position: 100% 0%; position: relative;}
.subheading{font-size: 22px;}
section#eligibility ul li { position: relative; padding-left: 20px; font-size: 18px; margin-bottom: 20px; }
section#eligibility ul li:before { content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #CF64E4; position: absolute; left: 0; top: 6px; }
section#eligibility img.modals { position: absolute; right: 0%; bottom: 0%; width: auto; height: -webkit-fill-available; }


section#rewards p.subheading { text-align: center; font-weight: 500; font-size: 25px;margin-bottom: 20px;}
section#rewards img.certificate { height: auto; width: 100%; border: 1px solid grey; border-radius: 25px; }
section#rewards div.note { position: relative; width: fit-content; margin: auto; }
section#rewards div.note p { font-size: 24px; font-weight: 500; }
section#rewards img.left-arc { width: auto; height: 58%; position: absolute; bottom: 0; left: -20px; }
section#rewards img.right-arc { width: auto; height: 50%; position: absolute; right: -3%; bottom: 0%; }


section#howdoesitwork{ background: #f4edf5 url(../images/howdoesitwork.webp) no-repeat; background-size: cover;position: relative;}
section#howdoesitwork ul.steps{text-align: center}
section#howdoesitwork ul.steps li { width: 23%; text-align: left; vertical-align: top; border-right: 1px solid black; padding-left: 35px; min-height: 160px; padding-right: 35px; border-image: linear-gradient(to bottom, #b6b6b65e 0%, #78787830 50%, #6f6f6f33 100%) 1; border-radius: 5px; border-width: 2px; }
section#howdoesitwork ul.steps li:last-child {border: unset;}
section#howdoesitwork ul.steps li p { background: linear-gradient(90deg, rgba(176, 81, 254, 1) 0%, rgba(171, 58, 196, 0.94) 100%); display: inline-block; padding: 5px 15px; border-radius: 50px; font-size: 12px; color: #fff; font-weight: 400; }
section#howdoesitwork ul.steps li span {display: block; font-size: 21px; margin-top: 5px; margin-bottom: 5px;}
section#howdoesitwork ul.steps li span strong{font-weight: 500;}


/* form */
section#AmbassadorForm{ background: #f4edf5 url(../images/form-bg.webp) no-repeat; background-size: cover;position: relative;}
.leadForm { width: 70%; margin: auto;margin-top: 20px;}
.form { padding: 30px 0px 0px 0px; border: 1px solid #ccc; border-radius: 10px; background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(320deg, transparent 0%, #e81cff, #40c9ff) border-box; border: 2px solid transparent; background: #ffffff00; margin-top: -20px; }
.with-icon.single-row, .with-icon.single-row2 { width: 48%; margin:0px 0px 4px 2px; display: inline-block; min-height: 38px; vertical-align: top; }
.with-icon.single-row select, .with-icon.single-row2 select{padding: 5px 10px;} 
.with-icon.single-rowfull {width: 97%;}
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { position: relative; display: block; width: 100%; padding: 13px 15px; margin: 0px 0px 5px; border-width: 1px; border-style: solid; border-radius: 10px; font-size: 15px; font-weight: 400; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 55px; border: 1px solid #c1c1c1; }
p.terms-condition-label { margin-top:10px; margin-right: 10px; width: 95%; margin-left: 1%; }
input[type=checkbox]+label a{color: #ffffff;text-decoration: underline;}
input[type=checkbox] { display: none; }
input[type=checkbox]+label { display: block; margin: 0; cursor: pointer; padding: 0; color: #ffffff; font-weight: 300; font-size: 17px; margin-top: 20px; line-height: 1.5em; }
input[type=checkbox]:checked+label:before { background-color: #a204fe; border-color: #a204fe; color: #fff; }
input[type=checkbox]+label:before { content: "\2714"; border: .1em solid #cacaca; border-radius: .2em; display: inline-block; width:19px; height:19px; padding-left: 0; padding-bottom: .3em; margin-right: .2em; vertical-align: bottom; color: transparent; transition: .2s; position: relative; top: 2px; text-align: center; margin-left: 0; float: left; margin-bottom: 20px; margin-right: 8px; line-height: 1em; }
input#Phone { padding: 26px 49px; }
.submit-btn { font-weight: 400 !important; padding: 12px 0 10px !important; color: #000 !important; border-radius: 0; display: block; margin: auto;text-align: center;}
.submit-btn.online-apl button {color: #fff; background: #000000; padding: 15px 40px; }
.flag-dropdown.f16 {margin-top: -3px; }
button.close { background: #ff5722; color: #fff; font-size: 30px; font-weight: 700; line-height: 0; right: -18px; top: -19px; position: absolute; padding: 16px 8px; box-shadow: 0 0 11px 0 #00000057; opacity: 1; z-index: 1; border-radius: 30px; }
.g-recaptcha{visibility: hidden;}

section#aboutTS iframe { width: 100%; height: 730px; border: none; }

/*Small devices (portrait phones, less than 600px)*/
@media only screen and (max-width:600px) {
    ul.navbar-nav li { text-align: center; padding: 10px 0; }
    section.main-banner { padding-top: 170px;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; }
   section#bannerSec {background-size: 350%; padding-top: 150px; padding-bottom: 590px; }
    section#bannerSec img.AmbassadorModal{display: none;}
    section#rewards p.subheading {margin-top: 70px !important; }
    section#whoisitfor img.modals { position: unset;margin-top: 60px; }
    section#benifit ul.benifits-list li {display:flex ; min-height: 70px; flex-direction: row; justify-content: center; align-items: center;padding: 13px 35px;padding-left: 10px;}
    section#benifit {background-size: 290%; position: relative; background-position: 100% 100%; padding-bottom: 650px;background-attachment: unset;}
    section#benifit .accordion-button img { height: auto; width: 20%; margin-right: 15px; }
    section#benifit ul.benifits-list li img {width: 22%;}
    section#campusambassador {background-size: 250%;padding-bottom: 480px; }
    section#eligibility { background-size: 170%; background-position: 100% 100% ;padding-bottom: 350px; }
    section#rewards div.note p{ width: 70%; font-size: 24px; margin: auto; display: block; }
    section#rewards img.left-arc {height: 70%;left: 10px; }
    section#rewards img.right-arc {height: 70%;right: 5%;}
    section#howdoesitwork ul.steps li { width: 100%; border-right: unset; padding-left: 15px; text-align: center; border-bottom: 1px solid grey; padding-top: 12px; }
    .leadForm{width: 100%;}
    .with-icon.single-row, .with-icon.single-row2 { width: 100%;}
    input[type=checkbox]+label:before{margin-bottom: 40px;}
    .with-icon.single-rowfull{ width: 100%; }
    
}
/*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:-380px;}
   .olympiad-platform { min-height: auto; padding: 40px 10px; 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;}
}

/*Medium devices (ipad pro)*/
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
    .olympiad-platform {min-height: 580px;}
    .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: 32%; }
    section#joinOlympiad .col-lg-4.col-md-6 {width: 48%;}
    ul.support-resources li strong br {display: none;}
}

/*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#bannerSec {min-height: 560px; }
}

/*Large devices (Meduim desktops, 1400px and up)*/
@media (min-width: 1400px) {
    section#bannerSec {min-height: 620px; }
    
    p.prizes-for-winners:before {
        left: 14%;
    }
    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%;}
}
@media (min-width: 1500px) {
    section#bannerSec {min-height: 650px; }
    /* section#benifit { background-size: 100%; position: relative; background-position: 100% 70%;} */
    section#campusambassador {background-position: 100% 60%;}
    section#eligibility {background-size: 100%; background-position: 100% 50%;}
}
/*XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) {    
    section#bannerSec {min-height: 670px;}
    section#eligibility {background-position: 100% 30%;}

}
@media (min-width: 1800px) {
    section#bannerSec{min-height: 770px;}
    section#eligibility {background-position: 100% 20%;}
}