@font-face {
  font-family:'Inter-Regular';
  src: url(https://pages.98thpercentile.com/hubfs/Ted_Ed/fonts/Inter-Regular.ttf);
}
@font-face {
  font-family:'InterTight-Regular';
  src: url(https://pages.98thpercentile.com/hubfs/Ted_Ed/fonts/InterTight-Regular.ttf);
}
@font-face {
  font-family:'Inter-Medium';
  src: url(https://pages.98thpercentile.com/hubfs/Ted_Ed/fonts/Inter-Medium.ttf);
}
@font-face {
  font-family:'Inter-Bold';
  src: url(https://pages.98thpercentile.com/hubfs/Ted_Ed/fonts/Inter-Bold.ttf);
}
@font-face {
  font-family:'Lato-Bold';
  src: url(https://pages.98thpercentile.com/hubfs/Ted_Ed/fonts/Lato-Bold.ttf);
}

@font-face {
  font-family:'Poppins-SemiBold';
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/new_bof/Fonts/Poppins-SemiBold.ttf);
}
@font-face {
  font-family:'Poppins-Medium';
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/new_bof/Fonts/Poppins-Medium.ttf);
}
@font-face {
  font-family:'Poppins-Bold';
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/new_bof/Fonts/Poppins-Bold.ttf);
}
@font-face {
  font-family:'Poppins-Regular';
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/new_bof/Fonts/Poppins-Regular.ttf);
}

@font-face {
  font-family:'Inter-LightItalic-BETA';
  src: url(https://pages.98thpercentile.com/hubfs/new_mof/fonts/Inter-LightItalic-BETA.ttf);
}
@font-face {
  font-family:'Inter-Light-BETA';
  src: url(https://pages.98thpercentile.com/hubfs/TOF-1/Inter-Light-BETA.ttf);
}

@font-face {
  font-family:'Inter-Medium';
  src: url(https://pages.98thpercentile.com/hubfs/TOF-1/Inter-Medium.ttf);
}
@font-face {
  font-family:'InterTight-SemiBold';
  src: url(https://pages.98thpercentile.com/hubfs/TOF-1/InterTight-SemiBold.ttf);
}

@font-face {
  font-family:'Inter-Bold';
  src: url(https://pages.98thpercentile.com/hubfs/TOF-1/Inter-Bold.ttf);
}
@font-face {
  font-family:'Inter-Regular';
  src: url(https://pages.98thpercentile.com/hubfs/new_mof/fonts/Inter-Regular.ttf);
}

@font-face {
  font-family:'Inter-SemiBoldItalic';
  src: url(https://pages.98thpercentile.com/hubfs/MOF_1/fonts/Inter-SemiBoldItalic.ttf);
}
@font-face {
  font-family:'Inter-Italic';
  src: url(https://pages.98thpercentile.com/hubfs/new_mof/fonts/Inter-Italic.ttf);
}
@font-face {
  font-family:'Inter-SemiBold';
  src: url(https://pages.98thpercentile.com/hubfs/TOF-1/Inter-SemiBold.ttf);
}
@font-face {
  font-family:'Poppins-SemiBold';
  src: url(https://pages.98thpercentile.com/hubfs/new_mof/fonts/Poppins-SemiBold.ttf);
}
@font-face {
  font-family:'Poppins-Regular';
  src: url(https://pages.98thpercentile.com/hubfs/TOF-1/Poppins-Regular.ttf);
}
@font-face {
  font-family:'SFPRODISPLAYSEMIBOLDITALIC';
  src: url(https://pages.98thpercentile.com/hubfs/new_mof/fonts/SFPRODISPLAYSEMIBOLDITALIC.otf);
}
@font-face {
  font-family:'Poppins-Bold';
  src: url(https://pages.98thpercentile.com/hubfs/TOF-1/Poppins-Bold.ttf);
}
@font-face {
  font-family:'Poppins-Light';
  src: url(https://pages.98thpercentile.com/hubfs/new_mof/fonts/Poppins-Light.ttf);
}
img.img-fluid.results1 {
    cursor: pointer;
    transform-origin: center center;
    transition: transform .5s ease-in, .5s ease-out;
    transform: scale(0.9) !important;
}
img.img-fluid.results1:hover {
    transform: scale(1.1) !important;
    transition: .5s ease-in, .5s ease-out;
}
.card{
  background-color:#fff;
  color:#243C82;
  /*   width:450px;
  height:215px; */
  border-radius:20px;
  transition: all 1s 0s;
  vertical-align: middle;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.button{
  transform:translateX(23px) translateY(15px);
  position:absolute;
  padding:12px 17px;  
  border-radius:30px;
  color:#fff;
  font-size:13px;
  font-weight:500;
  text-transform:uppercase;
  text-decoration:none;
  background-color:#243C82;
}

.register {
  display: none!important;
}
section.footer-new.py-5 {
  margin-top: 0px!important;
}
.than_mob{
  display:none;
}
.section2 .register,.register{
  display:none;
}
.thankyou-h2 {
  /*     background-color: #000; */
  color:white;
  display: inline-block;
  padding: 6px;
  width: fit-content;
  margin: auto;
  font-size:18px;
  text-align:start;
  font-family: 'Poppins-SemiBold';
}
.ted-p {
  color: #000;
  font-family: Poppins-semiBold;
  font-weight: 500;
  line-height: 40px;
}
section{
  margin-top:50px; 
}
/* section
{
background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/overall_bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
} */
.section1 {
  padding: 0px 0px 150px;
  /*   background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/Group%2084.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; */
}

.left-side-header{
  justify-content: flex-end !important;
  display: flex;
}
.section1 .section-1-text {
  font-size: 25px;
  color: white;
  text-align: right;
  font-family:'Poppins-SemiBold';
}
.section1 {
  margin-top: 0px;
}
.section1 .footer{
  background-color:unset!important;
}
.section1 .cal, .section1 .icon {
  margin-right: 10px;
  background-color:unset;
}
.section1 .footheading.py-3 {
  color: white;
  font-size:20px;
  font-family:'Poppins-Light';
  text-align: right;
}

.header-img-right img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  transform: translateY(50%);
  max-width: 417px;
}

.header-img-right-mob img {
  display: none;
}


.section1 .light-text{
  font-family:'Poppins-Light';
  font-size:20px;
}

.section1 .start-text{
  font-family:'Poppins-SemiBold';
  font-size:25px;
}


.section-1-text {
  text-align: center !important;
  margin-top: -20px;
}
.section1 .verline {
  border-left: 3px solid white; /* Adjust color and thickness as needed */
  height: 30px; /* Adjust height as needed */
  margin:10px; /* Adjust spacing as needed */
  display: inline-block; /* Ensure it behaves as an inline element */
  vertical-align: middle; /* Align vertically with text */
}

.section2 .position-relative {
  position: relative !important;
  padding-bottom: 50px;
}

.section2 .scholarship {
  width: 200px;
  z-index: 1;
  position: absolute;
  bottom: 0px;
  right: 0px !important;
  transform: translate(0px, 50%);
}
/* .section2 {
padding: 10%;
background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/final_swirl.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;

} */
.section2 .free{
  font-family:'Poppins-Medium';
  font-size:24px;
  color:black;
}
.section2 .quote1{
  margin-right:20px;
}
.section2 .quote2{
  margin-left:20px;
}

.section2 .register{
  font-family:'Poppins-Regular';
  font-size:28px;
  color:white;
}
.register {
  background-image: linear-gradient(90deg, #070120, #482CBD, #462AB7, #0A0328);
  border: 2px solid #add8e6;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Inter-Bold;
  font-size: 28px;
  padding: 10px 35px;
  transform-origin: center center;
  transition: transform .5s ease-in, .5s ease-out;
  width: fit-content;
  margin: auto;
}

.register:hover {
  position: relative;
  transform: scale(1.1);
  transition: background-color .5s ease-in, .5s ease-out, color .5s ease-in, .5s ease-out;
}
.section2 .arrow{
  width:20%;
  margin-left:10px;
  width: 15%;
}
.section3 {
  padding: 100px;
  background-image: url(https://www.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/SEC3_BG-new.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 7% 0 0 0;
  padding-bottom: 0;
  margin-top:0px !important;
}
.section3 .parents-wish-video {
  margin: 5vw auto 0;
  max-width: 800px;
  /* display: flex; */
  border-radius: 10px;
  overflow: hidden;
}
.section3 .thumbnail{
  max-width:800px;
}
.section3 h1 {
  color: white;
  font-family: 'Inter-Regular';
  margin-bottom: 40px;
}

.section3 h3 {
  font-size: 40px;
  color: white;
  font-family: 'Inter-Regular';
  margin-bottom: 40px;
}

.section3 p {
  font-size: 25px;
  color: white;
  font-family: 'Inter-Regular';
}
.section3 span{
  font-family:'Inter-Bold';
}
.section3 .clip {
  width: 12%;
  position: relative;
  top: -30px;
}
.section3 h2 span{
  font-family:'Poppins-Bold';
  color:white;
  font-size: 25px;
}
.section3 .videoDiv {
  max-width: 800px;
  margin: auto;
}
.section3 h2{
  font-family:'Poppins-Regular';
  color:white;
  font-size: 25px;
  margin: 0px !important;
  border: 2px solid white;
  padding: 30px;
  border-radius: 20px;
}
.section3 img.img-fluid.ai_green {
  width: 15%;
  margin-top: -161px;
  margin-right: 14px;
}
.white_border {
  margin: auto;
  max-width: 800px;
}

.section3-2 {
  background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/final_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 100px;
  margin-top:0px
}
img.img-fluid.results {
  cursor: pointer;
  transform-origin: center center;
  transition: transform .5s ease-in, .5s ease-out;
}
img.img-fluid.results:hover {
  transform: scale(1.1);
  transition: .5s ease-in,.5s ease-out;
}
.than_des{
  line-height:2.5;
}
.section3-2 h2.Xplorer {
  color: #5B5B5B;
  font-family: 'Poppins-Bold';
  /*   padding-top: 44px; */
  font-size: 35px;
  margin-bottom: 0px;
}
.section3-2 h2.Xplorer {
  color: #5B5B5B;
  font-family: 'Poppins-Bold';
  /*   padding-top: 44px; */
  font-size: 35px;
  margin-bottom: 0px;
  padding-bottom: 14px;
}

img.img-fluid.underline {
  left: 50%;
  position: absolute;
  bottom: 0;
  transform: translateX(-56%);
  /* width: 198px; */
}
img.img-fluid.underline1 {
  left: 33%;
  position: relative;
  bottom: 27px;
  transform: translateX(-56%);
  /* width: 198px; */
  width:66%;
}
img.img-fluid.underline2 {
  left: 18%;
  position: relative;
  bottom: 27px;
  transform: translateX(-56%);
  /* width: 198px; */
  width:66%;
}
h3.text-center.form-header {
  font-size: 2.5em;
}
.section3-2 p{
  font-family:'Poppins-Medium';
  font-size:28px;
  color: #5B5B5B;
  margin-top: 20px;
} 
.section4 {
  background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/final_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 100px;
  margin-top:0px
}

.section11 img.img-fluid.up_brac {
  position: absolute;
  left: 42%;
  transform: translateX(50%);
  /* top: 0; */
  width: 30%;
}
.than_des{
  line-height:2.5;
}
.section4 h2.Xplorer {
  color: #5B5B5B;
  font-family: 'Poppins-Bold';
  /*   padding-top: 44px; */
  font-size: 35px;
  margin-bottom: 0px;
}
.section4 h2.Xplorer {
  color: #5B5B5B;
  font-family: 'Poppins-Bold';
  /*   padding-top: 44px; */
  font-size: 35px;
  margin-bottom: 0px;
  padding-bottom: 14px;
}


h3.text-center.form-header {
  font-size: 2.5em;
}
.section4 p{
  font-family:'Poppins-Medium';
  font-size:28px;
  color: #5B5B5B;
  margin-top: 20px;
}
.section5 {
  padding: 10% 0 0 0;
  background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/group_photo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 10% 0 0 0;
}
.section5 h2 {
  font-family: 'Poppins-Medium';
  color: white;
  FONT-SIZE: 40px;
}
.cat-cards {
  margin-top: 6rem !important;
  column-gap: 64px;
}

.section5 .card1 {
  background-color: white;
  width: auto;
  padding: 4% 3%;
  font-family:'Poppins-Regular';
  font-size:24px;
  border-radius: 10px;
  color:#353535;
  position: relative;
}
.section5 .card1 span{
  font-family:'Poppins-SemiBold';
  font-size:24px;
}
.section5 .card1.rounded-top-left {
  border-top-left-radius: 20px; 

}
.section5 .card1::before {
  content: attr(data-number);
  position: absolute;
  top: -15px;
  left: -15px;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  border: 2px solid black;
  color: black;
  text-align: center;
  font-size: 18px;
  font-family: 'Inter-Bold';
  align-content: space-evenly;
  background-color:#E6DAEC;
}

.section6 table.data {
  max-width: 900px;
  overflow: hidden;
  /*   width: 75%; */
  box-shadow: 0px 0px 10px 18px #E3E7F2;
  position: relative;
  /*   top: -76px; */
  border-radius: 49px;
  border: 2px solid black;
}
.col-sm-10.mx-auto.table-heading {
  max-width: 900px;
}

.table-parent {
  position: relative !important;
  max-width: 1100px;
  padding: 50px;
}
img.table_calender {
  top: -0;
  right: 0;
  position: absolute;
  width: 15%;
}
.section6 th {
  padding: 2em;
  /*   background: #427CC9; */
  border: 1px solid black! IMPORTANT;
  font-family:'Poppins-SemiBold';
  color:#505050!important;
  font-size: 28px;
}
.section6 td {
  padding: 1em;
  /*   background: #F55D4840; */
  border: 1px solid black ! IMPORTANT;
  font-family:'Poppins-Regular';
  font-size: 25px;
  text-align: center;
}
.section6 table {
  border-collapse: collapse;
  /*   border-radius: 1em; */
  overflow: hidden;
  margin: auto;
}
.section6 p {
  font-size: 25px;
  font-family:'Poppins-Regular';
}
.section6 h3 {
  font-size: 32px;
  font-family:'Poppins-Medium';
  font-weight:bold;
}
.section6 img.img-fluid.table_calender.offset-md-8 {
  z-index: 1;
  position: relative;
}
.section7 {
  padding: 6%;
  background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/section7_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 10% 0 0 0;
}
.section7 .container{
  position:relative;
}
.section7 .why{
  font-family:'Poppins-SemiBold';
  font-size:32px;
  color:white;
}
.section7 .arrow{
  position: relative;
  left: 17%; 
  width: 15%;
}
.section7 h3{
  font-family:'Poppins-SemiBold';
  font-size:32px;
  color:white;
}
.section7 p{
  font-family:'Poppins-Regular';
  font-size:25px;
  color:white;
}
.section7 .r2,.section7 .r4{
  text-align:end;
}
.section8 h3{
  font-family:'Poppins-Bold';
  font-size:32px;

}
.section7 .trophy{
  position:absolute;
  /*   top:-200px; */
  width:15%;
}
/* .section8 .container{
margin-top: -200px;
} */
.section8 p{
  color:#333333;
  font-family:'Poppins-Medium';
  font-size:25px;
}
.section8 .prize1{
  color:#424242;
  font-size:20px;
  font-family:'Poppins-Medium';
  text-align: center;
}
.section8 .round {
  background-color: white;
  border: 2px solid white;
  box-shadow: 20px 20px 20px 20px whitesmoke;
  border-radius: 20px;
  width: 80%;
  justify-content: center;
  margin: auto;
  position:relative;
  padding:15px;
}
.section8 img.img-fluid.prize {
  width: 23%;
}
.section8 img.img-fluid.coupon.my-3 {
  width: 80%;
}
.section8 img.gift-box {
  width: 15%;
  position: absolute;
  bottom: -79px;
  right: -44px;
}
.section8 .scholarship{
  font-family:'Poppins-Light';
  font-size:16px !important;
}
.section8 h4{
  font-family:'Poppins-Medium';
  font-size:18px;
}
.section9 .join{
  font-family:'Poppins-Regular';
  font-size:28px;
}
.section9 .join span{
  font-family:'Poppins-Bold';
  font-size:28px;
}
.section10 {
  padding: 6%;
  background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/section10_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 10% 0 0 0;
}
.section10 .cal {
  top: 0;
  position: absolute;
  width: 20%;
  right: 0;
  transform: translateY(-50%);
}
.section10 li{
  color:white;
  font-size:24px;
  font-family:'Poppins-SemiBold';
}
.section10 li span{
  color:white;
  font-size:24px;
  font-family:'Poppins-Regular';
}
.section10 .dates{
  font-family:'Poppins-Medium'!important;
  font-size:22px;
  background-color:#F3F3F3;
  border:2px solid #001532;
}
.section10 .dates {
  font-family: 'Poppins-Medium' !important;
  font-size: 35px;
  background-color: #F3F3F3;
  border: 2px solid #001532;
  display: inline-block;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  top: -100px;
  font-weight: 600;
}
.section10 .cal {
  top: 0;
  position: absolute;
  width: 20%;
  right: 0;
  transform: translateY(-50%);
}

ul.imp-dates {
  margin-top: -50px;
}
.section11 .hand span{ 
  font-size:28px;
  font-family:'Poppins-Bold';
  color:#2D2D2D;
}
.section11 .hand{ 
  font-size:28px;
  font-family:'Poppins-Regular';
  color:#5B5B5B;
}
.section11 .robo-text {
  width: 50%;
  margin: auto;
}
.section12 {
  padding: 6%;
  background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/sec12_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 10% 0 0 0;
}
.section12 p{
  font-size:28px;
  font-family:'Poppins-Regular';
  color:#F4F4F4;
}
.section12 p span{
  font-family:'Poppins-Bold';
  font-size:28px;
}
.section13 .c2 {
  background-color: white;
  width: auto;
  padding: 4% 3%;
  font-family:'Poppins-Regular';
  font-size:24px;
  border-radius: 20px;
  color:#353535;
  border:2px solid #372F5C;
  box-shadow: 0px 2px 0px 2px #372F5C;
}
.section13 .card-white{
  column-gap: 6px;
  text-align: center;
  margin-top: 7%;
  margin-right: 10px;

}
.section13 .c2 span{
  font-family:'Poppins-SemiBold';
  font-size:24px;
}
.section13 .c2 {
  position: relative;
  top: -100px;
}
.section13 .world{
  width:60%;
}
.section14 .back
{
  background-color:#F4F4F4;
  border-radius:20px;
  padding: 5%;
  line-height: 2;
}
.section14 .arrow{¯
  width:20%;
  margin-left:10px;
  width: 6%;
}
.section14 .unordered li{
  color:#3E3E3E;
  font-family:'Poppins-Medium'!important;
  /*   font-size:24px; */

  text-align:start;
}
.section14 .ordered li{
  color:#3E3E3E;
  font-family:'Poppins-Medium'!important;
  /*   font-size:24px;
  font-weight: bold; */
  text-align:start;
}
img.img-fluid.up_brac1 {
  position:relative;
  top:-45px;
}
.section14 h2.Xplorer {
  font-family:'Poppins-Bold';
  color:#5B5B5B;
}
.section14 p{
  font-family:'Poppins-SemiBold';
  color:#464646;
  font-size:24px;
  margin-top: -50px;
}
.section15 .dont{
  font-family:'Inter-Regular';
  font-size:24px;
}
.section15 .dont span{
  font-family:'Inter-Bold';
  font-size:24px;
}
.section16 h2{
  font-family:'Poppins-Regular';
  text-align:center;
  color:#5A5A5A;
}
.section16 h2.whoarewe, .section16 h2.whoarewe span {
  font-size: 40px;
}
.section16 span{
  font-family:'Poppins-Bold';
  font-size:32px;
  color:#5A5A5A;
}
.section16 p{
  font-family:'Poppins-Regular';
  font-size:28px;
  text-align:center;
  color:#5A5A5A;
}

.section16 p.student-text.mt-2 {
  font-family:'Poppins-Medium'!important;
  font-size:18px;
  color:#838383;
}

.section16 p.student-text.mt-2 span {
  font-family:'Poppins-Regular'!important;
  font-size:18px;
  color:#515151;
}

.section16 p.student-text.mt-5 {
  font-family:'Poppins-Medium'!important;
  font-size:18px;
  color:#838383;
}

.section16 p.student-text.mt-5 span {
  font-family:'Poppins-Regular'!important;
  font-size:18px;
  color:#515151;
}
.section16 p.student-text.mt-4 {
  font-family:'Poppins-Medium'!important;
  font-size:18px;
  color:#838383;
}
.section16 img.img-fluid.who12,.section16 img.img-fluid.who1{
  width:35%;
}

.section16 p.student-text.mt-4 span {
  font-family:'Poppins-Regular'!important;
  font-size:18px;
  color:#515151;
}
.section17 .faq{
  width:30%;
}
.section17 h4{
  font-family:'Poppins-Medium'!important;
  font-size:18px;
  font-weight:bold;

}
.section17 .rotate-arrow .bi-arrow-down-square {
  transform: rotate(180deg);
}
.section17 svg.bi.bi-arrow-down-square {
  position: absolute;
  right: 50px;
  transition: transform .3s;
}
.section17 .quest {
  color: unset;
  padding-bottom: 0;
  padding-left: unset;
  padding-top: 0;
  text-decoration: none;
}
.section17 p{
  font-family:'Poppins-Light';
  font-size:18px;

}
.section17 .blue_bg {
  background-color: #2000A9;
  padding: 25px;
  border-radius: 20px;
  color: white;
  position: relative; /* Set position to relative for proper absolute positioning */
}
.section17 .blue_bg::before {
  content: attr(data-number);
  position: absolute;
  top: -15px;
  left: -15px;
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  border: 2px solid black;
  color: black;
  text-align: center;
  font-size: 18px;
  font-family: 'Inter-Bold';
  align-content: space-evenly;
}
.whatsapp {
  width: 25%;
  border: 2px solid green;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 5px 3px 0px 0px green;
  transition: box-shadow 0.6s;
  background-color:white;
}
.whatsapp:hover{
  box-shadow: -10px 3px 0px 0px green !important;
}
@media(max-width:768px)
{


  .whatsapp{
    width:35%;
  }
}
@media(max-width:767px)
{
  .section3-2 .item {
    padding: 10px;
    margin: 16px;
  }
  .section3-2 .top{
    margin-top:50px;
  }
  .than_des{
    display:none;
  }
  .than_mob{
    display:block;
    line-height: 2.5;
    margin-top: -27px;
  }
  .whatsapp{
    width:45%;
  }
}
.section17 p{
  margin:0px!important;
}
.section17 button.btn.btn-link.quest.rotate-arrow {
  text-align: left;
}
.section14 h2.Xplorer {
  font-family: 'Poppins-Bold';
  color: #5B5B5B;
  font-size: 35px;
}

.section17 button.btn.btn-link.quest {
  text-align: left;
}
@media(max-width:1025px) {
  .section1 {
    padding: 0px 0px 100px;
  }
  .header-img-right img {
    width: 30%;
  }
  .section2 .scholarship {
    width: 200px;
  }
  .section8 img.gift-box {
    width: 15%;
    position: absolute;
    bottom: -54px;
    right: -44px;
  }
  .section11 img.img-fluid.up_brac {
    position: absolute;
    left: 37%;
    transform: translateX(50%);
    /* top: 0; */
    width: 30%;
  }
  .section13 .c2 {
    position: relative;
    top: -129px;
  }
}



@media(max-width:768px)
{  
  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
  }
  /*   .section3-2 .item {
  padding: 10px;
  margin: 10px;
  width: 90%;
} */

  .section-1-text {
    text-align: center !important;
    margin-top: 0px;
  }
  .header-img-right img {
    position: unset;
    bottom: 0px;
    right: 0px;
    transform: unset;
    width: 80%
  }
  .section2 .scholarship {
    width: 150px;
  }
  .section3 p, .section3 h2, .section3 h2 span, .section3 h1,.section6 th ,.section6 td,.section6 p,.section7 p,.section1 p,.section1 .footheading.py-3,.section8 h3 ,.section10 li,.section11 .hand ,.section12 p,.section15 .dont ,.section15 .dont span,.section16 h2 {
    font-size: 18px;
  }
  img.img-fluid.ai_green {
    width: 30%;
  }
  .section3 {
    padding: 10px;
    padding-top: 50px;
  }
  .section3-2 h2.Xplorer,.section3-2 p,.section4 h2.Xplorer,.section4 p,.section5 h2,.section6 h3,.section7 .why ,.section7 h3 ,.section8 h3 ,.section9 .join,.section16 span,.section16 p    {
    font-size: 22px;
  }
  .section6 img.img-fluid.table_calender.offset-md-8 {
    z-index: 1;
    position: relative;
    width: 15%;
    left: 100px;
  }
  .section7 {
    padding: 6%;
  }
  img.img-fluid.rocket {
    width: 65%;
  }
  .section8 img.gift-box {
    width: 19%;
    position: absolute;
    bottom: -54px;
    right: -44px;
  }
  .section8 .trophy {
    position: relative;
    top: -153px;
    width: 24%;
  }
  .section13 .world {
    width: 75%;
  }
  img.img-fluid.who12 {
    width: 30%;
  }
  img.img-fluid.who1 {
    width: 30%;
  }
  .section17 .faq {
    width: 50%;
  }
  .section16 h2.whoarewe, .section16 h2.whoarewe span {
    font-size: 29px;
  }
  .section11 .hand span {
    font-size: 21px;
    font-family: 'Poppins-Bold';
    color: #2D2D2D;
  }
  .section13 .c2 {
    position: relative;
    top: -117px;
  }
  .section13 .card-white {
    column-gap: 14px;
    text-align: center;
    margin-top: 7%;
    margin-right: 10px;
  }
  .section3 h3 {
    font-size: 30px;
    color: white;
    font-family: 'Inter-Regular';
    margin-bottom: 40px;
  }
  .section8 .prize1 {
    color: #424242;
    font-size: 17px;
    font-family: 'Poppins-Medium';
    text-align: center;
  }
  .section8 img.img-fluid.prize {
    width: 38%;
  }
  .section8 .scholarship {
    font-family: 'Poppins-Light';
    font-size: 18px !important;
  }
  .section9 .join span {
    font-family: 'Poppins-Bold';
    font-size: 22px;
  }
  .section10 .dates {
    font-size: 25px;
  }
  .section10 li span {
    font-size: 22px; 
  }
  .section12 p span {
    font-family: 'Poppins-Bold';
    font-size: 22px;
  }
  .section13 .c2 span {
    font-family: 'Poppins-SemiBold';
    font-size: 21px;
  }
  .section13 .c2 {
    font-size: 22px;
  }
  .section14 p {
    font-family: 'Poppins-SemiBold';
    color: #464646;
    font-size: 22px;
    margin-top: -50px;
  }
  .section14 h2.Xplorer {
    font-family: 'Poppins-Bold';
    color: #5B5B5B;
    font-size: 25px;
  }
  .thankyou-h2,h3.mb-3{
    text-align:start;
    font-size: 16px!important;

  }
}

@media(max-width:767px)
{
  .section17 svg.bi.bi-arrow-down-square {
    position: absolute;
    right: 20px;
    transition: transform .3s;
  }

  .section1 .percentile{
    width: 48%;
    padding-top: 7px;
  }
  .section1 .explore {
    width: 58%;
    margin: auto;
  }
  .section1 .header-img-right-mob {
    margin: auto;
    width: 71%;
    margin-bottom: 15px;
  }
  .section1 .cal, .section1 .icon {
    margin-right: 10px;
    background-color: unset;
    width: 5%;
  }
  .section1 .light-text {
    padding-top: unset !important;
    font-size: 14px;
  }
  .section1 .verline {
    border-left: 3px solid white;
    height: 17px;
    margin: 10px;
    display: inline-block;
    vertical-align: middle;
  }
  .section1 p {
    font-size: 18px;
    text-align:center;
  }
  .section1 .start-text {
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
  }
  .section1 .footheading.py-3 {
    color: white;
    font-size: 18px;
    text-align:center;
  }
  .section1 {
    padding:0px 0px;
  }
  .section2 {
    margin-top: 0px;
  }
  .section2 .register {

    font-size: 16px;

  }
  .section2 .free{
    font-size:16px;
  }
  .section3 {
    padding: 3%;
    padding-top: 30px;
  }
  .section3 .robo_why_img{
    align-self:end!important;
  }
  /*   .section3 .thumbnail {
  width: 85%;
} */
  .section3 img.img-fluid.ai_green {
    width: 30%;
    margin-top: -64px;
    margin-right: -8px;
  }
  .section3 h2 {
    padding: 12px;
  }
  .section3 h1,.section3 p,.section3 h2,.section3 h2 span,.section7 p ,.section10 li,.section15 .dont,.section16 span,.section6 td ,.section6 th ,.section6 td,.section6 p,.section8 h3 ,.section15 .dont span,.section8 p     {

    font-size: 16px;
  }
  /*   .clip{
  display:none;
} */
  .section3 .clip {
    width: 21%;
    position: relative;
    top: -15px;
  }
  img.img-fluid.ai {
    width: 25%!important;
    margin-left:0!important;
  }
  .section3 h1, .section7 .why,.section7 h3,.section9 .join,.section9 .join span,.section11 .hand,.section11 .hand span,.section12 p,.section12 span,.section16 p,.section6 h3,.section12 p span ,.section14 h2.Xplorer     {
    font-size:16px;
  }
  .section3-2 h2.Xplorer,.section3-2 p,.section4 h2.Xplorer, .section4 p, .section5 h2, .section6 h3, .section7 .why, .section7 h3, .section8 h3, .section9 .join, .section16 span, .section16 p {
    font-size: 16px;
  }
  /*   .section4 h2.Xplorer {
  padding-top: 25px;
} */
  .section4 {
    padding-top: 60px !important;
    padding: 12px;
  }

  .section4 .category{
    width:50%;
  }

  .section5 .col-sm-4.card1.rounded-top-left {
    margin-top: 50px;
  }
  .section6 .black-rock {
    width: 15%;
    padding-bottom: 10px;
    margin-left: 8px;
  }
  .section8 img.gift-box {
    width: 23%;
    position: absolute;
    bottom: -45px;
    right: -8px;
  }
  .section7 .rocket {
    /*     width: 30%!important; */
    margin-bottom: 15px;
  }
  .section7 .trophy {
    position: absolute;
    /* top: -200px; */
    width: 23%;
    bottom: -42px;
  }
  .section11 .hand-mechanic{
    align-self:center;
    padding-right;0px!important;
  }


  .section11 .hand-text{
    padding-left:0px!important;
  }
  .section11 .last-line{
    margin-top:1rem!important;
  }
  .section11 .middle-line{
    margin-top:1rem!important;
  }
  .section13 .world {
    width:100%;
  }
  .section13 .c2{
    font-size:16px;
    padding: 2% 3%;
  }
  .section13 .c2 {
    position: relative;
    top: -132px;
  }
  .section13 .c2 span {
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
  }
  .section13 .card-white{
    margin-bottom: -93px;
  }
  .section15 .col-sm-3,.section15 .col-sm-5  {
    text-align: -webkit-left;
  }
  .section16 h2 {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    text-align: center;
    color: #5A5A5A;
  }
  .section6 img.img-fluid.table_calender.offset-md-8 {
    z-index: 1;
    position: relative;
    left: 250px;
    width: 30%;
    top: -10px;
  }
  .section17 .faq {
    width: 65%;
  }
  .col-sm-10.blue_bg {
    width: 85%;
  }
  .section13 .c2{
    /*     width: 50%; */
    text-align: center;
    margin-top: 10%;
  }
  .section14 p {
    font-family: 'Poppins-SemiBold';
    color: #464646;
    font-size: 15px;
    margin-top: -13px;
  }
  .trophy{
    width:50%;
  }  
  .section6 table.data {
    width: 100%;
    border-radius: 49px;
    border: 2px solid black;
  }
  .section6 th,.section6 td  {
    padding: 1em;
  }
  .who1,.who12 {
    width: 25%;
  }
  .section2 .free {
    font-size: 16px;
  }
  .section16 .row.d-flex.justify-content-center.language,.section8 .round {

    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
  }
  .section8 .round {

    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
  }
  .section2 .quote2 {
    margin-left: 5px;
  }
  .section2 .quote1 {
    margin-right: 5px;
  }
  .section3,.section7 {
    border-radius:0px;
  }
  img.img-fluid.ai_green{
    width:50%; 
  }
  .white_border {
    margin-top: 50px;
  }
  .section6 .rocket-black{
    width: 17%;
    padding-bottom: 10px;
    padding-left: 11px;
  }
  .section7 .arrow {
    width: 30%;
    left: 41%;
  }
  .section7 .whiteline {
    width: 97%;
  }
  .section7 {
    padding: 6%;
  }
  .section7 .r1,.section7 .r2 ,.section7 .r3 ,.section7 .r4  {
    margin-top: 1em !important;
  }
  .section11 .robo-text {
    width: 80%; 
    margin: auto;
  }
  .table-parent {
    position: relative !important;
    max-width: 1100px;
    padding: 29px;
    padding-top:0!important;
  }
  .section8 .prize1 {
    color: #424242;
    font-size: 11px;
    font-family: 'Poppins-Medium';
    text-align: center;
  }
  .section8 h4 {
    font-family: 'Poppins-Medium';
    font-size: 15px;
  }
  .section8 .scholarship {
    font-family: 'Poppins-Light';
    font-size: 16px !important;
  }
  img.img-fluid.prize {
    width: 51%;
  }
  /*   img.img-fluid.coupon.my-3 
  {
  width:50%;
} */
  .section8 .round {
    width: 100%;
    PADDING: 15PX;
  }
  .section8 .note{
    padding:8px;
  }
  .section9 .computer {
    width: 41%;
    margin-bottom: 20px;
  }
  .section9 .join{
    text-align: center;
    padding: 38px;
  }
  .section10{
    border-radius:0px;
  }
  .section10 .dates{
    top: -35px;
  }
  .section10 .cal {
    top: -50px;
    position: absolute;
    width: 40%;
    right: 15px;
  }
  .section10 .dates{
    padding:13px;
  }
  .section10 .dates,.section6 th {
    font-size: 16px;
  }
  .section10 li,.section10 li span{
    font-size:16px;
  }
  .section10 {
    padding: 3%;
  }
  .section11 .hand {
    text-align: -webkit-left;
  }
  .section11 img.img-fluid.up_brac {
    position: absolute;
    left: 26%;
    transform: translateX(50%);
    /* top: 0; */
    width: 30%;
  }
  .section12,.section14 .back  {
    padding: 3%;
  }
  .section12 .comp-robot{
    align-self:center;
  }
  p.ai {
    margin-top: 50px;
  }
  .section13 .register{
    font-size:16px;
    padding: 0px 35px;
  }
  .section14 img.img-fluid.up_brac1 {
    position: relative;
    top: -27px;
    width: 73%;
  }
  .section16 p.student-text.mt-5 {
    margin-top: 2rem !important;
  }
  .section2 .scholarship {
    width: 105px;
  }
  .section1 {

    background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/Group%2084.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .section14 .arrow {
    margin-left: 10px;
    width: 11%;
    margin-top: -40px;
  }
  .section14 p {
    font-family: 'Poppins-SemiBold';
    color: #464646;
    font-size: 13px;
    margin-top: -13px;
  }
  .section14 h2.Xplorer.pt-3 {
    font-size: 18px!important;
  }
  .section15 .register{
    padding: 0px 35px;
    font-size:16px;
  }
  .section16 h2.whoarewe, .section16 h2.whoarewe span {
    font-size: 25px;
  }
  .section16 img.img-fluid.who12, .section16 img.img-fluid.who1 {
    width: 15%;
  }
  .header-img-right img {
    display: none;
  }
  .header-img-right-mob img {
    display: block;
  }
  .section10 .cal {
    top: 0px;
    position: absolute;   
    width: 32%;
    right: 0;
  }

  .cat-cards {
    margin-top: 2rem !important;
    column-gap:36px;
  }
  .section17 h4 {   
    font-size: 16px;
  }
  .section17 p {
    font-size: 16px;
  }
  .section8 .trophy {
    position: relative;
    top: -108px;
    width: 24%;
  }
  .section5 .card1::before {
    content: attr(data-number);
    position: absolute;
    top: -15px;
    left: -15px;
    width: 50px;
    height: 50px;
  }
  .section5 .card1 span {
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
  }
  .section5 .card1 {
    font-size: 16px;
    padding: 4% 5%;
  }
  .section16 img.img-fluid.who1 {
    margin-right: 30px;
  }
  img.img-fluid.who12 {
    margin-left: 25px;
  }
  .section6 td{
    font-size:13px;
  }
  .thankyou-h2 {
    text-align: -webkit-center;
    display:unset;
    font-size: 13px;
    color:black;
  }
  /*   .thank-you-footer{
  text-align: start!important;
} */
}
@media (max-width:500px){

  .section1{
    background-image:url(https://www.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/mobile-bg-new-wp.webp)!important;
    background-size:contain!important;
    background-position:unset!important;
  }
  .section1 .explore {
    width: 58%;
    /* margin: auto; */
    margin-left: 11vw;
  }
  .section1 .header-img{
    display:unset!important;
  }
  .section3 .clip {
    width: 21%;
    position: relative;
    top: -15px;
  }
  img.img-fluid.ai {
    width: 25%!important;
    margin-left:0!important;
  }
  .section10 .dates{
    top: -35px;
  }
}
@media(max-width:426px){
  .section3 h3 {
    font-size: 16px;
  }
  /*   img.img-fluid.ai {
  width: 25%!important;
}
  */
  img.img-fluid.underline,img.img-fluid.underline1 {
    width: 75%;
  }
  img.img-fluid.underline2 {
    width: 60%;
  }
  .section5 .col-sm-4.card1.rounded-top-left {
    margin-top: 50px;
    padding-left: 40px;
  }

  .col-sm-10.mx-auto.table-heading {
    padding-left: 30px;
  }
  img.table_calender {
    top: 3px;
    right: 20px;
  }

  .section8 .container .text-center {
    margin-top: 60px;
  }
  ul.imp-dates {
    margin-top: -20px;
  }

}

@media(max-width:375px)
{
  .section2 .free {
    font-size: 15px;
  }
  .section2 .scholarship {
    width: 80px;
  }
  .thankyou-h2, h3.mb-3 {
    text-align: center!important;
    font-size: 14px !important;
    line-height: 2.5;
  }
}
@media(max-width:320px)
{
  .thankyou-h2, h3.mb-3 {
    text-align: center!important;
    font-size: 16px !important;
    line-height: 2.5;
  }
  .section6 img.img-fluid.table_calender.offset-md-8 {
    z-index: 1;
    position: relative;
    left: 210px;
    width: 30%;
    top: -10px;
  }
  .section6 td,.section6 th {
    font-size: 14px;
  }
  section.section8 {
    margin-top: 150px;
  }

  img.img-fluid.coupon.my-3 {
    width: 75%;
  }
  .section8 .prize1 {
    color: #424242;
    font-size: 13px;
  }
}
@media(min-width:1450px)
{
  .section1 {
    padding: 50px 0px 180px;
    background-image: url(https://pages.98thpercentile.com/hubfs/Ai%20Explorer%202024/Images/Group%2084.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
}
/* thankyou */
.thankyou.explore {
  width: 75%;
}
@media(max-width:767px){
  .thankyou.explore {
    width: 60%;
    margin-left: 19vw;
  }
  .thankyou2.explore {
    width: 55%;
    margin-left: 19vw;
  }
}


/*Slider Classes*/
.cascade-slider_container {
  position: relative;
  width: 100%;
  height: 250px;
  margin: 25px auto;
  padding-top: 150px;
  overflow-x: hidden;
}
.cascade-slider_item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.3);
  transition: all 1s ease;
  /*   opacity: 0; */
  z-index: -1;
  text-align: center;
}
.cascade-slider_item.next {
  left: 50%;
  transform: translateY(-50%) translateX(-135%) scale(0.8);
  filter: brightness(85%);
  opacity: 1;
  z-index: 1;
}
.cascade-slider_item.prev {
  left: 50%;
  transform: translateY(-50%) translateX(35%) scale(0.8);
  filter: brightness(85%);
  opacity: 1;
  z-index: 1;
}
.cascade-slider_item.now {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
  z-index: 5;
}
.cascade-slider_arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 5;
}
.cascade-slider_arrow-left {
  left: 20px;
}
.cascade-slider_arrow-right {
  right: 20px;
}
.cascade-slider_arrow-left img {
  height: 40px;
  left: 40px;
}
.cascade-slider_arrow-right img {
  height: 40px;
  left: 40px;
}
.cascade-slider_nav {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  z-index: 5;
}
.cascade-slider_dot {
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 1px solid #4196EF;
  margin: 3px;
  transition: all 0.5s;
  background: none;
  list-style: none;
  cursor: pointer;
  border-radius: 50px;
}
.cascade-slider_dot:hover {
  background: #2c8fab;
}
.cascade-slider_dot.cur {
  background: #2c8fab;
  width: 17px;
  height: 17px;

}

/*Profile card classes*/
.card{
  background-color:#fff;
  color:#243C82;
  width:450px;
  height:215px;
  border-radius:20px;
  transition: all 1s 0s;
  vertical-align: middle;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.photo{    
  width:50%;
  vertical-align: middle;
  display:inline;
}
.photo img{
  transform:translateY(-35px) translateX(-10px);

}
.info{
  display:inline-block;
  width:50%;
  height:100%;
  text-align:center;
}
.info h2{
  font-family:'Roboto';
  text-transform:uppercase;
  font-size: 26px;
  color: #4196EF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.subtitle{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 98%;
  text-align: center;
  letter-spacing: 0.055em;
  color: #243C82; 
}
.content{
  font-family: Roboto;
  font-weight: 300;
}
.button{
  transform:translateX(23px) translateY(15px);
  position:absolute;
  padding:12px 17px;  
  border-radius:30px;
  color:#fff;
  font-size:13px;
  font-weight:500;
  text-transform:uppercase;
  text-decoration:none;
  background-color:#243C82;
}

@media (max-width: 768px) {
  .cascade-slider_item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.3);
    transition: all 1s ease;
    /*     opacity: 0; */
    z-index: -1;
    text-align: center;
  }
  .cascade-slider_item.next {
    left: 50%;
    transform: translateY(-50%) translateX(-90%) scale(0.4);
    filter: brightness(70%);
    opacity: 1;
    z-index: 1;
  }
  .cascade-slider_item.prev {
    left: 50%;
    transform: translateY(-50%) translateX(-10%) scale(0.4);
    filter: brightness(70%);
    opacity: 1;
    z-index: 1;
  }
  .cascade-slider_item.now {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.6);
    opacity: 1;
    z-index: 5;
  }
  .cascade-slider_arrow-left img {
    height: 30px;
    left: 30px;
  }
  .cascade-slider_arrow-right img {
    height: 30px;
    left: 30px;
  }
  .cascade-slider_nav {
    display:none;
  }
}
@media (max-width: 767px) {
  .cascade-slider_item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.3);
    transition: all 1s ease;
    /*     opacity: 0; */
    z-index: -1;
    text-align: center;
  }
  .cascade-slider_item.next {
    left: 50%;
    transform: translateY(-50%) translateX(-80%) scale(0.3);
    filter: brightness(70%);
    opacity: 1;
    z-index: 1;
  }
  .cascade-slider_item.prev {
    left: 50%;
    transform: translateY(-50%) translateX(-20%) scale(0.3);
    filter: brightness(70%);
    opacity: 1;
    z-index: 1;
  }
  .cascade-slider_item.now {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.5);
    opacity: 1;
    z-index: 5;
  }
  .cascade-slider_arrow-left img {
    height: 30px;
    left: 30px;
  }
  .cascade-slider_arrow-right img {
    height: 30px;
    left: 30px;
  }
  .cascade-slider_nav {
    display:none;
  }

}


.carousel-inner {
  perspective: 1000px;
}

.carousel-item {
  transition: transform 1.2s ease-in-out, box-shadow 1.2s ease-in-out;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: rotateY(-25deg) scale(0.9);
}

.carousel-item-next.carousel-item-right,
.carousel-item-prev.carousel-item-left {
  transform: rotateY(25deg) scale(0.9);
}

.carousel-item.active {
  transform: rotateY(0deg) scale(1.05);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.carousel-item img {
  border-radius: 10px;
}