.spin-popup {
  position: relative;
  color: #22332e;
  font-family: Montserrat, sans-serif;
  background: linear-gradient(180deg, rgba(255, 253, 248, .8) 0%, rgba(255, 253, 248, .34) 28%, rgb(0 0 0 / 52%) 66%, rgb(0 0 0 / 72%) 100%), url(../images/offer/monsoon-banner-bg.webp) center top/cover no-repeat #000
}

.spin-popup .spin-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  color: #064a77;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 50;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
  transition: background .2s
}

.spin-popup .spin-close:hover {
  background: #dceaf0
}

.spin-step[hidden] {
  display: none
}

.spin-step-2 {
  padding: 22px 24px 22px
}

.spin-step-2 .spin-head {
  margin-bottom: 12px
}

.spin-popup .enquiry-form-group {
  margin-bottom: 11px
}

.spin-popup .enquiry-form-row {
  margin-bottom: 0
}

.spin-popup .enquiry-form-row .enquiry-form-group {
  margin-bottom: 11px
}

.spin-popup .enquiry-form-group input,
.spin-popup .enquiry-form-group select,
.spin-popup .enquiry-form-group textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid #dde6ec;
  border-radius: 12px;
  background: #fff;
  font: 500 14px/1.3 Nunito, sans-serif;
  color: #22332e;
  box-shadow: 0 3px 10px rgba(6, 74, 119, .08);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease
}

.spin-popup .enquiry-form-group input::placeholder,
.spin-popup .enquiry-form-group textarea::placeholder {
  color: #9aa7b2
}

.spin-popup .enquiry-form-group input:focus,
.spin-popup .enquiry-form-group select:focus,
.spin-popup .enquiry-form-group textarea:focus {
  border-color: #095688;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(9, 86, 136, .12);
  outline: 0
}

.spin-popup .enquiry-form-group textarea {
  min-height: 60px;
  resize: vertical
}

.spin-popup #enquiry_course,
.spin-popup #enquiry_email,
.spin-popup #enquiry_location,
.spin-popup #enquiry_month,
.spin-popup #enquiry_name {
  padding-left: 42px;
  background-repeat: no-repeat;
  background-position: left 14px center;
  background-size: 18px 18px
}

.spin-popup #enquiry_message {
  padding-left: 42px;
  background-repeat: no-repeat;
  background-position: left 14px top 13px;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")
}

.spin-popup #enquiry_name {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")
}

.spin-popup #enquiry_email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")
}

.spin-popup #enquiry_course,
.spin-popup #enquiry_location,
.spin-popup #enquiry_month {
  background-position: left 14px center, right 14px center;
  background-size: 18px 18px, 12px 12px;
  padding-right: 36px;
  background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23095688' d='M6 8 1 3h10z'/%3E%3C/svg%3E")
}

.spin-popup #enquiry_location {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23095688' d='M6 8 1 3h10z'/%3E%3C/svg%3E")
}

.spin-popup #enquiry_course {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-4 9 4-9 4z'/%3E%3Cpath d='M7 11v4c0 1.2 2.2 2.5 5 2.5s5-1.3 5-2.5v-4'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23095688' d='M6 8 1 3h10z'/%3E%3C/svg%3E")
}

.spin-popup #enquiry_month {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23095688' d='M6 8 1 3h10z'/%3E%3C/svg%3E")
}

.spin-popup #enquiry_type {
  padding-left: 42px;
  padding-right: 36px;
  background-repeat: no-repeat;
  background-position: left 14px center, right 14px center;
  background-size: 18px 18px, 12px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-4 9 4-9 4z'/%3E%3Cpath d='M7 11v4c0 1.2 2.2 2.5 5 2.5s5-1.3 5-2.5v-4'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23095688' d='M6 8 1 3h10z'/%3E%3C/svg%3E")
}

.spin-popup #enquiry_type:disabled {
  opacity: 1;
  cursor: default;
  color: #064a77;
  font-weight: 700;
  -webkit-text-fill-color: #064a77;
  background-color: #eef4f8;
  border-color: #d6e3ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-4 9 4-9 4z'/%3E%3Cpath d='M7 11v4c0 1.2 2.2 2.5 5 2.5s5-1.3 5-2.5v-4'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
  background-size: 18px 18px, 14px 14px
}

.spin-popup .enquiry-optional-note {
  margin: 8px 0 10px
}

.spin-popup .optional-note-wrap .optional-note-toggle .optional-note-label {
  color: #fff
}

.spin-popup .enquiry-submit-btn {
  margin-top: 6px;
  border-radius: 40px
}

.spin-popup .enquiry-form-footer {
  margin-top: 10px
}

.spin-popup .enquiry-form-consent {
  color: #cddbe6;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .45)
}

.spin-popup .enquiry-form-consent i {
  color: #83d0e5
}

.spin-popup .spin-eyebrow {
  text-shadow: 0 1px 6px rgba(255, 253, 248, .85)
}

.spin-popup .spin-title {
  text-shadow: 0 1px 8px rgba(255, 253, 248, .7)
}

.spin-head {
  text-align: center;
  margin: 0 0 10px
}

.spin-popup .spin-trustbar {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #095688, #064a77);
  border-radius: 0 0 16px 16px
}

.spin-popup .spin-tb-item {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  justify-content: center
}

.spin-popup .spin-tb-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: none;
  border-radius: 50%;
  background: #eef5f9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .18)
}

.spin-popup .spin-tb-ico img {
  width: 30px;
  height: 30px;
  object-fit: contain
}

.spin-popup .spin-tb-txt {
  font: 600 9.5px/1.25 Nunito, sans-serif;
  color: #cfe0ec;
  text-align: left
}

.spin-popup .spin-tb-txt b {
  display: block;
  font: 700 11px/1.2 Montserrat, sans-serif;
  color: #fff
}

@media (max-width:480px) {
  .spin-popup .spin-trustbar {
    padding: 10px 8px;
    gap: 3px
  }

  .spin-popup .spin-tb-ico {
    width: 32px;
    height: 32px
  }

  .spin-popup .spin-tb-ico img {
    width: 20px;
    height: 20px
  }

  .spin-popup .spin-tb-txt {
    font-size: 8px
  }

  .spin-popup .spin-tb-txt b {
    font-size: 9px
  }
}

.spin-eyebrow {
  font: italic 500 13px/1.3 Montserrat, sans-serif;
  color: #3a4552;
  margin: 0 0 2px
}

.spin-title {
  font: 700 23px/1.15 Montserrat, sans-serif;
  color: #064a77;
  margin: 0 0 4px
}

#enroll-form .hyr-form-group {
  margin-bottom: 11px
}

#enroll-form .hyr-form-row {
  gap: 11px
}

#enroll-form .hyr-label {
  font-size: 12px;
  margin: 0 0 5px;
  color: #33444f
}

#enroll-form .hyr-input {
  border-radius: 12px !important;
  border: 1.5px solid #dbe7ee !important;
  background-color: #fff !important;
  font-size: 13.5px !important;
  color: #1a2733 !important
}

#enroll-form .hyr-input:focus {
  border-color: #095688 !important;
  box-shadow: 0 0 0 3px rgba(9, 86, 136, .12) !important
}

#enroll-form .hyr-input::placeholder {
  font-size: 12.5px !important;
  color: #9bb0bb !important
}

#enroll-form .hyr-input:not(.left-padding) {
  padding-left: 42px !important;
  background-repeat: no-repeat;
  background-position: left 14px center;
  background-size: 18px 18px
}

#enroll-form textarea.hyr-input {
  min-height: 80px !important;
  background-position: left 14px top 12px
}

#enroll-form select.hyr-input:not(.left-padding) {
  padding-right: 38px !important;
  background-repeat: no-repeat, no-repeat;
  background-position: left 14px center, right 13px center;
  background-size: 18px 18px, 13px 13px
}

#enroll-form #enroll-name {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")
}

#enroll-form #enroll-country {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E")
}

#enroll-form #email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")
}

#enroll-form #message {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")
}

#enroll-form #enroll_course_type {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-4 9 4-9 4z'/%3E%3Cpath d='M7 11v4c0 1.2 2.2 2.5 5 2.5s5-1.3 5-2.5v-4'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
}

#enroll-form #enroll-location-field {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
}

#enroll-form #course {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h13v18H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M4 17h15'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
}

#enroll-form #enroll-location-accommodation-type {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v9h14v-9'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
}

#enroll-form #month {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
}

#enroll-form #hear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23095688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
}

@media (max-width:480px) {
  .spin-popup {
    padding: 26px 16px 22px
  }

  .spin-step-2 {
    padding: 16px 12px
  }
}

.spin-sale {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 4px auto 0;
  padding: 6px 18px;
  border-radius: 30px;
  background: linear-gradient(135deg, #f1f8fb, #e9f3f8);
  border: 1px solid #d9e8f0;
  font: 700 14px/1.1 Montserrat, sans-serif;
  color: #095688
}

.spin-sale b {
  color: #d98a00;
  font-size: 1.06em
}

.spin-sale-ico {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex: none
}

@media (max-width:480px) {
  .spin-sale {
    gap: 8px;
    padding: 5px 14px;
    font-size: 13px
  }

  .spin-sale-ico {
    width: 32px;
    height: 32px
  }
}

.spin-eyebrow {
  color: #2b3641;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(255, 255, 255, .95), 0 0 10px rgba(255, 255, 255, .7)
}

.spin-title {
  text-shadow: 0 1px 2px rgba(255, 255, 255, .95), 0 0 14px rgba(255, 255, 255, .7)
}

@media (max-width:480px) {
  .spin-popup {
    padding: 20px 14px 18px
  }

  .spin-head {
    margin-bottom: 8px
  }

  .spin-eyebrow {
    font-size: 11px;
    margin-bottom: 1px
  }

  .spin-title {
    font-size: 18px;
    margin-bottom: 5px
  }

  .spin-sale {
    gap: 6px;
    padding: 4px 12px;
    font-size: 11.5px
  }

  .spin-sale-ico {
    width: 24px;
    height: 24px
  }
}

@media (max-width:380px) {
  .spin-title {
    font-size: 16px
  }

  .spin-sale {
    font-size: 11px;
    padding: 4px 10px
  }

  .spin-sale-ico {
    width: 21px;
    height: 21px
  }
}

.spin-popup .enquiry-form-group input,
.spin-popup .enquiry-form-group select,
.spin-popup .enquiry-form-group textarea {
  padding: 9px 13px
}

.spin-popup .enquiry-form-group {
  margin-bottom: 8px
}

.spin-popup .enquiry-form-row .enquiry-form-group {
  margin-bottom: 8px
}

.spin-popup .enquiry-optional-note {
  margin: 6px 0
}

.spin-popup .enquiry-form-footer {
  margin-top: 7px
}

.spin-step-2 {
  padding-top: 16px;
  padding-bottom: 16px
}

@media (max-width:480px) {

  .spin-popup .enquiry-form-group input,
  .spin-popup .enquiry-form-group select,
  .spin-popup .enquiry-form-group textarea {
    padding: 8px 12px
  }

  .spin-popup .enquiry-form-group {
    margin-bottom: 7px
  }

  .spin-popup .enquiry-form-row .enquiry-form-group {
    margin-bottom: 7px
  }

  .spin-step-2 {
    padding: 0;
    padding-bottom: 14px
  }
}

.spin-step-2 .spin-head {
  margin-bottom: 8px
}

@media (max-width:480px) {
  .spin-step-2 .spin-head {
    margin-bottom: 6px
  }
}