.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__front{background-image:url("https://iyparty.com/staging/wp-content/uploads/2026/08/Build-My-Event.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:none;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__back{background-color:#FFFFFF;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__button{background-color:#EE3424;margin-inline-start:0;font-weight:700;border-color:#02010100;border-radius:10px;}.elementor-80 .elementor-element.elementor-element-0b4b321{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-80 .elementor-element.elementor-element-0b4b321 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-80 .elementor-element.elementor-element-0b4b321.elementor-element{--align-self:stretch;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box{height:520px;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__layer, .elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__layer__overlay{border-radius:16px;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#003366A6;padding:51px 51px 51px 51px;text-align:start;justify-content:center;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:20px;color:#FFFFFF;font-size:52px;font-weight:700;line-height:0.95em;letter-spacing:-1px;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__front .elementor-flip-box__layer__description{color:#FFFFFF;font-size:18px;font-weight:400;line-height:1.5em;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:40px 40px 40px 40px;text-align:start;justify-content:center;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:20px;color:#003366;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;word-spacing:2px;}.elementor-80 .elementor-element.elementor-element-0b4b321 .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:28px;color:#5C6670;font-size:18px;font-weight:400;line-height:1.5em;}/* Start custom CSS *//* Eyebrow above Build My Event Flip Box title */
.build-event-flipbox-wrap
.elementor-flip-box__front
.elementor-flip-box__layer__inner::before {
  content: "GUIDED EVENT BUILDER";
  display: block;
  margin-bottom: 14px;

  color: #f23324;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3em;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Lock the Flip Box prototype to the intended card size */
.build-event-flipbox-wrap {
  width: 520px !important;
  max-width: 520px !important;
  flex: 0 0 520px !important;
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make the widget fill the prototype row */
.build-event-flipbox-wrap > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* Force the Flip Box height */
.build-event-flipbox-wrap .elementor-flip-box {
  width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
}

/* Ensure both faces use the same dimensions */
.build-event-flipbox-wrap .elementor-flip-box__layer {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
}

/* Expert Design Flip Box eyebrow */
.expert-design-flipbox-wrap
.elementor-flip-box__front
.elementor-flip-box__layer__inner::before {
  content: "EXPERT-LED EVENT DESIGN";
}

/* Slower, even magazine-style Flip Box motion */
.build-event-flipbox-wrap .elementor-flip-box__layer {
  transition-duration: 2.5s !important;
  transition-timing-function: ease-in-out !important;
}

/* Tablet sizing for the two finished Flip Boxes */
@media (min-width: 768px) and (max-width: 1024px) {

  .build-event-flipbox-wrap {
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    flex: 0 1 calc(50% - 12px) !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .build-event-flipbox-wrap > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .build-event-flipbox-wrap .elementor-flip-box {
    width: 100% !important;
    height: 480px !important;
    min-height: 480px !important;
  }

  .build-event-flipbox-wrap .elementor-flip-box__layer {
    width: 100% !important;
    height: 100% !important;
    min-height: 480px !important;
  }
}

/* FINAL mobile layout for the two finished Flip Boxes */
@media (max-width: 767px) {

  .build-event-flipbox-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 1 100% !important;
  align-self: stretch !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.build-event-flipbox-wrap .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

  .build-event-flipbox-wrap > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .build-event-flipbox-wrap .elementor-flip-box,
  .build-event-flipbox-wrap .elementor-flip-box__layer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 480px !important;
    min-height: 480px !important;
    box-sizing: border-box !important;
  }

  .build-event-flipbox-wrap
  .elementor-flip-box__layer__overlay {
    padding: 28px 22px !important;
    box-sizing: border-box !important;
  }

  .build-event-flipbox-wrap
  .elementor-flip-box__layer__inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .build-event-flipbox-wrap
  .elementor-flip-box__layer__title {
    font-size: 34px !important;
    line-height: 1em !important;
    letter-spacing: -0.5px !important;
    min-height: 2em !important;
    overflow-wrap: anywhere !important;
  }

  .build-event-flipbox-wrap
  .elementor-flip-box__layer__description {
    font-size: 16px !important;
    line-height: 1.45em !important;
    overflow-wrap: anywhere !important;
  }

  .build-event-flipbox-wrap
  .elementor-flip-box__front
  .elementor-flip-box__layer__inner::before {
    font-size: 11px !important;
    line-height: 1.3em !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 12px !important;
  }

  .build-event-flipbox-wrap
  .elementor-flip-box__button {
    font-size: 14px !important;
    padding: 14px 18px !important;
  }
}

/* Force multistep form labels to display */
.elementor-form .e-form__indicators__indicator__label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: #074b8e !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3em !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* ==================================================
   EVENT BUILDER — STEP 1 SELECTABLE EVENT TILES
   ================================================== */

.event-builder-form
.elementor-field-group-event_type
.elementor-field-subgroup {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}

/* Each radio option becomes a tile */
.event-builder-form
.elementor-field-group-event_type
.elementor-field-option {
  position: relative;
  width: 100%;
  margin: 0 !important;
}

/* Visually hide the ordinary radio circle */
.event-builder-form
.elementor-field-group-event_type
input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* Tile appearance */
.event-builder-form
.elementor-field-group-event_type
input[type="radio"] + label {
  display: flex;
  align-items: center;
  min-height: 76px;
  width: 100%;

  padding: 18px 20px;
  margin: 0;

  background: #f7f9fc;
  border: 1px solid #d8dee8;
  border-radius: 14px;

  color: #064a8e;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25em;

  cursor: pointer;

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease;
}

/* Hover */
.event-builder-form
.elementor-field-group-event_type
input[type="radio"] + label:hover {
  transform: translateY(-2px);
  border-color: #f23324;
  box-shadow: 0 10px 22px rgba(6, 74, 142, 0.12);
}

/* Selected tile */
.event-builder-form
.elementor-field-group-event_type
input[type="radio"]:checked + label {
  background: #f23324;
  border-color: #f23324;
  color: #ffffff;

  box-shadow: 0 10px 24px rgba(242, 51, 36, 0.24);
}

/* Keyboard accessibility */
.event-builder-form
.elementor-field-group-event_type
input[type="radio"]:focus-visible + label {
  outline: 3px solid rgba(242, 51, 36, 0.28);
  outline-offset: 3px;
}

/* Seven choices: make the final option intentionally full width */
.event-builder-form
.elementor-field-group-event_type
.elementor-field-option:last-child {
  grid-column: 1 / -1;
}

/* Mobile: one tile per row */
@media (max-width: 767px) {
  .event-builder-form
  .elementor-field-group-event_type
  .elementor-field-subgroup {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .event-builder-form
  .elementor-field-group-event_type
  .elementor-field-option:last-child {
    grid-column: auto;
  }

  .event-builder-form
  .elementor-field-group-event_type
  input[type="radio"] + label {
    min-height: 66px;
    padding: 16px 18px;
    font-size: 16px;
  }
}

/* ==================================================
   EVENT BUILDER — STEP 2 ATMOSPHERE TILES
   ================================================== */

.event-builder-form
.elementor-field-group-event_atmosphere
.elementor-field-subgroup {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}

.event-builder-form
.elementor-field-group-event_atmosphere
.elementor-field-option {
  position: relative;
  width: 100%;
  margin: 0 !important;
}

/* Hide the standard radio circles */
.event-builder-form
.elementor-field-group-event_atmosphere
input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* Tile appearance */
.event-builder-form
.elementor-field-group-event_atmosphere
input[type="radio"] + label {
  display: flex;
  align-items: center;
  min-height: 76px;
  width: 100%;

  padding: 18px 20px;
  margin: 0;

  background: #f7f9fc;
  border: 1px solid #d8dee8;
  border-radius: 14px;

  color: #064a8e;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25em;

  cursor: pointer;

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease;
}

/* Hover */
.event-builder-form
.elementor-field-group-event_atmosphere
input[type="radio"] + label:hover {
  transform: translateY(-2px);
  border-color: #f23324;
  box-shadow: 0 10px 22px rgba(6, 74, 142, 0.12);
}

/* Selected */
.event-builder-form
.elementor-field-group-event_atmosphere
input[type="radio"]:checked + label {
  background: #f23324;
  border-color: #f23324;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(242, 51, 36, 0.24);
}

/* Keyboard accessibility */
.event-builder-form
.elementor-field-group-event_atmosphere
input[type="radio"]:focus-visible + label {
  outline: 3px solid rgba(242, 51, 36, 0.28);
  outline-offset: 3px;
}

/* Seventh choice spans both columns */
.event-builder-form
.elementor-field-group-event_atmosphere
.elementor-field-option:last-child {
  grid-column: 1 / -1;
}

@media (max-width: 767px) {
  .event-builder-form
  .elementor-field-group-event_atmosphere
  .elementor-field-subgroup {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .event-builder-form
  .elementor-field-group-event_atmosphere
  .elementor-field-option:last-child {
    grid-column: auto;
  }

  .event-builder-form
  .elementor-field-group-event_atmosphere
  input[type="radio"] + label {
    min-height: 66px;
    padding: 16px 18px;
    font-size: 16px;
  }
}

/* ==================================================
   EVENT BUILDER — STEP 3 EXPERIENCE TILES
   Multiple selections allowed
   ================================================== */

.event-builder-form
.elementor-field-group-event_experiences
.elementor-field-subgroup {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}

.event-builder-form
.elementor-field-group-event_experiences
.elementor-field-option {
  position: relative;
  width: 100%;
  margin: 0 !important;
}

/* Hide the ordinary checkbox */
.event-builder-form
.elementor-field-group-event_experiences
input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* Experience tile */
.event-builder-form
.elementor-field-group-event_experiences
input[type="checkbox"] + label {
  position: relative;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: 76px;

  padding: 18px 52px 18px 20px;
  margin: 0;

  background: #f7f9fc;
  border: 1px solid #d8dee8;
  border-radius: 14px;

  color: #064a8e;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25em;

  cursor: pointer;

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease;
}

/* Selection indicator */
.event-builder-form
.elementor-field-group-event_experiences
input[type="checkbox"] + label::after {
  content: "✓";

  position: absolute;
  top: 50%;
  right: 18px;

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

  width: 26px;
  height: 26px;

  border: 2px solid #cbd4e1;
  border-radius: 50%;

  color: transparent;
  font-size: 15px;
  font-weight: 700;

  transform: translateY(-50%);

  transition:
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease;
}

/* Hover */
.event-builder-form
.elementor-field-group-event_experiences
input[type="checkbox"] + label:hover {
  transform: translateY(-2px);
  border-color: #f23324;
  box-shadow: 0 10px 22px rgba(6, 74, 142, 0.12);
}

/* Selected tile */
.event-builder-form
.elementor-field-group-event_experiences
input[type="checkbox"]:checked + label {
  background: #f23324;
  border-color: #f23324;
  color: #ffffff;

  box-shadow: 0 10px 24px rgba(242, 51, 36, 0.24);
}

.event-builder-form
.elementor-field-group-event_experiences
input[type="checkbox"]:checked + label::after {
  background: #ffffff;
  border-color: #ffffff;
  color: #f23324;
}

/* Keyboard accessibility */
.event-builder-form
.elementor-field-group-event_experiences
input[type="checkbox"]:focus-visible + label {
  outline: 3px solid rgba(242, 51, 36, 0.28);
  outline-offset: 3px;
}

/* Ninth option spans the final row */
.event-builder-form
.elementor-field-group-event_experiences
.elementor-field-option:last-child {
  grid-column: 1 / -1;
}

/* Mobile */
@media (max-width: 767px) {
  .event-builder-form
  .elementor-field-group-event_experiences
  .elementor-field-subgroup {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .event-builder-form
  .elementor-field-group-event_experiences
  .elementor-field-option:last-child {
    grid-column: auto;
  }

  .event-builder-form
  .elementor-field-group-event_experiences
  input[type="checkbox"] + label {
    min-height: 66px;
    padding: 16px 48px 16px 18px;
    font-size: 16px;
  }
}/* End custom CSS */