.elementor-576 .elementor-element.elementor-element-0c8a62e{--display:flex;}.elementor-576 .elementor-element.elementor-element-613aac1{width:100%;max-width:100%;}.elementor-576 .elementor-element.elementor-element-696baa4{--display:flex;}/* Start custom CSS for html, class: .elementor-element-613aac1 *//* =========================
   GLOBAL LAYOUT
========================= */

.event-ui {
  display: flex;
  gap: 40px;
  padding: 50px;
  background: #0b2e4a;
  border-radius: 12px;
  align-items: stretch;
}

/* LEFT + RIGHT COLUMNS */
.event-left,
.event-right {
  flex: 1;
  min-width: 0;
}

/* IMPORTANT: prevents layout recalculation bugs */
.event-ui {
  contain: layout paint;
}

/* =========================
   PRS FORM (UNCHANGED STYLE)
========================= */

#prs-availability-form {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* TITLE */
.event-left::before {
  content: "Tell Us About Your Event!";
  display: block;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #fff;
}

/* LABELS */
#prs-availability-form label,
.prs-date-label,
.prs-location-label {
  color: #fff !important;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}

/* INPUTS */
#prs-availability-form input,
#prs-availability-form select {
  background: #2d4d68 !important;
  border: none !important;
  border-radius: 40px !important;
  padding: 16px 18px !important;
  color: #fff !important;
  font-size: 16px;
}

#prs-availability-form input::placeholder {
  color: #cbd5e1;
}

/* DATE + TIME */
.prs-date-fields,
.prs-time-selects {
  display: flex !important;
  gap: 15px;
}

/* LOCATION */
#prs-location {
  width: 100%;
}

/* =========================
   BUTTON
========================= */

.prs-check-now {
  width: 100%;
  margin-top: 25px;
  border-radius: 50px !important;
  padding: 20px !important;
  background: #e5e7eb !important;
  color: #0b2e4a !important;
  font-size: 22px;
  font-weight: 700;
  border: none !important;
  cursor: pointer;
  transition: 0.2s ease;
}

.prs-check-now:hover {
  transform: scale(1.02);
}

/* =========================
   RIGHT SIDE (ULTRA LIGHT SLIDER)
========================= */

.event-right {
  position: relative;
  height: 520px;
  contain: layout paint;
}

/* SLIDER WRAPPER */
.slider {
  width: 100%;
  height: 100%;
  position: relative;
}

/* SLIDES (NO TRANSITIONS = FAST LOAD) */
.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
}

/* ACTIVE SLIDE */
.slide.active {
  opacity: 1;
}

/* CLICKABLE LINK */
.slide a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
  position: relative;
}

/* TEXT ONLY (NO EXTRA LAYERS) */
.slide .text {
  position: absolute;
  bottom: 40px;
  left: 40px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}

/* =========================
   ARROWS (MINIMAL COST)
========================= */

.prev,
.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,0.4);
  color: #fff;
  cursor: pointer;
}

.prev { left: 10px; }
.next { right: 10px; }

/* =========================
   PERFORMANCE BOOST
========================= */

.slide,
.slider {
  will-change: opacity;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 900px) {

  .event-ui {
    flex-direction: column;
  }

  .event-right {
    height: 400px;
  }

  .slide .text {
    font-size: 22px;
    bottom: 25px;
    left: 25px;
  }

}/* End custom CSS */