:root {
  --cn-sch-title-color: #187abf;
--cn-sch-font-family: Azo sans Medium !important;
  --cn-sch-font-weight: 600;
  --cn-sch-muted: #496B84;
}
[data-hsfc-id=Renderer] .hsfc-Heading {
    margin-bottom: 0px;
    font-size: 22px;
    font-family: Azo sans Medium !important;
    line-height: 1 !important;
    font-weight: bold;
      margin-top: 10px;
    color: #187abf !important;
}
[data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons {
    text-align: center;
    justify-content: center !important;
}

.hsfc-CheckboxFieldGroup__Options {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
}
[data-hsfc-id=Renderer] .hsfc-CheckboxField label {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}
[data-hsfc-id=Renderer] .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl) .hsfc-PhoneInput__FlagAndCaret {
    border: none !important;
    border-right: 1px solid #cccccc4f !important;
}
[data-hsfc-id=Renderer] .hsfc-CheckboxField label{
      align-items: flex-start !important;
}
body [data-hsfc-id=Renderer] .hsfc-Button {
    background: #0db88f;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 8px 24px #0e293740;
    color: #fff !important;
    font-family: Azo Sans Black !important;
    font-size: 18px !important;
    line-height: 22px !important;
    padding: 16px 50px 12px;
    text-transform: uppercase;
    transition: .1s ease;
}
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
    padding: 0 10px 20px !important;
}
body [data-hsfc-id=Renderer] .hsfc-TextInput
 {
    background: rgba(203, 215, 222, .23) 0 0 no-repeat padding-box;
    border: 0;
    border-radius: 4px;
    color: #506690;
    font-family: Azo sans Medium;
    font-size: 13px;
    height: 42px;
    letter-spacing: 0;
    outline: 0;
    padding: 3px 20px 0;
}
.hsfc-Heading {
    margin-bottom: 0px;
    font-size: 20px;
    font-family: Azo sans Medium !important;
    line-height: 1px !important;
}
[data-hsfc-id=Renderer] .hsfc-ErrorAlert {
    font-size: 12px !important;
}
.hsfc-CheckboxField span {
    color: #506690;
    font-size: 14px !important;
    letter-spacing: 0;
    line-height: 1.3 !important;
    margin: 4px 0 16px;
    opacity: .7 !important;
    text-align: left !important;
    vertical-align: top;
    font-family: Azo sans Medium;
}
.hsfc-FieldLabel span {
    color: #496B84;
    font-size: 16px;
    line-height: 12px;
    opacity: 0.8;
    text-transform: capitalize;
    transition: 0.3s ease;
    font-family: Azo sans Medium;
}
div#lebanon_book_free_session {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
}
.book-free-section--box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 24px #0E293773;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 40px;

}
.book-free-section--box.lebanon_book_session {
    width: 100%;
    max-width: 840px;
}
.childcarecrm-form__control--choice-multiple {
    height: auto !important;
}
#without_pilot_center_book_free{
display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.bfs-hero{
display:block;
}
.book-free-section--box__head {
    display: flex;
    justify-content: center;
    height: 116px;
    background: rgb(203 215 222 / 30%);
    border-radius: 8px 8px 0px 0px;
    padding-top: 20px;
}

.book-free-section--box__head h5 {
    line-height: 22px;
    letter-spacing: 0px;
    color: #187ABF;
    text-transform: uppercase;
}

.fc-toolbar.fc-header-toolbar {
    display: flex;
    justify-content: center;
    width: 286px;
    margin: -70px auto 45px;
    height: 34px;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
}

.fc-left {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 5px;
}

body .fc-left h2 {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Azo sans Regular' !important;
    letter-spacing: 0px;
    color: #506690;
    margin: 0 !important;
}

.fc-prev-button {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 34px !important;
    height: 34px !important;
    background: #187ABF !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 30px !important;
    border: 0 !important;
}

body .fc-button-group {
    position: unset;
}

.fc-next-button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 34px !important;
    height: 34px !important;
    background: #187ABF !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 30px !important;
    border: 0 !important;
}

.fc-day-header {
    background: #ffffff;
    padding: 10px 15px !important;
    border: 0 !important;
}

.fc-day-header span {
    display: flex;
    width: 100%;
    background: #fff;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #506690;
    font-family: 'Azo sans Medium';
}

.fc-day-header span:after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    width: 89px;
    height: 1px;
    background: #506690;
    opacity: 0.3;
}

td.fc-head-container.fc-widget-header {
    border: 0 !important;
}

thead.fc-head {
    border: 0 !important;
}

.fc-view.fc-dayGridWeek-view.fc-dayGrid-view table {
    border: 0 
!important;
}

tbody.fc-body {
    border: 0 !important;
}

tbody.fc-body tr {
    border: 0 !important;
}

td.fc-widget-content {
    border: 0 !important;
}

th.fc-day-header.fc-widget-header.fc-disabled-day {
    background: #fff;
    position: relative;
    text-align: left;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #506690;
    font-family: 'Azo sans Medium';
}

.fc-event-container {
    padding: 10px 15px !important;
}

.fc-content {
    letter-spacing: 0px;
    color: #506690;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Azo Sans Medium';
    padding-top: 4px;
}

.fc-event {
    height: 58px;
    background: rgb(203 215 222 / 30%) !important;
    border-radius: 4px;
    border: 0 !important;
    display: flex;
    align-items: center;
    padding: 0 15px;
    position: relative;
    opacity: 0.5;
}

.fc-event.available-tour-time {
    opacity: 1;
}

.fc-event:before {
    content: "";
    width: 34px;
    height: 34px;
    background: #0DB88F 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    display: flex;
    position: absolute;
    right: 15px;
    border-radius: 50%;
    top: calc(50% - 17px);
}

.fc-event:after {position: absolute;content: "";width: 6px;height: 10px;right: 28px;top: 24px;background: url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/Icons/Icon-Arrow-Right.svg);background-size: 6px;background-repeat: no-repeat;}
#tour-booking-form-step {
    max-width: 100%;
    width: 794px;
    text-align: center;
}

.childcarecrm-form__pst-type-display {
    display: none !important;
}

.chosenTimeDisplay {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0px;
    color: #506690;
    font-family: 'Azo Sans Regular';
    display: block !important;
    margin-top: -55px !important;
}

.childcarecrm-form__back-button {
    width: 166px;
    height: 50px;
    background: #0DB88F;
    box-shadow: 0px 8px 24px #0E293740;
    border-radius: 6px;
    border: 0;
    letter-spacing: 0px;
    color: #F6F7F8;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Azo sans Black';
    padding-top: 14px;
}

.childcarecrm-form__back-button:hover {
    background: #00ca9a;
}
body .childcarecrm-form {
    padding: 0px;
}
body .childcarecrm-form__field{
    width: 100%;
}
body .childcarecrm-form__group {
    max-width: 590px;
   
    margin: 30px auto 0;
}
.form-group .col-md-10 {
    width: 100%;
}
.childcarecrm-form__field .a2p-checkbox-container label{
  margin-top:0px;
}
body .a2p-checkbox-container input[type="checkbox"] {
    -webkit-appearance: revert;
      height: 20px;
  width:auto;
}
body .fc-event{
  align-items: center;
    background: rgba(203, 215, 222, .3) !important;
    border: 0 !important;
    border-radius: 4px;
    display: flex;
    height: 58px;
    opacity: .5;
    padding: 0 15px;
    position: relative;
}
.childcarecrm-form__field {
    width: 100%;
    padding: 0 0 8px !important;
}

.childcarecrm-form__group .childcarecrm-form__control, .childcarecrm-form__group .childcarecrm-form__control--date select {
    background-color: rgba(203,215,222,.23)!important;
    border: 0!important;
    border-radius: 4px!important;
    box-shadow: none!important;
    color: #506690!important;
    font-family: Azo sans Regular!important;
    font-size: 13px!important;
    height: auto;
    letter-spacing: 0;
    outline: 0;
    width: 100%;
    appearance: none;
}

.childcarecrm-form__control::placeholder {
    color: #506690 !important;
    opacity: 0.7;
}

.childcarecrm-form__field label {
    text-align: left;
    margin: 20px 0 10px;
    letter-spacing: 0px;
    color: #506690;
    font-size: 16px;
    line-height: 24px;
    font-family: "Azo sans Regular";
}

.childcarecrm-form__group.childcarecrm-form__group--tour-child:before {
    content: "Child Information *";
    text-align: left;
    margin: 20px 0 10px;
    letter-spacing: 0px;
    color: #506690;
    font-size: 16px;
    line-height: 24px;
    font-family: "Azo sans Regular";
    width: 100%;
    display: flex;
}

.childcarecrm-form__group:before {
    content: "Parent Information";
    text-align: left;
    margin: 20px 0 10px;
    letter-spacing: 0px;
    color: #506690;
    font-size: 16px;
    line-height: 24px;
    font-family: "Azo sans Regular";
    width: 100%;
    display: flex;
}

.childcarecrm-form__field-textarea textarea {
    width: 100% !important;
    height: 166px !important;
    resize: none;
}

.childcarecrm-form__group .childcarecrm-form__control.childcarecrm-form__control--date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: none !important;
}

.childcarecrm-form__control--date select {
    width: calc(33.33% - 16px) !important;
}

.childcarecrm-form__group .childcarecrm-form__control.childcarecrm-form__control--date span {
    display: none;
}

.childcarecrm-form__tour-child-toggle--add .btn {
    background: #187abf;
    border-radius: 6px;
    box-shadow: 0 8px 24px #04528a4d;
    color: #187abf;
    font-family: Azo sans black;
    font-size: 18px;
    height: 50px;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 20px;
    padding-top: 14px;
    text-transform: uppercase !important;
    width: 302px;
    position: relative;
    border: 0 !important;
}

.childcarecrm-form__tour-child-toggle--add .btn:after {
    content: "ADD ANOTHER CHILD";
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    color: #fff;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
}

.childcarecrm-form__tour-child-toggle--remove .btn {
    background: #187abf;
    border: 0!important;
    border-radius: 6px;
    box-shadow: 0 8px 24px #04528a4d;
    color: #ffffff;
    font-family: Azo sans black;
    font-size: 18px;
    height: 50px;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 20px;
    padding-top: 14px;
    position: relative;
    text-transform: uppercase!important;
    width: 302px;
}

.childcarecrm-form__tour-child-toggle--add .btn:hover, .childcarecrm-form__tour-child-toggle--remove .btn:hover {
    background: #007ad0;
}

.childcarecrm-form__footer {
    text-align: center;
}

#childcarecrm-form__submit-button, #childcarecrm-form__confirm-button {
    margin: 25px auto;
    width: 248px;
    background: #0DB88F;
    box-shadow: 0px 8px 24px #0E293740;
    border-radius: 6px;
    border: 0;
    color: #fff;
    position: relative;
    font-family: Azo sans black;
    font-size: 18px;
    height: 50px;
    letter-spacing: 0;
    line-height: 22px;
}

#childcarecrm-form__submit-button:after {
    width: 100%;
/*     content: "SUBMIT INFORMATION"; */
    display: flex;
    height: 100%;
    position: absolute;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    left: 0;
    top: 0;
    padding: 5px 0 0;
}

#childcarecrm-form__submit-button:hover, #childcarecrm-form__confirm-button:hover {
    background: #00c898;
}

.childcarecrm-form__field select {
    background-image: url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/Icons/Icon-Arrow-Down-Blue.png) !important;
    background-size: 10px 5px;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 50%;
}

.childcarecrm-form__confirmation-header {
    color: transparent;
    margin: 0;
    height: 0;
}

h1.childcarecrm-form__confirmation-header {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -45px;
}

h1.childcarecrm-form__confirmation-header .chosenTimeDisplay {
}

div#childcarecrm-form__confirmation-data {
    width: 590px;
    display: block;
    margin: 80px auto 0;
}

div#childcarecrm-form__confirmation-data dl {
    display: flex;
    flex-direction: column;
}

div#childcarecrm-form__confirmation-data dl dt {
    font-size: 16px !important;
    font-family: 'Azo Sans Light';
}

div#childcarecrm-form__confirmation-data dl dd {
    font-size: 20px;
    font-family: 'Azo Sans Bold';
}

div#childcarecrm-form__confirmation-data hr {
    display: none;
}

div#childcarecrm-form__confirmation-page {
    text-align: center;
}

div#childcarecrm-form__confirmation-page button {
    width: 200px;
    height: 50px;
    box-shadow: 0px 8px 24px #0E293740;
    border-radius: 6px;
    font-family: Azo sans black;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    padding-top: 12px;
    margin: 20px 8px;
    border: 0;
}

div#childcarecrm-form__confirmation-page button#childcarecrm-form__confirm-button {
    background: #0DB88F;
}

div#childcarecrm-form__confirmation-page button.childcarecrm-form__go-back-button {
    background: #187ABF;
}

div#childcarecrm-form__confirmation-page button.childcarecrm-form__go-back-button:hover {
    background: #007dd5;
}

div#childcarecrm-form__confirmation-page button#childcarecrm-form__confirm-button:hover {
    background: #00cf9e;
}

.childcarecrm-form__success-message {display: flex;flex-direction: column;padding: 50px;height: 400px;align-items: center;justify-content: center;width: 1200px;max-width: 100%;opacity: 0;}

.childcarecrm-form__success-message h1 {
    font-family: 'Azo Sans Black';
    color: #187ABF;
}

.childcarecrm-form__success-message p {
    font-family: 'Azo Sans Light';
    font-size: 20px;
    color: #506690;
    margin: 0;
}
.childcarecrm-form {
    padding: 0;
    background: #ffffff;
}

.fc table {
    border: 0;
}

.childcarecrm-form.childcarecrm-form__submitted .childcarecrm-form__control select:invalid, .childcarecrm-form.childcarecrm-form__submitted .childcarecrm-form__control:invalid, .childcarecrm-form__control.childcarecrm-form__invalid, .childcarecrm-form__control.childcarecrm-form__invalid_parts input, .childcarecrm-form__control.childcarecrm-form__invalid_parts select {
    box-shadow: 0 0 0 1px red !important;
}

.childcarecrm-form__control--choice-multiple {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  padding:5px 15px;
}

.childcarecrm-form__control--choice-multiple input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    border-radius: 5px;
    padding: 0;
    appearance: auto;
    outline: 0;
    border: 1px solid #c6c6c6 !important;
    box-shadow: none;
    transition: none;
    margin-left: 0px;
}
.childcarecrm-form__control.childcarecrm-form__control--choice-multiple label:not(:last-of-type) {
    margin-right: 13px;
}
.childcarecrm-form__control--choice-multiple label {
    margin: 0;
    padding: 5px 0 0;
}
.a2p-checkbox-container{
  display:block;
   margin-top: 10px;
}

.childcarecrm-form__field .a2p-checkbox-container label {
    margin-top: -20px; 
    font-size: 0px;
    position: relative;
}

/*  .childcarecrm-form__field label.a2p-checkbox-label {
  position: relative;
  padding-left: 24px; /* space for checkbox */
 
.childcarecrm-form__field label.a2p-checkbox-label {
  position: relative;
  padding-left: 24px;
}

.childcarecrm-form__field label.a2p-checkbox-label::after {
  content: "I agree to Code Ninjas' Terms and Conditions and consent to receive informational and promotional calls, SMS messages, and marketing emails from Code Ninjas, including those sent using an automatic telephone dialing system and/or an artificial or prerecorded voice, at the phone number and email address I provide. Consent is not a condition of purchase. Message and data rates may apply. Message frequency varies. Reply STOP to opt out, HELP for assistance. See our Privacy Policy.";
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 18px;
  position: static; /* IMPORTANT */
}

/*  .childcarecrm-form__field label.a2p-checkbox-label:after {
  content: "I agree to Code Ninjas’ Terms and Conditions and consent to receive informational calls and SMS messages from Code Ninjas, including those sent using an automatic telephone dialing system and/or an artificial or prerecorded voice, at the phone number I provide. Consent is not a condition of purchase. Message and data rates may apply. Message frequency varies. Reply STOP to opt out, HELP for assistance. See our Privacy Policy";
 font-size: 13px;
    left: 20px;
    line-height: 18px;
    position: absolute;
    top: -20px;
}  */

@media(max-width: 1200px){
  .childcarecrm-form__success-message {
      width: 800px;
  }
}

@media(max-width: 993px){
  #tour-booking-form-step {
      width: 100%;
  }

  .childcarecrm-form__group {
      width: 100%;
      padding: 0 20px;
  }

  .childcarecrm-form__group .childcarecrm-form__group {
      padding: 0;
  }
  div#childcarecrm-form__confirmation-page {
      width: 100%;
      position: relative;
  }

  div#childcarecrm-form__confirmation-data {
      width: 100%;
      padding: 0 20px;
      margin-top: 50px;
  }

  h1.childcarecrm-form__confirmation-header {
      position: absolute;
      left: 0;
      top: -26px;
      z-index: 10;
      margin: 0;
  }
  div#childcarecrm-form__confirmation-page button {
      width: 150px;
  }

  .childcarecrm-form__success-message {
      width: 100%;
  }

  .childcarecrm-form__success-message h1 {
      font-size: 32px;
      line-height: 32px;
  }

  .childcarecrm-form__success-message p {
      font-size: 16px;
      line-height: 24px;
  }
}
@media(max-width: 991px){
    .bfs-hero{
  width: 100%;
      display:block;
  }
  #without_pilot_center_book_free{
  display:block;
}
  
}
@media(max-width: 767px){
  .fc-day-header span:after {
    width: 150px;
  }
  div#childcarecrm-form__confirmation-page button {
      width: 150px;
  }
.a2p-checkbox-container {
   
    margin-bottom: 5px;
}
  .childcarecrm-form__control.childcarecrm-form__control--choice-multiple label:not(:last-of-type) {
      width: calc(100% - 50px);
  }
}
.childcarecrm-form__field:has(label:contains("Age")) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/*.childcarecrm-form__group--tour-child
  .childcarecrm-form__field:nth-of-type(2) {
  display: none !important;
}

.childcarecrm-form__date-of-birth {
  display: none !important;
}
*/