.back-btn {
    position: absolute;
    top: 0;
    left: 0;
    height: 8vw;
    width: 8vw;
  }
  #form{
    min-height: 100vw;
  }
  .dates-cont {
    display: flex;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
  }
  .date-cont {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin:0 0.8vw 2.5vw 0.8vw;
  }
  .date-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tertiary-color);
    border-radius: 2vw;
    padding: 2vw;
    width: 25vw;
  }
  .date-title {
    font-size: var(--f-3);
    color: var(--secondary-color);
    font-weight: 400;
  }
  .date-number {
    font-size: var(--f-3);
    font-weight: 400;
  }
  .slots-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .slot-cont {
    position: relative;
    margin: 2vw 2vw 2vw 0;
  }
  .slot-cont:nth-child(3n) {
    margin-right: 0;
  }
  .lqs-options-container{
    display: flex;
    flex-wrap: wrap;
  }
  .slot-label {
    padding: 11% 0;
    border-radius: 2vw;
    font-size: var(--f-3);
    border: 1px solid var(--tertiary-color);
    display: block;
    width: 25.3vw;
    height: 11vw;
    text-align: center;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact-cont {
    display: flex;
  }
  .contact-input {
    padding: 3.39vw 3vw;
    border-radius: 2vw;
    border: 1px solid var(--tertiary-color);
    margin-top: 1vw;
    width: 100%;
    height: 13vw;
    font-size: var(--f-3);
    font-family: 'Nunito', 'Poppins', 'Geologica', sans-serif;

  }
  #course{
    width: 100%;
  }
  .contact-input::placeholder {
    color: var(--secondary-color);
  }
  .contact-input[name="country-code"] {
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .contact-input[name="shortCode"] {
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  .contact-input[name="country-code"]::-ms-expand {
    display: none;
  }
  .error-messege {
    display: flex;
    align-items: center;
    margin-top: var(--f-4);
    display: none;
  }
  .error-messege img {
    height: 3.5vw;
    width: 3.5vw;
    margin-right: 1vw;
  }
  .error-messege span {
    color: var(--error);
    font-size: 3.5vw;
    font-weight: 700;
  }
  .confirmation-heading-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
  }
  .confirmation-icon {
    margin-right: 3vw;
    height: 10vw;
    width: 10vw;
  }
  .confirmation-heading-text {
    font-weight: 700;
    font-size: var(--f-1);
  }
  .class-details {
    font-size: var(--f-4);
    text-align: center;
  }
  .class-time {
    color: var(--primary-color);
    font-weight: 700;
  }
  .child,
  .email,
  .parent,
  .zone {
    width: 100%;
  }
  .phone {
    width: 100%;
  }
  .phone-box:nth-child(2) {
    width:70%;
  }
  #form-3-container {
    position: relative;
  }
  .country-container {
    position: relative;
  }
  .country-container > img {
    position: absolute;
    top: 38%;
    right: 10%;
    height: 5vw;
    z-index: 1;
    width: 5vw;
    pointer-events: none;
  }
  .hide {
    display: none;
  }
  .blocked-slot{
    display: flex;
    flex-direction: column;
    background: #eeeeee;
    box-shadow: inset 0px 0px 10px -7px black;
  }
  .blocked-slot .slot-time{
  text-decoration: line-through;
  }
  .blocked-slot span:nth-child(2){
    font-size: 2.5vw;
  }

  @keyframes loader1 {
    from {
        transform: scale(0, 0)
    }

    to {
        transform: scale(1, 1)
    }
  }

  @-webkit-keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1)
    }
  }
  .instantSlotModal{
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2vw;
  text-align: center;
  display: none;
  }
  .instantSlotModal .modalBox{
  background-color: white;
  padding: 5vw 2vw;
  border: 1px solid #dcd6d6;
  border-radius: 2vw;
  }
  .instantSlotModal p{
  margin-bottom: 7vw;
  font-weight: 500;
  font-size: 5vw;
  font-family: 'Nunito', sans-serif;
  }
  .btn-group{
  display: flex;
    justify-content: space-evenly;
  }
  .instantSlotModal button{
  padding: 1vw 3vw;
  height: 10vw;
  border-radius: 2vw;
  border: 1px solid #afafaf;
  background: white;
  font-weight: 500;
  font-family: 'Poppins', 'Nunito' ,"Geologica";
  height: fit-content;
  margin: 0 1vw;
  font-size: 3.5vw;

  }
  #instantLoaderBtn{
  width: 100%;
  }

  .form-section-right{
  position: relative;
  border-radius: 2vw;
  }
  #previous-slot-time{
  padding: 3vw;
  border-radius: 2vw;
  border: 1px solid #18aa00;
  display: block;
  width: fit-content;
  margin: 5vw 0;
  }
  .secondary-cta{
  border: 2px solid #4360fd;
    border-radius: 2vw;
    text-align: center;
    padding: 3.5vw;
    color: #4360fd;
    font-weight: 700;
    width: 100%;
    background-color: white;
    font-family: 'Nunito','Poppins','Geologica',sans-serif;

  }
  .instant-slot-or-line{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 0 3vw;
  }
  .divider-container{
  position: relative;
    padding: 6vw 0;
  }
  #circular-loading{
  padding: 2vw;
  border: 1vw solid rgba(78, 59, 194, 0.12);
  border-right-color: rgba(145, 129, 244, 1);
  border-radius: 50%;
  animation: rotate 1s infinite linear;;
  -webkit-animation: rotate 1s infinite linear;
  width: 1vw;
  margin-right: 2vw;
  }
  @keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
  }
  @-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
  }
  .teacher-availability-cont{
  display: flex;
  align-items: center;
  }
  .teacher-availability-text{
  font-size: 3vw;
  }
  .teacher-available-chip{
  display: flex;
    padding: 1vw 1.5vw;
    border-radius: 4vw;
    background: rgba(78, 59, 194, 0.12);
    width: fit-content;
    margin: 2vw 0;
    color: rgba(145, 129, 244, 1);
    font-size: 2.6vw;
    align-items: center;
  }
  .teacher-available-chip > img{
  margin-right: 1vw;
  }
  .teacher-available-chip > p{
  font-weight: 600;
  font-size: 2.6vw;
  }
  .teacher-confirmation-msg{
  font-weight: 700;
  margin: 3vw 0;
  font-size: 4vw; 
  }
  .rules-section{
  padding: 6vw;
    border-radius: 5vw;
    background: linear-gradient(180deg, #F5F3FF 0%, rgba(255, 255, 255, 0.32) 100%);
  }
  .rules-section > p{
  font-weight: 600;
    font-size: 2.9vw;
    margin-bottom: 4vw;
    color: rgba(61, 77, 93, 1);
  }
  .rules-cont{
  display: flex;
  align-items: center;
  margin-bottom: 4vw;
  }
  .star-point{
  margin-right: 2vw;
    height: 5vw;
    width: auto;
  }
  .rules{
  color: #5A4AA6;
  font-size: 2.9vw;
  }
  #agreement-cont{
  display: flex;
  align-items: center;
  }
  #agreement-cont > input{
  margin-right: 2vw;
  width: 5vw;
  height: 5vw; 
  }
  #agreement-cont > label{
  font-size: 2.9vw;
  }
  .highlight{
  color:#5A4AA6;
  }
  .popup{
  animation: popup 0.5s ease-in-out forwards;
  }
  @keyframes popup {
  0%{
    transform: scale(0);
  }
  80%{
    transform: scale(1.1);
  }
  100%{
    transform: scale(1);
  }
  }
  #form_section{
  scroll-margin-top: 18vw;
  }
 .ivr-page{

    padding: 5vw 5vw;
 }
  .ivr-page .ivr-heading{
    text-align: center;
        margin-bottom: 8vw;
        color: #000000;
        font-size: 6vw;
        line-height: 8vw;
  }
  .ivr-page .ivr-sub-heading{
    text-align: center;
    color: #696969;
    font-size: 4.5vw;
    font-weight: 600;
  }
  .ivr-page .note{
    font-size: 4vw;
  }
  .ivr-page .ivr-call-icon{
    height: 48vw;
    width: 48vw;
    margin: 12vw ;
  }
.ivr-page .intent-confirmation-text{
  color: #C1C1C1;
    font-size: 5.5vw;
    background-color: white;
}