.event-booking-wrapper {
  padding: 10rem 10rem 0;
}

.event-booking-container {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  display: grid;
  justify-content: center;
  gap: 7.313rem;
  max-width: 112.5rem;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr;
}

.event-booking-header .logo {
  padding-top: 0;
}

.event-booking-header .hiring-navbar-toggler {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 4rem;
}

.event-booking-header .navbar-toggler {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.event-booking-header .navbar-menu {
  display: block;
}

.event-booking-wrapper a,
.event-booking-wrapper p,
.event-booking-wrapper h1,
.event-booking-wrapper h2,
.event-booking-wrapper h3,
.event-booking-wrapper h4,
.event-booking-wrapper h5,
.event-booking-wrapper span,
.event-booking-wrapper label,
.event-booking-wrapper li,
.event-booking-wrapper button.btn,
.event-booking-wrapper a.btn-custom,
.event-booking-wrapper input::placeholder {
  font-family: Circe Rounded, sans-serif;
}

.event-booking-wrapper input::-webkit-outer-spin-button,
.event-booking-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.event-booking-wrapper input[type="number"] {
  -moz-appearance: textfield;
}

.event-booking-wrapper input::placeholder,
.event-booking-wrapper textarea::placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #d9d9d9;
}

.event-booking-wrapper h2 {
  font-size: 3.438rem;
  line-height: 2.5rem;
  font-weight: 800;
  text-transform: uppercase;
}

.event-booking-wrapper p {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.938rem;
}

.event-booking-wrapper p.message {
  color: red;
  text-align: center;
  position: absolute;
  top: 10.25rem;
  font-size: 1rem;
  line-height: 1rem;
}

.event-booking-wrapper p.message span {
  color: #00dfb5;
}

.event-booking-wrapper .bg-error-msg {
  background: #ff249c;
  border-radius: 0.5rem;
  padding: 0.25rem 1rem;
}

.event-booking-wrapper .title {
  color: white;
  font-size: 3.438rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 3rem;
}

.event-booking-wrapper .title span {
  color: #00dfb5;
}

.event-booking-wrapper input#date[type="date"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  width: 16rem;
  height: 3rem;
}

.event-booking-wrapper
  input#date[type="date"]::-webkit-calendar-picker-indicator {
  background: url("data:image/svg+xml,%3Csvg width='1.375rem' height='1.375rem' viewBox='0 0 22 22' fill='%2300DFB5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3913 4.61808C17.1494 4.61808 16.9173 4.52193 16.746 4.35071C16.5747 4.17949 16.4782 3.94718 16.4776 3.70475V0.960351C16.4776 0.717537 16.5739 0.484668 16.7452 0.312972C16.9166 0.141277 17.149 0.0448243 17.3913 0.0448243C17.6336 0.0448243 17.866 0.141277 18.0374 0.312972C18.2087 0.484668 18.305 0.717537 18.305 0.960351V3.70475C18.305 3.82487 18.2813 3.94382 18.2354 4.05477C18.1894 4.16573 18.1221 4.26651 18.0372 4.35135C17.9524 4.43619 17.8516 4.50342 17.7408 4.54919C17.63 4.59496 17.5112 4.61837 17.3913 4.61808ZM4.6087 4.61808C4.36696 4.61808 4.13511 4.52186 3.96418 4.35057C3.79324 4.17929 3.69722 3.94698 3.69722 3.70475V0.960351C3.69116 0.836497 3.71028 0.7127 3.7534 0.596471C3.79653 0.480241 3.86277 0.374006 3.9481 0.284202C4.03344 0.194398 4.1361 0.122897 4.24984 0.0740438C4.36358 0.0251907 4.48604 0 4.60979 0C4.73354 0 4.856 0.0251907 4.96974 0.0740438C5.08349 0.122897 5.18615 0.194398 5.27148 0.284202C5.35682 0.374006 5.42305 0.480241 5.46618 0.596471C5.50931 0.7127 5.52842 0.836497 5.52236 0.960351V3.70475C5.52236 3.82487 5.49872 3.94382 5.45278 4.05477C5.40684 4.16573 5.3395 4.26651 5.25463 4.35135C5.16976 4.43619 5.06901 4.50342 4.95818 4.54919C4.84734 4.59496 4.72858 4.61837 4.6087 4.61808ZM21.0416 7.36248H0.958399C0.834796 7.36855 0.711251 7.3494 0.595258 7.30619C0.479265 7.26297 0.373246 7.19659 0.283624 7.11108C0.194003 7.02557 0.122647 6.92271 0.0738932 6.80874C0.0251395 6.69476 0 6.57205 0 6.44805C0 6.32404 0.0251395 6.20134 0.0738932 6.08736C0.122647 5.97339 0.194003 5.87053 0.283624 5.78502C0.373246 5.69951 0.479265 5.63313 0.595258 5.58991C0.711251 5.5467 0.834796 5.52755 0.958399 5.53362H21.0416C21.1652 5.52755 21.2888 5.5467 21.4047 5.58991C21.5207 5.63313 21.6268 5.69951 21.7164 5.78502C21.806 5.87053 21.8774 5.97339 21.9261 6.08736C21.9749 6.20134 22 6.32404 22 6.44805C22 6.57205 21.9749 6.69476 21.9261 6.80874C21.8774 6.92271 21.806 7.02557 21.7164 7.11108C21.6268 7.19659 21.5207 7.26297 21.4047 7.30619C21.2888 7.3494 21.1652 7.36855 21.0416 7.36248ZM2.33219 3.70475C2.20975 3.70533 2.0925 3.75432 2.00592 3.84107C1.91935 3.92782 1.87045 4.04532 1.86988 4.16801V19.7101C1.87046 19.8326 1.91942 19.9498 2.00606 20.0362C2.09269 20.1226 2.20995 20.1711 2.33219 20.1711H19.67C19.792 20.1711 19.9091 20.1226 19.9954 20.0361C20.0816 19.9496 20.1301 19.8323 20.1301 19.7101V4.15702C20.1301 4.03454 20.0817 3.91704 19.9955 3.83023C19.9093 3.74342 19.7922 3.69435 19.67 3.69377L2.33219 3.70475ZM19.67 22H2.33219C1.72607 21.9994 1.14492 21.758 0.716125 21.3288C0.287331 20.8995 0.0458929 20.3174 0.0447331 19.7101V4.16581C0.0458913 3.55826 0.28726 2.97592 0.715991 2.54631C1.14472 2.11671 1.72587 1.87485 2.33219 1.87369H19.6678C20.2743 1.87427 20.8558 2.11595 21.2846 2.54568C21.7135 2.97541 21.9547 3.55808 21.9553 4.16581V19.7101C21.9518 20.3153 21.7096 20.8946 21.2814 21.3216C20.8533 21.7485 20.274 21.9884 19.67 21.989V22Z' fill='%2300DFB5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 1.375rem;
  height: 1.1rem;
}

.event-booking-wrapper input#date[type="date"]::before {
  color: #e1dfec;
  content: attr(placeholder);
  text-align: center;
  position: absolute;
  left: 4.375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.313rem;
}

.event-booking-wrapper input#date[type="date"] {
  content: "";
  color: transparent;
}

.event-booking-wrapper input#date[type="date"]:focus,
.event-booking-wrapper input#date[type="date"]:valid {
  color: #000000;
  text-align: center;
  display: flex;
  justify-content: center;
  -webkit-text-fill-color: #000000;
}

.event-booking-wrapper input#date[type="date"]:focus:before,
.event-booking-wrapper input#date[type="date"]:valid:before {
  content: "" !important;
}

.event-booking-wrapper label {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
}

.event-booking-wrapper #place-select::placeholder {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.313rem;
}

.event-booking-wrapper button,
.event-booking-wrapper a.btn-custom {
  background-color: #00dfb5;
  color: #050179;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25rem;
  width: 100%;
  height: 3rem;
}

.event-booking-wrapper button:hover,
.event-booking-wrapper a.btn-custom:hover {
  color: #050179;
}

.event-booking-wrapper .include-list {
  border-radius: 3.125rem;
  padding: 1.313rem 2.75rem;
}

.event-booking-wrapper .include-list p {
  color: #ff249c;
  font-size: 1.5rem;
  line-height: 1.938rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.094rem;
  margin: 0;
  padding-top: 0.625rem;
}

.event-booking-wrapper .container {
  display: flex;
  justify-content: center;
}

.event-booking-wrapper .container-wrapper {
  display: flex;
  gap: 2.063rem;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}

.event-booking-wrapper .content-wrapper {
  background-color: #ffffff;
  border-radius: 3.125rem;
  padding: 2.188rem 3.125rem;
}

.event-booking-wrapper .content-wrapper.info {
  max-width: 44.75rem;
}

.event-booking-wrapper .info-item {
  display: flex;
  align-items: center;
  font-size: 1.375rem;
  color: #050179;
}

.event-booking-wrapper .info-item-pink {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #ff249c;
  margin-bottom: 0;
  line-height: 1.25rem;
}

.event-booking-wrapper .content-wrapper.info img {
  padding-right: 1rem;
  display: block;
}

.event-booking-wrapper .content-wrapper.price {
  width: 19.813rem;
  position: relative;
  padding-bottom: 3.125rem;
}

.event-booking-wrapper .price-item {
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 0;
}

.event-booking-wrapper .price-message {
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #ff249c;
  margin-bottom: 2.813rem;
}

.event-booking-wrapper .price-item.blue {
  color: #050179;
}

.event-booking-wrapper .price-item.pink {
  color: #ff249c;
  font-weight: 350;
}

.event-booking-wrapper .price-button {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.125rem;
  border-bottom-left-radius: 3.125rem;
  border-bottom-right-radius: 3.125rem;
  border: none;
  background-color: #fff0f8;
  font-size: 1.125rem;
  font-weight: 400;
}

.event-booking-wrapper .icons {
  display: flex;
  gap: 0.938rem;
  justify-content: center;
}

.event-booking-wrapper .icon-wrapper {
  background-color: #fff0f8;
  display: flex;
  gap: 0.625rem;
  padding: 0.563rem 1.125rem;
  border-radius: 6.25rem;
}

.event-booking-wrapper .icon-wrapper p img {
  padding-right: 0.625rem;
}

.event-booking-wrapper .faq-title {
  font-size: 3rem;
  line-height: 3.875rem;
  font-weight: 800;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  margin: 5.813rem 0 0.938rem;
}

.event-booking-wrapper .faq-button {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 800;
  padding: 1.25rem 3.125rem;
  text-transform: uppercase;
  background-color: #00dfb5;
  color: #050179;
  border-radius: 0.313rem;
  margin: 0 auto;
}

.event-booking-container .semi-title {
  width: 75%;
  margin-bottom: 3.125rem;
}

.event-booking-container .title {
  text-align: left;
  line-height: 4rem;
}

.include-list .list-event-include {
  padding: 1.25rem;
  margin: 0;
  padding-bottom: 0;
}

.include-list .event-include-item {
  padding: 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.438rem;
  margin-bottom: 1.25rem;
  color: #050179;
}

.events p.events-title {
  text-transform: uppercase;
  font-size: 3.438rem;
  line-height: 4.375rem;
  letter-spacing: 0.094rem;
  color: #ffffff;
  text-align: center;
}

.events p.events-title span {
  font-weight: 800;
  display: block;
}

.events p.events-subheader {
  margin-top: 1.25rem;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2.063rem;
  text-align: center;
  max-width: 100%;
}

.events p.events-subheader span {
  color: #00dfb5;
}

.events .list-product {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2.25rem 2.25rem;
  margin-top: 2.188rem;
}

.events .product-name {
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase;
}

.events .list-product .product-information {
  display: flex;
  flex-direction: column;
}

.product-information .product-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.events a.btn {
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0.5rem;
  font-weight: 400;
  width: 6rem;
  line-height: 1.25rem;
}

.events .btn-deactivate {
  pointer-events: none;
}

.events .included a {
  font-size: 0.75rem;
  line-height: 0.938rem;
  font-weight: 400;
  text-decoration: none;
}

.events .schedule-container {
  padding: 0;
  margin: 0;
}

.events .product-name {
  font-size: 2.125rem;
  color: #050179;
  font-weight: 800;
  text-transform: uppercase;
}

.events .product-guest {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-transform: lowercase;
  text-align: left;
}

.events .product-price {
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 4.375rem;
  margin-top: 0;
  color: #050179;
}

.events .product-desc {
  color: #050179;
  text-align: end;
  display: flex;
  justify-content: space-between;
}

.events .product-desc p {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.938rem;
  text-wrap: nowrap;
}

.footer-eventbooking .container {
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 9.5rem;
}

.footer-eventbooking .list-social {
  display: flex;
  gap: 1rem;
  list-style: none;
}

.footer-eventbooking a {
  color: #ffffff;
  line-height: 1.125rem;
  font-family: Circe Rounded, sans-serif;
}

.footer-eventbooking .logo {
  width: 11.25rem;
}

#whatIncludeModal .modal-content {
  width: 100%;
  max-width: 43.188rem;
  border: 0.625rem solid #ff249c;
  border-radius: 3.125rem;
  background-color: #050179;
  padding: 3.5rem 2.75rem;
  position: absolute;
}

#whatIncludeModal button.btn-close {
  color: #00dfb5;
  right: 1.563rem;
  z-index: 3;
}

#whatIncludeModal .modal-title {
  font-weight: 800;
  font-size: 1.875rem;
  line-height: 2.375rem;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}

#whatIncludeModal .list-included {
  padding: 0;
  text-align: -webkit-auto;
}

#whatIncludeModal .list-included li {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.938rem;
  color: #ffffff;
  display: inline;
}

#whatIncludeModal .list-included span {
  color: #00dfb5;
}

/* Checkout */

.event-checkout {
  padding: 3.438rem 0;
  padding-left: 11.438rem;
}

.event-checkout label.form-label {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #050179;
}

.event-checkout .form-control {
  font-weight: 400;
  font-size: 1rem;
  color: #050179;
  height: 4rem;
  border: 0.125rem solid #00dfb5;
  border-radius: 0.313rem;
}

.event-checkout input[type="file"]::file-selector-button {
  height: 4rem;
}

.event-checkout .form-control:focus,
.event-checkout input[type="radio"].form-control {
  box-shadow: none;
}

.event-checkout textarea {
  resize: none;
  padding: 0.625rem;
  height: 4.5rem;
}

.event-checkout .section {
  display: flex;
  justify-content: end;
  gap: 8.25rem;
}

.event-checkout .section-content .event-content {
  padding: 2.5rem 3rem;
  border-radius: 1.875rem;
  min-width: 27.688rem;
}

.event-checkout .section-content .event-form:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 2.563rem 5.875rem;
  max-width: 62.5rem;
}

.event-checkout .section-content .display-name {
  font-weight: 800;
  font-size: 1.75rem;
  text-transform: uppercase;
  line-height: 112.1%;
  color: #050179;
  width: 90%;
}

.event-checkout .section-content .information {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.03rem;
  color: #050179;
  margin-bottom: 0;
}

.event-checkout .section-content .place {
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.03rem;
  color: #ff249c;
  font-weight: 600;
}

.event-checkout .section-content .price {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 112.1%;
  text-transform: uppercase;
  color: #050179;
}

.event-checkout .section-content .tax {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.03rem;
  color: #9d9d9d;
}

.event-checkout .section-content .deposit {
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.03rem;
  color: #ff249c;
}

.event-checkout .section-content .cancellation-policy {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.03em;
  color: #ffffff;
  border-bottom: 1px solid;
  opacity: 0.7;
}

.event-checkout .section-content .edit {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.03rem;
  color: #00dfb5;
  top: 2.75rem;
  right: 1.5rem;
  border-bottom: 1px solid;
  position: absolute;
}

.event-form .row + .event-form .row {
  margin-top: 1.875rem;
}

.verify-phone {
  max-width: 48.75rem;
}

.verify-phone .title-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.verify-title {
  font-weight: 800;
  font-size: 3.438rem;
  line-height: 97.7%;
  max-width: 29.063rem;
  margin: 0;
  text-align: center;
}

.event-booking-wrapper .verify-sub-title {
  font-weight: 800;
  font-size: 2.813rem;
  line-height: 112.1%;
  color: #00dfb5;
  margin-bottom: 0;
}

.event-booking-wrapper .verify-description {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.375rem;
  color: #00dfb5;
  text-transform: uppercase;
}

.verify-form {
  background: #ffffff;
  border-radius: 3.125rem;
  padding: 1.813rem 2.813rem;
  max-width: 45.625rem;
  margin: 0 auto;
  min-height: 18.438rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.verify-form form .form-title {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.375rem;
  color: #00018d;
}

.verify-form form input {
  background: #ffffff;
  border: 0.125rem solid #00018d;
  border-radius: 0.313rem;
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.688rem;
  color: #00018d;
  width: 70%;
  margin: 0 auto;
  padding-left: 0.625rem;
  height: 4rem;
}

.verify-form form input:focus {
  background-color: #fff;
  border-color: #ff92ce;
  color: #00018d;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 36, 156, 0.25);
}

.verify-form form button {
  height: 4rem;
  max-width: 13.938rem;
  margin-top: 1.688rem;
}

.verify-form form p#time-remaining,
.verify-form form p#time-remaining {
  color: #000000;
  font-weight: 500;
}

.get-help {
  text-decoration: underline;
  color: #00018d;
}

.resend-code {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  gap: 0.313rem;
}

.resend-code p {
  color: #888790;
  font-size: 1rem;
  margin: 0;
}

.resend-code a {
  color: #d9d9d9;
  font-weight: 700;
}

.resend-code a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.modal-wrapper {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
}

.hide {
  display: none;
}

.modal-wrapper .modal-content {
  width: 100%;
  max-width: 43.188rem;
  border: 0.625rem solid #ff249c;
  border-radius: 3.125rem;
  background-color: #050179;
  padding: 3.5rem 2.75rem;
  position: absolute;
}

.modal-wrapper a[type="button"] {
  right: 1.875rem;
  top: 1.563rem;
}

.modal-wrapper .modal-title {
  font-weight: 800;
  font-size: 1.875rem;
  line-height: 2.375rem;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-family: Circe Rounded, sans-serif;
}

.modal-wrapper .modal-desc {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.938rem;
  text-align: center;
  color: #ffffff;
  margin: 1.313rem 0;
  font-family: Circe Rounded, sans-serif;
  max-height: 22rem;
  overflow: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal-wrapper .modal-desc::-webkit-scrollbar {
  display: none;
}

.modal-wrapper #verify-email input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.modal-wrapper button {
  max-width: 12.5rem;
  background-color: #00dfb5;
  color: #050179;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25rem;
  width: 100%;
  height: 3rem;
}

#popup-transaction-error button {
  background-color: #00dfb5;
  color: #050179;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25rem;
  min-width: 12.5rem;
  height: 3rem;
}

.reschedule-title {
  font-weight: 800;
  font-size: 3.438rem;
  line-height: 97.7%;
  max-width: 43.75rem;
}

.list-events {
  background: #ffffff;
  border-radius: 3.125rem;
  padding: 4rem 6.063rem;
  text-align: center;
  max-width: 55rem;
}

.list-events h4 {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.375rem;
  color: #00018d;
}

.list-events .sub-title {
  font-size: 1.875rem;
  line-height: 2.375rem;
  color: #00018d;
}

.list-events form.form-list-events {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
}

.list-events form.form-wrapper {
  flex-direction: row;
  justify-content: center;
}

.list-events form ul {
  list-style: none;
  width: 100%;
  padding: 0;
  max-height: 30rem;
  overflow-y: auto;
}

.list-events form li.item-event {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  padding: 0.25rem;
}

.list-events form li.item-event + .list-events form li.item-event {
  margin-top: 0.625rem;
}

.list-events form li.item-event input[type="radio"],
.list-events form li.item-event input[type="checkbox"] {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.list-events form li.item-event label {
  margin: 0;
  font-size: 1.875rem;
  line-height: 2.375rem;
  color: #00018d;
  font-weight: 600;
  letter-spacing: 0.0125rem;
}

.list-events button,
.list-events a.btn-custom,
.verify-phone a.btn-custom {
  max-width: 13.938rem;
  height: 4rem;
  line-height: 4rem;
  padding: 0;
}

#reschedule-event a.btn-custom {
  font-size: 0.938rem;
}

.close-button {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.54117 1.6C3.20117 1.1 2.84117 0.899999 2.42117 0.899999C1.68117 0.899999 1.20117 1.42 1.20117 2.02C1.20117 2.26 1.28117 2.52 1.44117 2.76L4.92117 7.86L1.22117 13.24C1.02117 13.52 0.941172 13.78 0.941172 14.04C0.941172 14.66 1.46117 15.16 2.14117 15.16C2.62117 15.16 2.98117 14.88 3.24117 14.52L6.50117 9.74L9.80117 14.54C10.0612 14.9 10.4412 15.16 10.9012 15.16C11.5612 15.16 12.0612 14.64 12.0612 14C12.0612 13.76 11.9812 13.5 11.8012 13.24L8.10117 7.86L11.6212 2.74C11.7612 2.52 11.8412 2.28 11.8412 2.04C11.8412 1.44 11.4212 0.899999 10.6812 0.899999C10.2212 0.899999 9.84117 1.18 9.54117 1.62L6.56117 6.06L3.54117 1.6Z' fill='%2300DFB5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
  padding: 0.25rem 0.25rem;
  border: 0;
}

.checkbox-group .form-check-label {
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
}

.checkbox-group .icon-label-dairy {
  background-image: url(../img/dairy-grey.svg);
}

.checkbox-group .btn-check:checked ~ .icon-label-dairy {
  background-image: url(../img/dairy-pink.svg);
}

.checkbox-group .icon-label-nut {
  background-image: url(../img/nut-grey.svg);
}

.checkbox-group .btn-check:checked ~ .icon-label-nut {
  background-image: url(../img/nut-pink.svg);
}

.checkbox-group .icon-label-soy {
  background-image: url(../img/soy-grey.svg);
}

.checkbox-group .btn-check:checked ~ .icon-label-soy {
  background-image: url(../img/soy-pink.svg);
}

.checkbox-group .icon-label-vegan {
  background-image: url(../img/vegan-grey.svg);
}

.checkbox-group .btn-check:checked ~ .icon-label-vegan {
  background-image: url(../img/vegan-green.svg);
}

.event-form .question-icon {
  line-height: 1rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-control:valid,
.form-control.is-valid {
  background-image: none;
}

.allergies-checkbox-invalid {
  position: absolute;
  top: 3.125rem;
  left: 0.813rem;
}

.checkbox-invalid {
  position: absolute;
  top: 1.375rem;
  left: 0.625rem;
}

.event-booking-wrapper img.scream-img {
  position: absolute;
  left: 0;
  top: 33.25rem;
  pointer-events: none;
}

.hiring-background {
  background-color: #050179;
  display: flex;
  height: 3.125rem;
  justify-content: center;
  align-items: center;
}

.hiring-text {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: Circe Rounded, sans-serif;
  margin: 0;
}

.hiring-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.58341 11.7501L11.7501 9.58341C11.9029 9.43064 11.9792 9.23619 11.9792 9.00008C11.9792 8.76397 11.9029 8.56953 11.7501 8.41675L9.56258 6.22925C9.4098 6.07647 9.21897 6.00341 8.99008 6.01008C8.76064 6.0173 8.56953 6.0973 8.41675 6.25008C8.26397 6.40286 8.18758 6.5973 8.18758 6.83341C8.18758 7.06953 8.26397 7.26397 8.41675 7.41675L9.16675 8.16675H6.47925C6.24314 8.16675 6.04869 8.24647 5.89591 8.40591C5.74314 8.56591 5.66675 8.76397 5.66675 9.00008C5.66675 9.23619 5.74675 9.43397 5.90675 9.59341C6.06619 9.75341 6.26397 9.83341 6.50008 9.83341H9.16675L8.39591 10.6042C8.24314 10.757 8.17008 10.9481 8.17675 11.1776C8.18397 11.4065 8.26397 11.5973 8.41675 11.7501C8.56953 11.9029 8.76397 11.9792 9.00008 11.9792C9.23619 11.9792 9.43064 11.9029 9.58341 11.7501ZM9.00008 17.3334C7.8473 17.3334 6.76397 17.1145 5.75008 16.6767C4.73619 16.2395 3.85425 15.6459 3.10425 14.8959C2.35425 14.1459 1.76064 13.264 1.32341 12.2501C0.885637 11.2362 0.666748 10.1529 0.666748 9.00008C0.666748 7.8473 0.885637 6.76397 1.32341 5.75008C1.76064 4.73619 2.35425 3.85425 3.10425 3.10425C3.85425 2.35425 4.73619 1.76036 5.75008 1.32258C6.76397 0.885359 7.8473 0.666748 9.00008 0.666748C10.1529 0.666748 11.2362 0.885359 12.2501 1.32258C13.264 1.76036 14.1459 2.35425 14.8959 3.10425C15.6459 3.85425 16.2395 4.73619 16.6767 5.75008C17.1145 6.76397 17.3334 7.8473 17.3334 9.00008C17.3334 10.1529 17.1145 11.2362 16.6767 12.2501C16.2395 13.264 15.6459 14.1459 14.8959 14.8959C14.1459 15.6459 13.264 16.2395 12.2501 16.6767C11.2362 17.1145 10.1529 17.3334 9.00008 17.3334Z' fill='%23FF249C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 1.063rem;
  height: 1.063rem;
  margin-left: 0.625rem;
}

.event-checkout .form-check-input:valid:checked,
.event-checkout .form-check-input:checked {
  background-color: #ff249c;
  border-color: #ff249c;
}

.icon-cream {
  background-image: url("data:image/svg+xml,%3Csvg width='54' height='79' viewBox='0 0 54 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.8857 45.3425C38.7805 45.6918 38.3148 45.8618 37.8301 45.7157L14.2482 38.608C13.7766 38.4659 13.4693 38.0629 13.5746 37.7137C13.6798 37.3645 14.1625 37.1854 14.6342 37.3276L38.216 44.4352C38.4235 44.4732 38.6088 44.5886 38.7335 44.7576C38.8582 44.9265 38.9127 45.136 38.8857 45.3425Z' fill='%23DAA05D'/%3E%3Cpath d='M37.8337 45.7031L37.7175 45.8515L37.4813 46.1612L36.1852 47.901L35.7049 48.5463L35.4516 48.865L34.611 49.9943L34.3996 50.2692L33.9323 50.9184L32.6271 52.6413L32.3582 53.0118L32.1467 53.2866L31.5215 54.1281L30.8506 55.0264L30.3742 55.6588L29.2517 57.1545L29.065 57.3946L28.5847 58.0399L28.415 58.2709L27.2925 59.7667L26.8122 60.412L26.1622 61.2883L26.1452 61.2973L25.52 62.1388L25.3255 62.4047L25.0227 62.7931L23.7305 64.5199L23.2541 65.1523L23.0557 65.4311L22.2059 66.5435L21.958 66.8921L21.4776 67.5374L20.1854 69.2642L19.9531 69.561L19.692 69.9056L19.1086 70.7032L18.3998 71.6324L17.9156 72.2906L17.2107 73.2069L16.2281 72.9107L16.22 72.7954L16.2108 72.7785L16.164 71.7486L16.1164 70.9582L16.0469 69.7663L15.9975 68.792L15.9704 68.3606L15.9538 67.9888L15.8311 65.8355L15.7874 65.0322L15.7602 64.6008L15.6837 63.1951L15.6686 62.866L15.6248 62.0628L15.5021 59.9095L15.4736 59.4353L15.4623 59.0933L15.3932 58.0425L15.3396 56.94L15.2828 56.1328L15.1869 54.2698L15.1732 53.9835L15.1163 53.1763L15.1104 52.8641L15.0106 51.014L14.9669 50.2107L14.9002 49.1043L14.8442 48.0575L14.8237 47.6986L14.8005 47.2542L14.6817 45.088L14.6379 44.2847L14.6228 43.9557L14.6136 43.9388L14.5371 42.5331L14.5191 42.1185L14.4715 41.3282L14.3527 39.162L14.3336 38.8459L14.3269 38.7733L14.3252 38.5894L37.8337 45.7031Z' fill='%23C9823C'/%3E%3Cpath d='M26.0692 42.1573L16.7261 73.0609L17.224 73.2109L37.8339 45.7032L26.0692 42.1573Z' fill='%23AF6327'/%3E%3Cpath d='M37.5072 5.53612C37.6697 5.84479 37.7623 6.1844 37.7784 6.53116C37.7946 6.87793 37.7339 7.22346 37.6007 7.54353C37.4675 7.86361 37.2649 8.15049 37.0072 8.38407C36.7494 8.61765 36.4428 8.79227 36.1087 8.89572C34.6473 9.33753 33.1005 9.44089 31.5874 9.1978C29.4289 8.92539 27.2396 9.13846 25.1829 9.82111C24.234 10.1339 23.4132 10.7392 22.8401 11.5487C22.2671 12.3582 21.9718 13.3296 21.9973 14.321C22.1538 14.9367 22.237 15.5678 22.2451 16.2016C22.0163 18.0514 19.366 18.4518 17.6059 19.3604C16.5637 19.878 15.7292 20.7271 15.2354 21.7725C14.7416 22.8178 14.617 23.9991 14.8815 25.128C15.1042 25.6569 15.177 26.235 15.0921 26.7998C14.9054 27.2327 14.6003 27.6049 14.2108 27.8745C11.7805 29.9637 9.6006 32.8339 10.732 35.8132C11.1699 36.7458 11.7975 37.5802 12.5752 38.2637C13.3529 38.9473 14.264 39.4654 15.2512 39.7854C17.2701 40.4555 19.3734 40.8377 21.4974 40.9202C21.9008 40.8943 22.3057 40.955 22.6844 41.0984C23.063 41.2417 23.4064 41.4643 23.6909 41.7507C23.8652 42.0623 23.9955 42.3959 24.078 42.7421C24.2795 43.1735 24.5678 43.5602 24.9251 43.8784C25.2824 44.1966 25.7012 44.4396 26.1557 44.5925C26.6103 44.7453 27.091 44.8048 27.5682 44.7673C28.0455 44.7297 28.5093 44.5959 28.931 44.3741C30.6724 46.1829 28.5925 48.674 28.5559 50.9768C28.5389 51.3018 28.5924 51.6272 28.7128 51.9312C28.8331 52.2351 29.0176 52.5105 29.2538 52.739C29.8086 53.1184 30.4896 53.27 31.1521 53.1614C31.8145 53.0529 32.4063 52.6928 32.8017 52.1577C33.4178 51.0853 33.779 49.8869 33.8581 48.6527C33.91 48.0288 34.1215 47.4294 34.4728 46.9109C34.8241 46.3923 35.3036 45.9716 35.8662 45.6884C37.0579 45.2434 38.4689 45.6828 39.7753 45.5686C40.7682 45.4127 41.7028 45.0085 42.4906 44.3942C43.2784 43.7799 43.8934 42.9759 44.2775 42.0582C45.3296 39.69 45.6204 37.0545 45.1106 34.5069C44.6009 31.9592 43.315 29.6219 41.4264 27.8098C42.3231 27.0028 43.0491 26.0279 43.5631 24.9407C43.9798 23.6909 44.0432 22.35 43.7463 21.0622C43.4495 19.7744 42.8037 18.5886 41.8786 17.6327C39.9051 15.5437 37.4064 14.0112 34.6417 13.194C35.569 13.1221 36.455 12.792 37.1974 12.2419C37.9398 11.6917 38.5082 10.944 38.8372 10.0849C39.0915 9.20461 39.085 8.26885 38.8185 7.38841C38.552 6.50797 38.0366 5.71971 37.3334 5.11693' fill='%23FF249C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 3rem;
  height: 4.438rem;
  right: -1rem;
}

.payment-information .title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #ff249c;
  text-align: left;
}

.payment-information p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #050179;
  max-width: 80%;
}

.desktop {
  display: block !important;
}

.mobile {
  display: none !important;
}

.event-booking-wrapper p.message.code {
  top: 11.5rem;
}

.events .pagination {
  position: absolute;
  justify-content: space-between;
  width: 100%;
  left: 0;
  padding: 0 0.5rem;
  top: 50%;
}

.events .pagination a {
  width: 0.438rem;
  height: 0.75rem;
  background-repeat: no-repeat;
}

.events .pagination .btn-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.62745 5.90228L5.54592 2.44459C6.01398 1.88981 6.01398 0.989678 5.54592 0.433918C5.07717 -0.121202 4.31731 -0.121202 3.84873 0.433918L0.454516 4.45526C0.161035 4.8026 0.0512961 5.28543 0.1253 5.73426C-0.0884076 6.27907 -0.0056391 6.94696 0.373606 7.39587L3.88848 11.5605C4.37377 12.1358 5.16054 12.1358 5.64566 11.5605C6.13147 10.9853 6.13147 10.0537 5.64566 9.47853L2.62745 5.90228Z' fill='%23FF249C'/%3E%3C/svg%3E%0A");
}

.events .pagination .btn-next {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.37255 5.90228L1.45408 2.44459C0.986025 1.88981 0.986025 0.989678 1.45408 0.433918C1.92283 -0.121202 2.68269 -0.121202 3.15127 0.433918L6.54548 4.45526C6.83897 4.8026 6.9487 5.28543 6.8747 5.73426C7.08841 6.27907 7.00564 6.94696 6.62639 7.39587L3.11152 11.5605C2.62623 12.1358 1.83946 12.1358 1.35434 11.5605C0.868535 10.9853 0.868535 10.0537 1.35434 9.47853L4.37255 5.90228Z' fill='%23FF249C'/%3E%3C/svg%3E%0A");
}

.events .pagination a[disabled="disabled"] {
  opacity: 0.7;
  cursor: no-drop;
}

.cta-event {
  bottom: 0;
  position: absolute;
}

.parentDiv {
  z-index: 2;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .event-booking-header .logo {
    padding-top: 2rem;
  }

  .event-booking-wrapper .content-wrapper.price {
    width: 100%;
  }

  .event-booking-header .hiring-navbar-toggler {
    display: block;
  }

  .event-booking-header .navbar-toggler {
    display: block;
  }

  .event-booking-header .navbar-menu {
    display: none;
  }

  .event-booking-wrapper {
    padding: 6.125rem 1rem;
  }

  .event-booking-wrapper.confirm {
    padding: 6.125rem 0;
  }

  .event-booking-container {
    grid-template-columns: 1fr;
  }

  .event-booking-container .title {
    font-size: 2.375rem;
    text-align: center;
  }

  .event-booking-container .semi-title {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 2.5rem 2rem;
    font-size: 1.375rem;
    text-align: center;
  }

  .event-booking-wrapper img.scream-img {
    top: 92rem;
  }

  .event-booking-wrapper .include-list {
    padding: 1.5rem 1.25rem;
    margin: -5rem 0 16rem;
  }

  .event-booking-wrapper .verify-phone .verify-form {
    padding: 1.813rem 1.813rem;
  }

  .event-booking-wrapper p.message {
    line-height: 1rem;
  }

  .events p.events-title {
    font-size: 2.375rem;
    line-height: 2.8rem;
  }

  .events .list-product .product-container {
    max-width: 20.375rem;
    min-width: 20.375rem;
    padding: 1rem;
  }

  .events .schedule-container .schedule-inner .btn {
    padding: 0.375rem 0.5rem;
  }

  .events .product-name {
    font-size: 1.75rem;
  }

  .events .product-price {
    font-size: 2.75rem;
  }

  .events .included {
    text-align: center;
  }

  .verify-title {
    font-size: 2.375rem;
    padding: 1.5rem;
  }

  .verify-phone .party-icon {
    position: absolute;
  }

  .verify-phone .party-icon.left {
    top: 22.5rem;
    left: -2.5rem;
  }

  .verify-phone .party-icon.right.mobile {
    top: 17.5rem;
    right: 0;
  }

  .verify-form form input {
    width: 100%;
    font-size: 1.75rem;
  }

  .verify-form form .form-title,
  .event-booking-wrapper .verify-description {
    font-size: 1.375rem;
  }

  .event-booking-wrapper .verify-sub-title {
    font-size: 2.125rem;
  }

  .reschedule-title {
    font-size: 2.125rem;
  }

  .event-booking-wrapper p.message.phone {
    top: 12rem;
  }

  .event-booking-wrapper p.message.code {
    top: 15.125rem;
  }

  .verify-form form button {
    margin-top: 1.688rem;
  }

  .list-events {
    padding: 2rem 1rem;
  }

  .list-events h4 {
    font-size: 1.5rem;
  }

  .list-events .sub-title {
    font-size: 1.5rem;
  }

  .list-events form li.item-event input[type="radio"],
  .list-events form li.item-event input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
  }

  .list-events form li.item-event {
    gap: 0.875rem;
  }

  .list-events form li.item-event label {
    font-size: 1rem;
  }

  .event-checkout .section {
    flex-direction: column;
    gap: 1rem;
  }

  .event-checkout .section-content.with-padding {
    padding: 0 2rem;
  }

  .event-checkout .section-content .event-content {
    min-width: 0;
    padding: 2rem 2rem 3rem;
  }

  .event-checkout .section-content .information,
  .event-checkout .section-content .deposit {
    line-height: 1.5rem;
  }

  .event-checkout .section-content .cancellation-policy {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
  }

  .event-checkout .section-content .background-event-form {
    background-image: url("data:image/svg+xml,%3Csvg width='390' height='199' viewBox='0 0 390 199' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='581.083' cy='348.359' rx='216.754' ry='293.749' transform='rotate(180 581.083 348.359)' fill='white'/%3E%3Cellipse cx='-34.2208' cy='351.808' rx='309.779' ry='320.192' transform='rotate(180 -34.2208 351.808)' fill='white'/%3E%3Cellipse cx='340.311' cy='54.8982' rx='58.0646' ry='54.8982' transform='rotate(180 340.311 54.8982)' fill='white'/%3E%3Cellipse cx='271.911' cy='47.1378' rx='28.5763' ry='27.018' transform='rotate(180 271.911 47.1378)' fill='white'/%3E%3Cellipse cx='310.823' cy='351.808' rx='338.052' ry='308.12' transform='rotate(180 310.823 351.808)' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 100%;
    height: 7.063rem;
  }

  .event-checkout .section-content .white-blob {
    background: #fff;
    position: absolute;
    border-radius: 50%;
  }

  .event-checkout .section-content .white-blob.blob-1 {
    width: 5.563rem;
    height: 5.375rem;
    left: -3rem;
    top: 0;
  }

  .event-checkout .section-content .white-blob.blob-2 {
    width: 0.813rem;
    height: 0.813rem;
    top: -1rem;
    left: 1.5rem;
  }

  .event-checkout .section-content .event-form:last-child {
    padding: 1rem;
    border-radius: 0;
  }

  .footer-eventbooking {
    background-image: url(../img/blob.svg);
    height: 20rem;
    margin-top: 1rem;
  }

  .footer-eventbooking .container {
    flex-direction: column;
  }

  .footer-eventbooking .logo {
    margin-top: 6rem;
  }

  .footer-eventbooking .list-social {
    padding: 0;
    margin-top: 1rem;
  }

  .event-booking-wrapper .green-blob {
    background: #00dfb5;
    position: absolute;
    border-radius: 50%;
  }

  .event-booking-wrapper .green-blob.blob-6 {
    width: 0.875rem;
    height: 0.875rem;
    top: 106rem;
    right: 3rem;
  }

  .event-booking-wrapper .blob-7 {
    position: absolute;
    width: 2.688rem;
    top: 108rem;
    right: 0;
  }

  .event-booking-wrapper .content-wrapper {
    padding: 2rem;
  }

  .event-booking-wrapper .title {
    font-size: 2.375rem;
  }

  .event-booking-wrapper .container-wrapper {
    flex-direction: column;
    gap: 1.1rem;
  }

  .event-booking-wrapper .content-wrapper.info {
    width: 100%;
  }

  .event-booking-wrapper .info-item,
  .event-booking-wrapper .info-item-pink {
    font-size: 1rem;
    align-items: center;
  }

  .event-booking-wrapper .icons {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .event-booking-wrapper .faq-title {
    font-size: 2.125rem;
  }

  .event-checkout .section-content .background-edit {
    width: 100%;
    background-color: #00dfb5;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 1.875rem;
    border-bottom-right-radius: 1.875rem;
  }

  .event-checkout .section-content .edit {
    position: static;
    color: #050179;
    border: none;
    padding: 0 40%;
  }

  .payment-information .title {
    font-size: 1rem;
  }

  .payment-information p {
    max-width: 100%;
  }

  .event-checkout .section-content .form-action {
    flex-direction: column-reverse;
  }

  .event-checkout .section-content .form-action .w-75 {
    text-align: center;
    margin-top: 1.5rem;
  }

  .event-checkout .event-checkout-title {
    color: #fff;
    font-size: 2.375rem;
    line-height: 2.784rem;
    text-align: center;
    padding: 0 1rem;
    font-weight: 400;
  }

  .event-checkout .event-checkout-title span {
    font-weight: 800;
  }

  .event-booking-wrapper input#date[type="date"] {
    font-size: 1rem;
    width: 9.5rem;
  }

  .event-booking-wrapper input#date[type="date"]::before {
    left: 2.7rem;
  }

  .event-booking-wrapper input#date[type="date"] {
    gap: 0;
  }

  .verify-form form p#time-remaining,
  .verify-form form p#time-remaining {
    line-height: 1.5rem;
  }

  .cta-event {
    text-align: center;
    position: relative;
    margin-top: 1rem;
  }

  .events .pagination {
    position: relative;
    margin-top: 1rem;
    z-index: 1;
  }

  .modal-wrapper .modal-content {
    padding: 3.5rem 0.75rem;
  }

  .events .pagination a {
    padding: 0.75rem;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 601px) and (orientation: portrait) {
  .event-booking-wrapper {
    padding: 6rem 6rem 0;
  }

  .event-booking-wrapper img.scream-img {
    top: 66.25rem;
  }

  .event-booking-container {
    grid-template-columns: 1fr;
  }

  .events .list-product {
    grid-template-columns: 1fr;
  }

  .event-booking-container .title {
    text-align: center;
  }

  .event-booking-container .semi-title {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0 2rem;
    text-align: center;
  }

  .event-checkout {
    padding: 5rem;
  }

  .event-checkout .section {
    flex-direction: column;
    gap: 5.25rem;
  }

  .event-checkout .section-content.with-padding {
    padding: 0 5rem;
  }

  .event-checkout .section-content .event-form:last-child {
    border-radius: 1.875rem;
    padding: 2.563rem;
  }

  .event-checkout .section-content .cancellation-policy {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
  }

  .event-booking-wrapper .container-wrapper.tablet {
    flex-direction: column;
    gap: 1.063rem;
  }

  .event-booking-wrapper .container-wrapper.tablet .content-wrapper.price {
    width: 100%;
  }

  .event-booking-wrapper p.message {
    top: 10.25rem;
    line-height: 1.5rem;
  }

  .event-booking-wrapper p.message.code {
    top: 13.5rem;
  }

  .list-events {
    padding: 2rem;
  }

  .list-events form li.item-event label {
    font-size: 1rem;
    font-weight: 700;
  }

  .event-booking-wrapper .content-wrapper.info {
    width: 100%;
  }

  .event-booking-wrapper .icons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem;
  }

  .cta-event {
    margin-top: 1rem;
    position: relative;
  }

  .event-booking-wrapper .title {
    line-height: 3.25rem;
  }
}

/* Medium devices (landscape tablets, 768px and max to 1024px) */
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  .event-booking-wrapper p.message.code {
    top: 14rem;
  }
}

/* Medium devices (landscape tablets, 768px and max to 1180px) */
@media only screen and (orientation: landscape) and (max-width: 1180px) {
  .event-booking-wrapper .title {
    line-height: 3.25rem;
  }

  .cta-event {
    position: relative;
    margin-top: 1rem;
  }

  .event-booking-wrapper img.scream-img {
    top: 59.25rem;
  }

  .event-booking-container {
    grid-template-columns: 1fr;
  }

  .events .list-product {
    grid-template-columns: 1fr;
  }

  .event-booking-container .title {
    text-align: center;
  }

  .event-booking-container .semi-title {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 4.5rem 2rem;
    text-align: center;
  }

  .event-checkout {
    padding: 5rem;
  }

  .event-checkout .section {
    flex-direction: column;
    gap: 5.25rem;
  }

  .event-checkout .section-content.with-padding {
    padding: 0 10rem;
  }

  .event-checkout .section-content .event-form:last-child {
    border-radius: 1.875rem;
  }

  .event-checkout .section-content .cancellation-policy {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
  }

  .event-booking-wrapper .container-wrapper.tablet {
    flex-direction: column;
    gap: 1.063rem;
  }

  .event-booking-wrapper .container-wrapper.tablet .content-wrapper.price {
    width: 100%;
  }

  .event-booking-wrapper .content-wrapper.info {
    width: 100%;
  }
}