.elementor-423 .elementor-element.elementor-element-8c4859a{--display:flex;--min-height:91px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-423 .elementor-element.elementor-element-8c4859a:not(.elementor-motion-effects-element-type-background), .elementor-423 .elementor-element.elementor-element-8c4859a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D2F0FF 0%, #F9FBFC 100%);}.elementor-423 .elementor-element.elementor-element-3aff128{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-423 .elementor-element.elementor-element-3aff128:not(.elementor-motion-effects-element-type-background), .elementor-423 .elementor-element.elementor-element-3aff128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F0F4FF 0%, #F0F4FF 100%);}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-accd797 *//* MAIN TICKET */
.ticket {
  display: flex;
  max-width: 700px;
  margin: 40px auto;
  background: #0F172A;
  color: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* LEFT SIDE */
.ticket-left {
  padding: 25px;
  flex: 2;
}

.ticket-left h3 {
  margin-bottom: 5px;
}

.ticket-left p {
  color: #94A3B8;
}

.event-info p {
  margin: 5px 0;
}

.ticket-id {
  margin-top: 15px;
  font-size: 13px;
  color: #1FB6C9;
}

/* DIVIDER (TEAR EFFECT) */
.ticket-divider {
  width: 2px;
  background: repeating-linear-gradient(
    to bottom,
    #ffffff,
    #ffffff 6px,
    transparent 6px,
    transparent 12px
  );
}

/* ADD CIRCLES (CUT EFFECT) */
.ticket::before,
.ticket::after {
  content: "";
  width: 20px;
  height: 20px;
  background: #f9fbfc;
  border-radius: 50%;
  position: absolute;
  left: calc(66% - 10px);
}

.ticket::before {
  top: -10px;
}

.ticket::after {
  bottom: -10px;
}

/* RIGHT SIDE (QR) */
.ticket-right {
  flex: 1;
  text-align: center;
  padding: 20px;
}

.ticket-right img {
  width: 120px;
  height: 120px;
  background: #ffffff;
  padding: 10px;
  border-radius: 10px;
}

.ticket-right p {
  margin-top: 10px;
  font-size: 12px;
  color: #94A3B8;
}

/* RESPONSIVE */
@media (max-width: 600px) {
  .ticket {
    flex-direction: column;
  }

  .ticket-divider {
    height: 2px;
    width: 100%;
    background: repeating-linear-gradient(
      to right,
      #ffffff,
      #ffffff 6px,
      transparent 6px,
      transparent 12px
    );
  }

  .ticket::before,
  .ticket::after {
    display: none;
  }
}/* End custom CSS */