@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')

@font-face {
  font-family: Montserrat Bold;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Spell%20kahoot%206%202023/Spell%20kahoot%206.0%20fonts/BebasNeue%20Bold.otf);
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Spell%20kahoot%206%202023/Spell%20kahoot%206.0%20fonts/Poppins-SemiBold.ttf);
}
@font-face {
  font-family: Lato-Light;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Spell%20kahoot%206%202023/Spell%20kahoot%206.0%20fonts/Lato-Light.ttf);
}
@font-face {
  font-family: Poppins-Bold;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Spell%20kahoot%206%202023/Spell%20kahoot%206.0%20fonts/Poppins-Bold.ttf);
}
@font-face {
  font-family: Poppins-Regular;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Spell%20kahoot%206%202023/Spell%20kahoot%206.0%20fonts/Poppins-Regular.ttf);
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');

@font-face {
  font-family: Lato-Bold;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Spell%20kahoot%206%202023/Spell%20kahoot%206.0%20fonts/Lato-Bold.ttf);
}

/* latin-ext */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v10/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v10/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* LondrinaSolid */
@font-face {
  font-family: 'Londrina Solid';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Smart%20Math%20Olympiad/SMO%20fonts/LondrinaSolid-Black.ttf) ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Londrina Solid';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Smart%20Math%20Olympiad/SMO%20fonts/LondrinaSolid-Light.ttf) ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter Tight */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Smart%20Math%20Olympiad/SMO%20fonts/InterTight-Regular.ttf) ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Smart%20Math%20Olympiad/SMO%20fonts/InterTight-Medium.ttf) ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'GrilledCheese';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/skill%20gap%20Placement%20test/skill%20gap%20placement%20test%20fonts/GrilledCheeseBTN.ttf) ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Gretaros Regular';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://pages.98thpercentile.com/hubfs/Website%20Images/skill%20gap%20Placement%20test/skill%20gap%20placement%20test%20fonts/Gretaros-Regular.ttf) ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* General CSS CLasses */

*{
  font-family:"poppins-semibold";
}

h1{
  font-family:"poppins-semibold";
}

.math-p {
  font-family: "poppins-bold", roboto!important;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.math-red {
  color: #FE4646;
}
.math-red-20 {
  color: #FE464650;
}
.math-blue {
  color: #0100AD;
}
.math-blue-20 {
  color: #0100AD50;
}
.math-darkblue {
  color: #1B1464;
}
.math-yellow {
  color: #FFDB4F;
}
.col-orange {
  color: #F55D48;
}
.math-lpurple {
  color: #9681EA;
}
.math-yellow {
  color: #f78c00;
}
.math-green {
  color: #008080;
}

.col-darkPink {
  color: #2b192e;
}

.col-lildarkPink {
  color: #740287;
}

.col-red {
  color: #E8372D;
}

.col-ornage {
  color: #FF6939;
}

.col-blue{
  color: #11209F;
}

/* .bg-red{
  background-color: #FE4646!important;
} */

.bg-blue-1{
  background-color: blue!important;
}

.bg-green{
  background-color: #9EC54D!important;
}

.bg-purple{
  background-color: #73235C!important;
}

.bg-redish{
  background-color: #BA2B33!important;
}

.bg-lightblue{
  background-color: #59A3BE!important;
}

.bg-orange{
  background-color: #F55D48!important;
}

.bg-light-orange{
  background-color: #F55D4840!important;
}
/* .bg-blue{
  background-color: #0100AD!important;
} */

.bg-red{
  background-color: #E8372D!important;
}

.bg-bg-blue{
  background-color: #025BC8 !important;
}

.bg-yellow{
  background-color: #F7F0B570!important;
}

.bg-pink-1{
  background-color: #FBD4F430!important;
}

.bg-white{
  background-color: #FFF!important;
}

.MonBold{
  font-family: 'Montserrat','Poppins';
}


.btn-link:hover {
    color: #5DBCFF;
}

h2 {
  font-family: "Poppins", roboto;
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 700;
}

h3 {
  font-family: "Gretaros Regular", roboto;
  text-transform: uppercase;
  font-size: 24px!important;
  line-height: 1.3em;
  font-weight: 400;
}

h3 b{
  font-family: "Gretaros Regular", roboto;
}

h3 span {
  font-size: 35px;
  font-family: "Gretaros Regular", roboto;
}

h4 {
  font-family: "Poppins", roboto;
  font-size: 20px;
  line-height: 1em;
  font-weight: 500;
}

/* span {
font-family: "Poppins", roboto;
line-height: 1.3em;
text-transform: uppercase; 
} */

li {
  font-family: "Poppins", roboto;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin-bottom: 20px;
}

h3.thin-thick {
  font-weight: 400;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.pc{
  display:block;
}

.pc-inline{
  display:inline-block;
}

.mob{
  display:none;
}

.mob-tab{
  display:none;
}

.tab{
  display:block;
}

h3.thin-thick {
  font-weight: 400;
}


.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.overflow-scroll {
  overflow:scroll;
}

.nav-item {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0px;
}

section {
  margin-top: 75px;
  text-align: center;
}

/* Section 1 */

/* .section-1{
padding:25px 0px 0px;
background-color: #F5F7FF;
} */

.section-1 {
/*   margin-top: 85px;
  padding: 25px 0 0px;  
  background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/skill%20gap%20Placement%20test/section%20first%20Bg%20new.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover; */
  /*   background-color:#ECEDFF; */
 
}

img.badge-top.p-absolute {
  max-width: 10%;
  top: 20px;
  right: 15px;
}

/* section.section-1.heading.p-relative {
  margin-top: 90px!important;
} */

.heading h1 {
  font-family: 'Londrina Solid','Bebas Neue', sans-serif;
  font-size: 100px;
  margin: unset !important;
  color: #025BC8;
}
.para {
  font-size: 22px;
  color: #F55D48;
  font-family: 'Inter Tight';
}

.section-1 .col-md-8.p-relative {
  padding-bottom: 65px;
}

.grades {
  color: #F9BC3F;
  font-weight: 800;
  font-family: GrilledCheese;
  font-size: 25px;
}
.grades {
  letter-spacing: 1px;
}

.section-1 .content {
  margin-top: -28px;
}

.row.mw {
  max-width: 300px;
  margin: auto;
}

.box {
  border-radius: 15px;
  display: inline-block;
  padding: 10px 15px;
  padding: 18px 30px;
}

.box.p-absolute {
  bottom: 0px;
  transform: translateY(50%);
  left: 37%;
  transition: all 0.3s;
}

.box:hover{
  color: #ed1f22!important;
  background-color: #fff!important;
}

.section-1 .mw-800 {
  max-width: 500px;
  margin-top: -65px!important;
}

img.zigzag-line {
  max-width: 20%;
}

img.circle-design.p-absolute {
  max-width: 17%;
  bottom: 0px;
  transform: translateY(66%);
  left: 75%;
}

/* section-2 */
.section-2 {
  margin-top: 0px;
  padding: 75px 0 0px;
/*   background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Smart%20Math%20Olympiad/Section%2002%20-%20bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover; */
  /*   background-color:#ECEDFF; */
}

.section-2 .container {
    padding: 15px 0px;
}
.section-2 p {
    font-size: 22px;
}

iframe.form-frame {
  width: 100%;
  height: 610px;
  overflow: auto;
  border-width: 0px;
}

img.heart, img.rhombus {
  width: 26px;
}

/* Section 3 */

.video-container {
  max-width: 800px;
  margin: auto;
  background: #EBECEE;
  padding: 18px 20px;
  border-radius: 15px;
}

.section-3 .skills .box.d-flex {
  min-height: 100px;
  justify-content: center;
}

.skills {
  max-width: 800px;
  margin: 1rem auto auto !important;
}

.embed-responsive.embed-responsive-16by9 {
  border-radius: 10px;
}

.row.align-items-center.justify-content-center.first-row {
  margin-bottom: 22px;
}

.section-3 h3 {
/*     font-size: 28px; */
/*     color: #025BC8; */
}

.section-3 .subHeading {
    font-size: 22px;
}

.section-3 img.ball.ball-3.p-absolute {
    top: 0px;
    right: 10px;
    width: 70px;
}

.section-3 img.ball.ball-7.p-absolute {
    right: 105px;
    top: 100px;
    width: 40px;
}

.section-3 img.ball.ball-2.p-absolute {
    left: 100px;
    top: 80px;
    width: 30px;
}

section.section-3 {
/*   margin-top: 30px; */
   margin-top:0px;
}
.section-3 .tab.p-relative {
    margin-bottom: 100px;
}
.section-3 .content {
  max-width: 800px;
  margin: auto;
}

img.p-absolute.img-left {
  max-width: 15%;
  bottom: 0;
  left: 0;
  z-index: -10;
}

img.p-absolute.img-right {
  max-width: 19%;
  right: 0px;
  bottom: 0px;
  z-index: -10;
}

.outer-map-description {
  /* border-radius: 50%; */
  border-radius:0px;
  display: table;
  height: 175px;
  left: 50%;
  padding: 25px;
  position: absolute;
  bottom: 0px;
  width: 14vw;
  transform: translate(-50%, 55%);

}
.bg-default {
  background-color: unset;
}

/* Section 4 */

.section-4 {
/*   background-color: #ECF4F6;
  margin: 0;
  padding: 47px 0; */
}

/* Section 5 */

section.section-5 img.grades, section.section-5 .content {
  max-width: 800px;
  margin:auto;
}

section.section-5 img.grades{
  width: 100%;
}

.title {
  border: 1px solid;
  border-radius: 10px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
}
.topics-box {
  background-color: #ECF4F6;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  min-height: 100px;
  margin-top: 14px;
}

section.section-5 {
  margin-bottom: 50px;
}


/* Section 6 */

.section-6 .bg{
  margin: 0px auto 1rem;
  padding: 25px;
  background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/skill%20gap%20Placement%20test/sec-8-bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  max-width: 800px;
/*   min-height: 325px; */
}

.section-6 p {
  /* color: #597392; */
  font-size: 13px;
  text-align: center;
}

.inline-tras-ele {
  display: inline;
  margin: 20px 3px;
  padding: 7px 15px;
  border-radius: 5px;
  border: 2px solid;
}

/*section-8*/

.section-8{
  margin: 0px ;
  padding: 25px 0px;
  background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/skill%20gap%20Placement%20test/section-6-bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-8 .before-content {
  font-size: 24px;
  font-weight: 600;
}


/*  section-11*/

.section-11{
  margin-top: 0px;
  padding: 50px 25px 25px;
  background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Smart%20Math%20Olympiad/promo-bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
section.section-11 {
  margin-top: 0!important;
}

/* Section 17 */
.section-17 {
  margin-top: 0px;
  padding: 70px 0px 0px;
/*   background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Spell%20kahoot%206%202023/halfnhalf-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; */
/*   position: relative; */
}

.section-17-container {
  background-color: white;
  padding: 25px;
  border-radius: 35px;
  border: 1px solid #5956BD;
}

h3.text-white.pt-3.text-left {
  padding-bottom: 70px;
}
img.sec-17-img.sec-17-img-1 {
  width: 160px;
  position: absolute;
  bottom: -110px;
}
img.sec-17-img.sec-17-img-2 {
  width: 190px;
  position: absolute;
  right: 10px;
  bottom: -120px;
}

/* h2.accordion-header {
  font-family: 'Lato-Bold'; */
}

.accordion-body.text-justify {
  font-family: 'Lato-Regular';
}

.section-17-content.text-left {
  font-family: 'Lato-Regular';
}

img.img-fluid.accodian-img {
  margin-top: 50px;
}

/* section -18*/


/* Section 7 */
.section-7 {
  margin: 75px 0px;
  /* padding: 35px 0px; */
  position: relative;
  /*   background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Comics_Images_2022/comix-2022-img-2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; */
}

img.section-7-img {
  position: absolute;
  left: 0;
  top: 35px;
  width: 300px;
}

.section-7 h3 span {
  font-family: 'Poppins';
  font-size: inherit;
}

.math-sec-7-div {
  background-color: #fff;
  border-radius: 20px;
  padding: 10px;
  border: dashed red 3px !important;
  margin: 10px;
}
.section-18-header-section, .section-18-content {
  font-family: 'Lato-Regular';
}

section.section-7 p {
/*   font-family: 'Lato-Regular'; */
}

.img-fluid.promo-img {
  max-width: 40%;
  height: auto;
}

/* img.img-fluid.coding {
  width: 49%;
} */

img.img-fluid.eng {
  max-width: 57%;
}

/*  commmon bg */

.wavy-pattern img {
  margin-bottom: -20px;
}

.section-14{
  margin-top: 0px;
  padding: 25px 0 0px;  
  background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Smart%20Math%20Olympiad/bg-faq-only.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Section 10 */
.section-10 {
  margin-top: 0px;
  padding: 70px 0px;
}

section.section-10 {
  background-color: #EDF5F7;
}
section.section-10 {
  background-color: #EDF5F7;
  margin-bottom: -20px;
}


/* Section 12 */


/* Section 13 */
section.section-13 {

}

.math-sec-13-heading {
  position: relative;
}

.math-sec-13-heading h2 {
  position: absolute;
  top: 38%;
  left: 38%;
  color: #ff0000;
}


.last-section-bg {
  margin-top: 0px;
  background-image: url(https://pages.98thpercentile.com/hubfs/Website%20Images/Reel%20It/Group%20975.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top:75px;
}

.participate{
 margin-top:unset;
}

section.section-13 li {
  font-family: 'Lato-Regular';
  font-size: 18px;
}



/* Section 14 */

/* .section-14 h3 {
  background-color: #e9ecff;
  border-radius: 6px;
  font-family: Lato-Regular;
  padding: 6px;
  display: inline-block    
} */
.section-14{
  margin-top:0px;
}

.section-14 h5.mb-0 {
  font-family: Lato-Bold;
}

.section-14 .card-body p {
  font-family: Lato-Bold;
  color:#6b6b6b;
}

.participate h4 {
  font-family: 'Lato-Regular';
}

p.math-orange {
  font-family: 'Lato-Bold';
}

/* p.faq-p {
  font-family: 'Lato-Regular';
} */

/* p.faq-p {
  background-color: #E9ECFF;
  padding: 6px;
  display: inline-block;
  border-radius: 6px;
  color: #808080;
} */

.grey-bg {
  background-color: #F7F9F8;
  border-radius: 15px;
  padding: 40px 40px;
}

.FAQ .btn-link {
  font-weight: 400;
/*   color: Black!important; */
  text-decoration: none!important;
}

.btn-check:focus+.btn, .btn:focus {
  outline: unset!important;
  box-shadow: unset!important;
}

/* Section 15 */

.floatingButtonWrap{
  display:none !important;
}

/* thank you page */

.successful b {
  font-size: 30px;
  font-family: 'Londrina Solid';
}

@media (max-width: 2430px)
  .outer-map-description {
    width: 20vw;
}

@media (max-width: 2000px) {
  .outer-map-description {
    width: 22vw;
  }
}

@media (max-width: 1920px) {
  .outer-map-description {
    width: 21vw;
  }
}

@media (max-width: 1440px) {
  .outer-map-description {
    width: 25vw;
  }
}


@media (max-width: 1024px) {

  img.protactor {
    margin-bottom: -14px;
  }

  .img-fluid.back2School {
    max-width: 100%;
    height: auto;
  }

  img.img-fluid.coding {
    width: 69%;
  }

  .section-5 h3 {
    top: 60px;
    left: 7vw;
  }
  
  .animated-girl.p-absolute {
    bottom: 0px;
    left: 0px;
    max-width: 11%;
  }
  .animated-boy.p-absolute {
    right: -20px;
    bottom: 0px;
    max-width: 15%;
  }

  .heading h1.heading-h1 {
    font-size: 80px;
  }

  .text.mt-3 {
    font-size: 15px;
  }

  .section-4 .content {
    margin: 10px!important;
    padding: 15px;
    min-height: 220px;
  }

  .section-6 .bg {
    min-height: 330px;
  }

  img.section-7-img {
    max-width: 20%;
  }

  li {
    font-size: 16px;
  }

  .nav-item {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .navbar-nav {
    margin-left: 0px;
  }
  .outer-map-description {
    height: 175px;
    left: 50%;
    bottom: 0px;
    width: 36vw;
    transform: translate(-50%, 50%);
  }
}

@media (max-width: 769px) {
  
  .heading {
    margin-top: 80px!important;
  }
  .section-1 .col-md-8.p-relative {
    padding-bottom: 25px;
  }
  .section-1 .mw-800 {
    max-width: 325px;
  }
  .box.bg-red.text-white {
    padding: 10px 20px;
    font-size: 12px;
    border-radius: 12px;
  }
  .box.p-absolute {
    left: 34%;
  } 
  
  img.backToSchool.img-fluid {
    max-width: 70%;
  }
  
  .header-img.img-fluid {
    max-width: 130%;
    height: auto;
  }
  
  .section-3 .content h5 {
    top: 110px;
  }
  
  .math-p {
    font-size: 16px;
    margin: unset !important;
    /* padding: 0 !important; */
  }

  .front-box {
    min-height: 311px;
  }
  
  section.section-6 {
    padding: 30px;
  }
  
  img.small-img.mr-1 {
    width: 9%;
  }
  
  img.small-img.ml-1 {
    width: 9%;
  }
  
  .section-3 .box.border-color.math-blue {
    min-height: 96px;
  }
  
  section.section-6 {
    padding: 30px;
  }

  img.section-7-img {
    width: 30%;
  }

  .section-8-top {
    font-size: 25px;
  }

  .section-8-header.mb-3 {
    font-size: 20px;
  }

  li {
    font-size: 16px;
  }

  ol {
    padding: unset;
  }
  section.section-7 img.eng {
    max-width: 70%;
  }
  section.section-7 img {
    max-width: 70%;
  }
  
  .div-i-left.text-white li {
    font-size: 8px;
  }
  
  .mw-375 {
    max-width: 375px;
    margin: auto;
    margin-top: -15px;
  }
  .section-5 h3 {
    top: unset;
    left: unset;
    position: relative;
    z-index: 3;
    text-align: center;
  }

  .heading h1.heading-h1 {
    font-size: 50px;
  }

  .para.mt-3, .grades {
    font-size: 18px;
  }

  .section-2 p {
    font-size: 18px;
  }

  h3 {
    font-size: 25px!important;
  }

  .box b {
    font-size: 14px;
  }

  .section-3 .subHeading {
    font-size: 20px;
  }

  .d-flex.align-self-center {
    font-size: 18px;
  }

  .text.mt-3 {
    font-size: 12px;
  }

  section.section-5 p {
    font-size: 15px;
  }

  .title {
    padding: 5px;
  }

  .topics-box {
    font-size: 14px;
  }

  li {
    font-size: 14px;
  }

  .text-left.text-white {
    font-size: 14px;
  }

  /* thank you page */

  .successful b {
    font-size: 28px;
    font-family: 'Londrina Solid';
  }
  .content {
    font-size: 14px;
  }
  .section-8 .before-content {
    font-size: 18px;
    font-weight: 600;
  }h3 span {
    font-size: 25px;
    font-family: "Gretaros Regular", roboto;
  }
  h3 {
    font-size: 18px!important;
  } 
  .section-6 .bg {
    min-height: 265px;
  }
  section {
    margin-top: 60px;
    text-align: center;
  }
  .section-7 {
    margin: 50px 0px;
    /* padding: 35px 0px; */
    position: relative;
  }
  section.section-6 {
    padding: 30px;
  }
  .pc{
    display:none !important;
  }
  .outer-map-description {
    width: 50vw;
  }
}

@media (max-width: 767px) {
  .section-8 .col-md-4 {
    display: none;
  } 
}

/* Mobile View */

@media (max-width: 576px) {
  .section-1 {
    background-position: left;
  }
  
  .img-fluid.back2School {
    max-width: 56%;
    height: auto;
  }
  
  .spell3-dates-table td {
    border: none;
    border-radius: 100px;
    font-family: Poppins,roboto;
    font-size: 11px;
    font-weight: 500;
    padding:unset!important;
    padding-top: 12px!important;
  }

  .heading h1 {
    FONT-SIZE: 100px;
    line-height: 95px;
  }

  .st {
    font-family: 'Montserrat Bold';
    color: #FE4646;
    font-size: 40px;
    letter-spacing: 10px;
    margin: unset;
    margin-top: -10px;
  }
  .section-3 .content h5 {
    top: 80px;
  }
  
  .video-container {
    margin-bottom: 45px;
  }
  
  .section-1 .row{
    flex-direction: column-reverse;
  }

  .heading h1.heading-h1 {
    font-size: 70px;
  }

  .section-1 .row .col-md-4 img.img-fluid {
    max-width: 70%;
  }

  img.img-fluid {}

  section.section-2 {
    margin-top: 0px !important;
  }

  img.ball.ball-3.p-absolute {
    max-width: 8%;
  }

  section.section-3 {
    padding: 0px;
  }

  .section-3 img.ball.ball-7.p-absolute {
    max-width: 5%;
    top: 40px;
    right: 28px;
  }

  .section-3 img.ball.ball-2.p-absolute {
    left: 9px;
    top: 6px;
    max-width: 7%;
  }

  img.ani-kid {
    display: none;
  }

  .section-4 .content {
    min-height: 180px;
  }

  .section-10 .container .row > div {
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
  }
  
  /* thank you page */

  .successful b {
    font-size: 30px;
    font-family: 'Londrina Solid';
  }
  
  section.section-8 .container .row {
    flex-direction: column-reverse;
  }
  img.circle-design.p-absolute {
    max-width: 11%;
    bottom: 0px;
    transform: translateY(66%);
    left: 84%;
  }
  .box.p-absolute {
    left: 28%;
  }
  img.img-fluid.sec-8-img {
    width: 50%;
  }
  img.img-fluid.sec-6-img {
    width: 50%;
    margin-top: 1rem;
  }
  section.section-6 {
    padding: 15px;
  }

  .section-1 .mw-800 {
    max-width: 100%;
  }
  
  .section-1 .hero-img {
    width: 100%;
  }
  
  section.section-7 {
    padding: 0px 0px 1px;
  }
  .grey-bg {
    background-color: #F7F9F8;
    border-radius: 15px;
    padding: 40px 15px;
  }
}

@media (max-width: 475px) {
  section.section-3 {
    margin-top: -50px;
}
  
  section.section-1.heading.p-relative {
    margin-top: 90px!important;
  }

  img.badge-top.p-absolute {
    max-width: 20%;
    top: 5px;
    right: 10px;
  }
  
  img.backToSchool.img-fluid {
    max-width: 65%;
  }
  
  h4.scratch-grades.math-red.my-5.MonBold {
    margin-bottom: 15px!important;
  }
  
  img.header-img.img-fluid {
    max-width: 50%;
    margin: auto;
  }
  .mar-bot-55 {
    margin-bottom: 20px!important;
  }
  
  h1.h-tag.text-left {
    text-align: center!important;
  }
  
  h3.header.col-darkPink.mb-3.text-left {
    text-align: center!important;
    margin-top: 20px;
  }
  
  .section-2 {
/*     margin-top: 50px!important; */
    padding: 10px;
  }
  
/*   section.section-3 {
    padding: 0px;
  } */
  
  .section-3 .box.border-color.math-blue {
    min-height: 72px;
    min-width: 175px;
    margin-bottom: 20px;
  }

  .section-4 .card {
    margin: unset!important;
    margin-bottom: 20px!important;
  }
  
  .keypoints img {
    height: auto;
  }
  
  section.section-5 {
    padding: 70px 0px 0;
    margin: unset;
  }

  span.d-flex.align-items-center {
    font-size: 12px;
  }

  img.sec-17-img.sec-17-img-1 {
    display: none;
  }

  h3.text-white.pt-3.text-left {
    padding-bottom: 30px;
  }

  img.sec-17-img.sec-17-img-2 {
    width: 33%;
  }

  img.section-7-img {
    width: 22%;
  }

  section.section-7 img {
    max-width: 45%;
  }

  img.img-fluid.eng {
    max-width: 58%;
  }
  
  img.balls-stripes.p-absolute {
    top: -35px;
    left: -15px;
    width: 23%;
  }

  .section-8 {
    background-position: 65%;
  }

  .section-8 .col-md-4 {
    display: none;
  }
  
  .section-8-top {
    font-size: 21px;
  }

  .section-8-header.mb-3 {
    font-size: 19px;
    margin-top: 1rem;
  }

  .last-section-bg {
    padding-top: 45px;
  }
  section.section-13 {
    padding: 0px 13px;
  }
  .heading-div.mb-5 {
    margin-bottom: 1rem !important;
  }
  .section-8 .col-6 {
    font-size: 12px;
  }
  .mob-no-pb{
    padding-bottom: unset !important;
  }

  .mob-no-pt{
    padding-top: unset!important;
  }
  
  section.section-7 img.eng {
    max-width: 66%;
  }
  .div-i-left.text-white li {
    font-size: 7px;
  }  

  .section-17 {
    padding: 30px 0 0;
  }  
  img.img-fluid.accodian-img{
    max-width: 60%;
    margin-top: 30px;
  }
  img.img-fluid.mb-5.mt-3.search-bar {
    margin-bottom: 0px!important;
  }  
  section.section-13 li {
    font-size: 16px;
  }  
  
  .carousel-indicators {
    bottom: -26px!important;
  }
  
  .pc{
    display:none;
  }
  
  .pc-inline{
    display:none;
  }

  .mob{
    display:block;
  }
  .tab{
    display:none;
  }
  .mw-375 {
    max-width: 300px;
  }
  
  .section-3 .box.border-color.math-blue {
    margin-top: 20px;
  }
  
  .section-3 .box.border-color.math-blue {
    min-height: 45px;
  }
  
  
  
}

@media (max-width: 370px) {
  .heading {
    margin-top: 100px!important;
  }
}

@media (max-width: 320px) {
  
  .heading h1 {
    FONT-SIZE: 76px;
  }
  
  section.section-1.heading.p-relative {
    margin-top: 130px!important;
  }
  
  .section-3 .box.border-color.math-blue {
    min-height: 72px;
    min-width: 151px;
    margin-bottom: 20px;
  }
  
}

.bg-blue.py-5.mt-5.newsletter {
  margin-top: -3px !important;
  background-color: #2255B1;
}

.justify-content-evenly{
 justify-content:space-evenly!important;
}
/* accordian */

.accordion-button:not(.collapsed) {
/*   color: #FF7563!important; */
  /* background-color: #e7f1ff; */
/*   box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); */
  border: unset!important; /*1px solid #FF7563!important;*/
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow:unset!important;/* 0 0 5px 1px #FF7563!important;*/
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FE4646'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
  transform: rotate(-180deg);
}

.accordion-button:not(.collapsed) {
/*   color: #0c63e4; */
  background-color: #FFF!important;
/*   box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); */
}

.accordion-button:focus {
  outline: 0;
  z-index: 3;
}

.accordion-item .accordion-button {

}
.accordion-item {

}
.accordion-item {
  border-top:unset!important;
  background-color: #fff;
  border: unset!important;
  border-bottom: 1px solid !important;
}

.accordion-item {
  margin-bottom: 20px;
}

.accordion-button.collapsed{
  color: Black!important;
}

.accordion-button {
  color: #FE4646!important;
}

.thankyou-p {
    font-size: 14px;
    line-height: 20px;
}

.container.thankyou-page{
  max-width:800px;
}


/*style for header*/
a.btn.btn-student-login.bg-blue {
  color: white;
}

.trial-btn a {
  color: white!important;
}

.btn-student-login {
  background-color: #ff7166!important;
  border-radius: 5px!important;
  margin-bottom: 15px;
  margin-left: 20px;
  margin-top: 20px;
}

h5 .ted-red {
  color: #FF6939!important;
}
h5 .ted-red.collapsed {
  color: black!important;
}

.download-btn {
  cursor: pointer;
}

/*thank-you*/

img.img-fluid.math-it-thankyou {
  max-width: 54%;
}
.section-1 .text-white
{
  margin:0px;
}
.math-p a {
  color: red;
  text-decoration: none;
}

.math-p a:hover {
  color: #0100AD;
}

.section-whatsapp{
  margin-top:100px;
}
.whatsapp {
    width: 28%;
    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%;
  }
  p.thankyou.text-white, h3.thankyou {
    font-size: 16px!important;
}
}
@media(max-width:767px)
{
  .whatsapp{
    width:45%;
  }
  .section-whatsapp{
  margin-top:80px;
}
}
/* thankyou */

.thankyou_skill {
    width: 75%;
}
p.thankyou.text-white, h3.thankyou {
    font-size: 18px;
}

label#label-email-96069aaf-9e57-4536-840d-55fe1e2f144a, label#label-phone-96069aaf-9e57-4536-840d-55fe1e2f144a,
.hs-form-96069aaf-9e57-4536-840d-55fe1e2f144a_e26f4975-f6d8-485e-bea3-e7591793d6dd .hs-form-field label:not(.hs-error-msg){
  color: black!important;
}
.newsletter h5 {
  color: white;
}