@import url("https://fonts.googleapis.com/css2?family=Roboto:ital@1&display=swap");
body {
  /* background-image: url("./assests/body-bg.png"); */
  background-repeat: no-repeat;
  background-size: cover;
  font-style: normal;
  background-position: initial;
  background-color: #fff;
}
.ag {
  display: none;
}
.flex-col {
  flex-direction: column;
}
.svg-icon {
  width: 28px;
  height: 28px;
  padding: 4px;
  border-radius: 50%;
  margin-top: 0px;
}
.top-logo img {
  width: 186px;
}
.time {
  display: none;
}
.over {
  /* margin-left: 3.7rem; */
}
.child {
  margin-left: 3.7rem;
}
.shoot {
  margin-left: 2.2rem;
}
.mobile {
  display: none;
}
.mt-3rem {
  margin-top: 3rem;
}
.mt48 {
  margin-top: 48px;
}
.title {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 54px; /* 36px */
  margin-bottom: 8px !important;
}
.levelTab{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 9.48px;
  height: 32px;
  background: #EDEDED;
  border-radius: 28px;
  font-size: 16px;
  font-weight: 500;
  margin: 16px 16px 24px 0px;
  white-space: nowrap;
}
.address {
  color: #757575;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  margin-top: -14px;
}
.sub-title {
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 600;
  line-height: 26px;
  margin-top: 32px;
}
.highlights {
  color: #191d22;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 12px;
  margin-top: 24px;
}
.much {
  display: block;
  margin-left: 40px;
}
.description {
  color: #191d22;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-top: 0px;
  text-transform: capitalize;
}
.thank-heading {
  font-size: 20px !important;
  color: #ff4e00 !important;
}


.fw-500 {
  font-weight: 500;
}

.dot {
  color: #fe6927;
}

.para {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  /* line-height: 41.17px; */
  margin-top: 0rem;
  /* margin-left: 6rem; */
}
.perks img {
  /* width: 12%; */
}
.perks {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 40px;
  list-style: none;
}
.shoot_br {
  display: none;
}

.perks li {
  /* padding-left: 3rem; */
  margin-left: -3rem;
  /* padding-bottom: 0.5rem; */
}

.curriculum {
  color: #191d22;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
  margin-top: 24px;
}

.curr {
  color: #191d22;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 37.4px;
}

.curr li {
  /* padding-left: 4rem; */
  color: #191d22 !important;
  margin-left: -3rem;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  list-style: inside;
}

.form_field {
  margin-left: 5rem;
  /* background: linear-gradient(
    163.62deg,
    rgba(254, 209, 189, 0.5) -0.85%,
    rgba(238, 206, 191, 0.295) 95.8%
  ); */
  /* background: linear-gradient(90deg, rgba(2,0,36,0.2) 0%, rgba(8,30,79,0.2) 35%, rgba(0,212,255,0.2) 100%); */
  border: 1px solid #ffffff;
  background-color: #eee;
  box-sizing: border-box;
  /* backdrop-filter: blur(2px); */
  border-radius: 16px;
  /* margin-top: 8rem; */
  width: 100%;
  /* margin: auto; */

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding-top: 1rem;
  margin-bottom: 2rem;
}
.form_head {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  /* line-height: 32px; */
  color: #283740;
  width: 80%;
}
input,
select {
  outline: none;
  border: none;
  margin-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 1rem;
  /* padding: 32px 256px 32px 32px; */
  width: 20rem;
  height: 4rem;
  border-radius: 89px;
  /* box-shadow: 0px 4px 42px #efcbbb; */
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  border-right: 16px solid transparent;
}

button {
  /* outline: none; */
  /* border: none; */
  cursor: pointer;
  margin-bottom: 4rem;
  background-color: #ff4e00;
  width: 20rem;
  height: 4rem;
  border-radius: 89px;
  /* box-shadow: 0px 4px 42px #efcbbb; */
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 29px;
  font-family: "NexaL";
  font-style: normal;
  transition: 0.2s all;
}
.btn {
  /* outline: none; */
  /* border: none; */
  cursor: pointer;
  margin-bottom: 1.5rem;
  background-color: #ff4e00;
  width: 20rem;
  height: 4rem;
  border-radius: 89px;
  /* box-shadow: 0px 4px 42px #efcbbb; */
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 29px;
  font-family: "NexaL";
  font-style: normal;
  transition: 0.2s all;
}
.btn:hover {
  background-color: #ff4e00;
  opacity: 0.8;
  transform: scale(0.98);
}
button:hover {
  background-color: #ff4e00;
  color: #fff !important;
  opacity: 0.8;
  transform: scale(0.98);
}
.desktop_footer {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
  margin-bottom: 34px;
}

@media (max-width: 1440px) {
  .child,
  .shoot {
    /* margin-left: 2rem; */
  }
  .shoot_br {
    display: block;
  }
  .over {
    /* margin-left: 0rem; */
  }
  .over2 {
    /* margin-left: 3.7rem; */
  }
  .child {
    /* margin-left: 3.7rem; */
  }
  .title {
    /* margin-left: 0rem; */
  }
  .para {
    /* margin-top: 2rem; */
    /* padding-left: 5rem; */
  }
  .curriculum {
    /* margin-left: 11rem; */
  }
  .curr li,
  .perks li {
    /* margin-left: 5rem; */
    /* padding-bottom: 0.5rem; */
  }

  .curr li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
}

@media (max-width: 1024px) {
  body {
    /* background-image: url("./assests/body-bg.png"); */
    background-color: #fff;
  }
  .response {
    margin-left: 3.7rem;
  }
  .child {
    margin-left: 0;
  }
  .measure {
    margin-left: 3.7rem;
  }
  .over {
    margin-left: 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
  .title {
    margin-top: 3rem;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 0.5rem;
    font-size: 24px;
    /* line-height: 53px; */
  }
  .para {
    /* margin-top: 1rem; */
    padding-left: 2rem;
  }
  .perks li {
    margin-left: 0rem;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: clip; */
  }
  .curriculum {
    /* font-size: 40px; */
    /* line-height: 46.4px; */
    margin-left: 3rem;
    /* margin-top: 1rem; */
    margin-bottom: 1rem;
  }
  .curr {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    /* line-height: 25px; */
    list-style: none;
  }

  .curr li {
    padding-left: 3rem;
    padding-bottom: 2rem;
  }

  .form_field {
    margin-left: 5rem;
    border-radius: 16px;
    /* margin-top: 8rem; */
    width: 100%;
    /* padding-top: 3rem; */
  }
  .form_head {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 24px;
    padding: 0px 5px;
    /* line-height: 32px; */
    color: #283740;
    /* padding-bottom: 2rem; */
  }
  input,
  select {
    width: 18rem;
    height: 3rem;
    border-right: 16px solid transparent;
  }

  button {
    width: 18rem;
    height: 3rem;
  }

  .over {
    margin-left: 0;
  }
}

@media (max-width: 769px) {
  body {
    background-position: top;
  }
  .top-logo img {
    margin: 0 auto;
  }
  .levelTab{
    font-size: 12px;
    padding: 4px;
    height: 24px;
    margin: 0px auto 16px auto;
    font-weight: 600;
    width: 210px;
  }

  .child_align,
  .measure {
    margin-left: 0;
  }
  .tab {
    margin-left: 3.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
  .title {
    /* margin-left: 3rem; */
  }
  .mob-highlights {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 12px;
    margin-left: 16px;
  }
  .para {
    /* margin-left: 1rem; */
  }
  .mt-3rem {
    margin-top: 0rem;
  }
  .perks {
    margin-left: -2rem;
  }
  .perks li {
    padding-left: 1rem;
    /* padding-bottom: 1rem; */
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: clip; */
  }

  .curriculum {
    margin-left: 1.5rem;
  }

  .curr li {
    margin-left: -4rem;
    padding-bottom: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    color: #000 !important;
    list-style: none;
  }
  .form_field {
    margin-left: 1rem;
  }
  input,
  select {
    width: 14rem;
    height: 3rem;
    border-right: 16px solid transparent;
  }

  button {
    width: 14rem;
    height: 3rem;
  }

  .over {
    margin-left: 2.2rem;
  }
}
.v1 {
  width: 100%;
  text-align: center;
  display: block;
}
.v2 {
  text-align: center;
}
.checknon {
  width: 44px;
  padding: 0;
  margin: 0;
  height: 17px;
  box-shadow: none;
}
.spn-c {
  line-height: 21px !important;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: -6px;
}
iframe.desktop_footer2.text-center{
  width: 100%;
  height: 440px;
  border-radius: 15px;
  margin-bottom: 24px;
}
@media (max-width: 430px) {
  .venue-trial-text{
    font-size: 14px !important;
  }
  .km-new-logo{
    width: 100px !important;
    height: 74px !important;
  }
  .form_head {
    padding-bottom: 2rem;
  }
  .mobile_one {
    display: none;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .desktop_footer {
    display: none;
  }
  .svg-icon {
    margin-top: 8px;
  }
  body {
    /* background-image: url("./assests/body-bg.png"); */
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: top;
    padding: 0px;
  }

  .mobile_title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #283740;
  }
  .mt-5,
  .my-5 {
    margin-top: 1.9rem !important;
  }
  .mobile_para {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    /* line-height: 26.35px; */
    padding: 0 1.5rem;
    color: #617078;
  }
  .form_head {
    font-size: 13px;
  }
  .curriculum {
    text-align: center;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
  }
  .curr li {
    text-align: center;
    font-size: 16px;
    padding-bottom: 0px;
    margin-bottom: 8px;
    line-height: 20px;
    font-weight: 600;
  }
  input,
  select {
    outline: none;
    border: none;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    /* padding: 32px 256px 32px 32px; */
    width: 20rem;
    height: 4rem;
    border-radius: 89px;
    /* box-shadow: 0px 4px 42px #efcbbb; */
    color: #232221;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    border-right: 16px solid transparent;
  }
  form {
    margin-top: -2rem;
  }
  .mobile_form_field {
    /* background: linear-gradient(90deg, rgba(2,0,36,0.2) 0%, rgba(8,30,79,0.2) 100%, rgba(0,212,255,0.2) 100%); */
    background-color: #eee;
    margin: 0 1rem;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    backdrop-filter: blur(4px);
    border-radius: 16px;
    /* height: 25rem; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
  }

  button {
    font-size: 14px;
    transition: 0.2s all;
  }
  button:hover {
    background-color: #ff4e00;
    color: #fff !important;
    opacity: 0.8;
    transform: scale(0.98);
  }

  .mobile_perks {
    background: rgba(254, 209, 189, 0.5);
    border: 2px solid #ff4e00;
    box-sizing: border-box;
    backdrop-filter: blur(4px);
    border-radius: 18px;
    color: #283740;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0 1rem;
    line-height: 15.32px;
    font-weight: bold;
    padding-right: 24px;
  }
  span.mt-4.ml-2.mobile_coach {
    width: 46% !important;
  }
  .ml-2 {
    font-size: 14px;
  }
  .curr_title {
    font-family: Arial, Helvetica, sans-serif;
    color: #283740;
    font-size: 24px;
  }

  .mobile_cirriculum {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #283740;
  }
  .curr_perk {
    font-size: 16px;
    font-weight: 100;
  }
  .mobile_footer {
    font-family: Arial, Helvetica, sans-serif;
    color: #607078;
    font-size: 10px;
  }
  input,
  select {
    width: 16rem;
    height: 2.5rem;
    font-size: 14px;
    border-right: 16px solid transparent;
  }

  button {
    width: 16rem;
    height: 2.5rem;
    border: none;
  }

  .personalized {
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 376px) {
  .break {
    display: none;
  }
  .mobile_one {
    display: block;
  }
  .personalized {
    margin-left: 1rem !important;
  }
}
@media (max-width: 320px) {
  input,
  select {
    width: 16rem;
    height: 3rem;
    border-right: 16px solid transparent;
  }

  .mobile_one {
    display: none;
  }
  .mobile_coach {
    margin-top: 2.5rem !important;
  }
}

@font-face {
  font-family: Nexa;
  src: url("./assests/Nexa Bold.otf") format("opentype");
  font-style: normal;
}
@font-face {
  font-family: NexaL;
  src: url("./assests/Nexa Light.otf") format("opentype");
  font-style: normal;
}
div#divData {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData1 {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData2 {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData3 {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData4 {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData5 {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}

div#divData_mob {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData1_mob {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData2_mob {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData3_mob {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData4_mob {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}
div#divData5_mob {
  margin-top: -14px;
  margin-bottom: 18px;
  margin-left: 20px;
  color: red;
}

@media (max-width: 767px) {
  .v1 {
    width: 100%;
    text-align: center;
    display: none;
  }
  .ml-4,
  .mx-4 {
    margin-left: 0.5rem !important;
  }
  .ml-5,
  .mx-5 {
    margin-left: 0rem !important;
  }
}