body {
  font-family: "Poppins", sans-serif;
}
.black {
  color: black !important;
}
.orange {
  color: #ff8f1c !important;
}
.navbar {
  box-shadow: 0px 4px 60px 6px #00000012;
}
.navbar-light .navbar-nav .nav-link {
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #242442;
}
.headerbtn {
  padding: 8px 40px;
  border-radius: 32px;
  background: #001a70;
  color: white;
}
.hero-bg {
  background-image: url("images/hero-banner.png"),
    linear-gradient(310.59deg, #d7dae3 -16.07%, #ffffff 91.68%);
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-img {
  width: 100%;
  height: auto;
}
.hero-heading {
  font-family: "Poppins";
  font-size: 55px;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: 0em;
  color: #242424;
}
.hero-text {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #808080;
}
.exp-heading {
  font-family: "Poppins";
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: 0em;
  text-align: center;
  color: #242424;
}
.text {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #808080;
}
.card-title {
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  color: #403b3b;
}
.card {
  box-shadow: 0px 10px 60px 0px #0000001a;
  border-radius: 12px;
  border: none;
  padding: 25px;
}
.how-bg {
  background-image: url("images/how.png");
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.how1 {
  background-image: url("images/how1.png");
  width: 30%;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  position: relative;
  margin: 0px 20px;
}
.how2 {
  background-image: url("images/how2.png");
  width: 30%;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  position: relative;
  margin: 0px 20px;
}
.how3 {
  background-image: url("images/how3.png");
  width: 30%;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  position: relative;
  margin: 0px 20px;
}
.how-text {
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
}
.textpos {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #808080;
  position: absolute;
  bottom: 3rem;
  left: 0;
  right: 0;
}
.work-heading {
  font-family: "Poppins";
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0px;
}
.work-bg {
  background-image: url("images/work2.png");
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 50px;
}
.work2-bg {
  background-color: #ffffffd6;
  padding: 30px;
  border-radius: 12px;
}
.work1-img {
  width: 100%;
  height: auto;
}
.work-btn {
  padding: 10px 24px 10px 24px;
  border-radius: 8px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  background-color: #ff8f1c;
  border: none;
  color: white;
}
.story-bg {
  background: linear-gradient(
    180deg,
    rgba(240, 240, 240, 0.51) 0%,
    rgba(43, 107, 125, 0) 100%
  );
}
.testimonial {
  background-color: #0d62a2;
  border-radius: 16px;
  padding: 50px;
}
.testimonial-profile {
  width: 100%;
  height: auto;
}
.carousel-indicators {
  margin-right: 50%;
}
.carousel-indicators [data-bs-target] {
  height: 9px;
}
.testimonial-text {
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: white;
}
.partner {
  border: 2px solid #adadad;
  border-radius: 5px;
  padding: 20px;
}
.partner-img {
  width: auto;
  height: auto;
}
.blog-info {
  font-family: "Poppins";
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  color: #808080;
}
.blog-bg {
  background-image: url("images/blog-bg.png");
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.footer-about-text {
  font-family: "Poppins";
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  color: #383838;
}
.footer-text {
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  color: #333333;
}
.footer-heading {
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  color: #383838;
}
.aboutimg {
  width: auto;
  height: auto;
}
.team {
  box-shadow: 0px 4px 31px 0px #94949440;
  border-radius: 17px;
}
.team-name {
  font-family: "Poppins";
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.team-profile {
  font-family: "Poppins";
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #0d0d0d;
}
.teamimg {
  width: 100%;
  height: auto;
}
.about-blog-bg {
  background-image: url("images/about-blog-bg.png");
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-form {
  border: 1px solid #0082ba2b;
  border-radius: 19px;
  box-shadow: 0px 4px 68px 0px #7b7b7b40;
}
.about-getintouch-img {
  width: 100%;
  height: auto;
}
.about-career-text {
  font-family: "Poppins";
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  color: #808080;
}
.blog-text {
  font-family: "Poppins";
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  color: #808080;
}
.form-control {
  background: #efefef;
}
.student-bg {
  background-image: url("images/student-bg.png"),
    linear-gradient(310.59deg, #d7dae3 -16.07%, #ffffff 91.68%);
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.mojo-matter-bg {
  background: #0082ba0a;
}
.mojo-matter-heading {
  font-family: "Poppins";
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: 0em;
  color: #242527;
}
.mojo-matterimg {
  width: 100%;
  height: auto;
}
.whatsmojo-bg {
  background-image: url("images/whatsmojo.png");
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.mojomatter-btn {
  padding: 10px 24px 10px 24px;
  border-radius: 8px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  background-color: white;
  border: none;
  color: #0b7077;
}
.trackprogress-bg {
  background-image: url("images/trackprogress-bg.png");
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.getismojo-bg {
  background: linear-gradient(94.6deg, #fd661f 0.22%, #ff9e70 98.39%);
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.getismojo-btn {
  padding: 10px 24px 10px 24px;
  border-radius: 8px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  background-color: white;
  border: none;
  color: #fd661f;
}
.getismojo-img {
  width: auto;
  height: auto;
}
.parent-bg {
  background-image: url(images/parent-bg.png),
    linear-gradient(
      100.68deg,
      #360d39 0.78%,
      rgba(0, 0, 0, 0) 56.55%,
      rgba(255, 255, 255, 0.06) 99.02%
    );
  width: 100%;
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.parent-hero-heading {
  font-family: "Poppins";
  font-size: 55px;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: 0em;
  color: #242424;
  position: absolute;
  top: 30%;
  bottom: 40%;
  width: 40%;
}
.empower-bg {
  background-image: url("images/empower-bg.png");
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.parent-getismojo-bg {
  background: linear-gradient(94deg, #250128 0.19%, #e862f1 119.18%);
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.parent-getismojo-btn {
  padding: 10px 24px 10px 24px;
  border-radius: 8px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  background-color: white;
  border: none;
  color: #620469;
}
.parent-mojo-bg {
  background: #5b0161;
  border-radius: 14px;
}
.parent-mojo-heading {
  font-family: "poppins";
  font-size: 28px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0em;
}
.parent-mojo-text {
  font-family: "poppins";
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0em;
  color: #ffffff99;
}
.parent-mojo-icon {
  width: 100%;
  height: auto;
}
.school-bg {
  background-image: url(images/school-bg.png),
    linear-gradient(
      100.68deg,
      #360d39 0.78%,
      rgba(0, 0, 0, 0) 56.55%,
      rgba(255, 255, 255, 0.06) 99.02%
    );
  width: 100%;
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.school-hero-heading {
  font-family: "Poppins";
  font-size: 55px;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: 0em;
  color: #242424;
  position: absolute;
  top: 30%;
  bottom: 40%;
  width: 40%;
}
.whyschool {
  width: 100%;
  height: auto;
}
.psycometric-bg {
  background-image: url("images/psycometric.png"),
    linear-gradient(310.59deg, #d7dae3 -16.07%, #ffffff 91.68%);
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.psycometric-btn {
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  color: #ffffff;
  background: #0082ba;
  border-radius: 8px;
  padding: 10px 24px 10px 24px;
}
.school-empower-bg {
  background-image: url("images/school-empower.png");
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.school-mojo-bg {
  background: #006793;
  border-radius: 14px;
}
.school-getismojo-bg {
  background: linear-gradient(94.6deg, #1e1e1e 0.22%, #333333 98.39%);
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.inspire-bg {
  box-shadow: 0px 10px 60px 0px #0000001a;
}
.illustartion-btn {
  background: #e6b01d;
  border-radius: 4px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: 0px;
  color: white;
  padding: 0px 20px;
  width: 100%;
}
.subscribe-heading {
  font-family: "Poppins";
  font-size: 29px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: 0px;
}
.subscribe-bg {
  background: #263238;
}
.accordion-button:not(.collapsed) {
  color: #0093ff;
  background-color: white;
}
.accordion-item {
  background-color: #fff;
  border: none;
}
.accordion-body {
  font-family: "poppins";
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  padding: 1rem 1.25rem;
  font-size: 13px;
  color: #303a42;
}
.accordion-header {
  font-family: "poppins";
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}
.events-bg {
  background: #39393b;
}
.resource2-heading {
  font-family: "Poppins";
  font-size: 21px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: black;
}
.resource2-label {
  font-family: "Poppins";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #414042;
}
.modal {
  background: #0000009c;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 660px;
    margin: 1.75rem auto;
  }
}
/* media query */
@media only screen and (max-width: 1280px) {
  .how2 {
    margin: 0;
  }
  .carousel-indicators {
    margin-right: 47%;
  }
  .getismojo-img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .carousel-indicators {
    margin-right: 44%;
    top: 100%;
  }
  .parent-hero-heading {
    top: 32%;
    width: 54%;
  }
  .school-hero-heading {
    top: 32%;
    width: 54%;
  }
  .illustartion-btn {
    width: auto;
  }
}
@media only screen and (max-width: 990px) {
  .how1 {
    width: 100%;
    margin: 0;
  }
  .how2 {
    width: 100%;
  }
  .how3 {
    width: 100%;
    margin: 0;
  }
  .carousel-indicators {
    margin-right: 35%;
  }
  .aboutimg {
    width: 100%;
    height: auto;
  }
  .parent-hero-heading {
    top: 32%;
    width: 85%;
  }
  .school-hero-heading {
    top: 32%;
    width: 85%;
  }
}
@media only screen and (max-width: 600px) {
  .exp-heading {
    font-size: 38px;
    line-height: 45px;
  }
  .hero-heading {
    font-size: 42px;
    line-height: 50px;
  }
  .carousel-indicators {
    margin-right: 15%;
  }
  .testimonial-text {
    text-align: center;
  }
  .work-bg {
    padding: 15px;
  }
  .row {
    --bs-gutter-x: 0;
  }
  .parent-hero-heading {
    top: 20%;
  }
  .parent-hero-heading {
    font-family: "Poppins";
    font-size: 41px;
  }
  .school-hero-heading {
    font-family: "Poppins";
    font-size: 41px;
    top: 20%;
  }
}