.elementor-535 .elementor-element.elementor-element-4d6042c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-535 .elementor-element.elementor-element-4d6042c:not(.elementor-motion-effects-element-type-background), .elementor-535 .elementor-element.elementor-element-4d6042c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-219cace ) 0%, #8A433A 100%);}.elementor-535 .elementor-element.elementor-element-4d6042c.e-con{--align-self:center;}.elementor-535 .elementor-element.elementor-element-2511b91{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-535 .elementor-element.elementor-element-477ee522{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-535 .elementor-element.elementor-element-477ee522 .elementor-heading-title{font-family:"makalo", Sans-serif;font-size:69px;font-weight:600;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:var( --e-global-color-a8ce3aa );stroke:var( --e-global-color-a8ce3aa );color:#FFFCDA;}.elementor-535 .elementor-element.elementor-element-204008be{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-ebc1dcb );--border-color:var( --e-global-color-ebc1dcb );--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-14d0ae02{width:100%;max-width:100%;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 014px 0px;text-align:center;}.elementor-535 .elementor-element.elementor-element-14d0ae02.elementor-element{--align-self:center;}.elementor-535 .elementor-element.elementor-element-14d0ae02 .elementor-heading-title{font-family:"Kenyan Coffee", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-21a84532{width:100%;max-width:100%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 030px) 0px;padding:10px 0px 010px 0px;background-image:linear-gradient(90deg, var( --e-global-color-ebc1dcb ) 0%, #6D4A03 100%);text-align:center;}.elementor-535 .elementor-element.elementor-element-21a84532.elementor-element{--align-self:center;}.elementor-535 .elementor-element.elementor-element-21a84532 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-1e3891bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-5c29b4e1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-4e976072{padding:0px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-4e976072 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-535 .elementor-element.elementor-element-709d5d21{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-709d5d21 p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-7016ed57{padding:14px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-7016ed57 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-76c8bc3d{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-76c8bc3d p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-44126aef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:10px;}.elementor-535 .elementor-element.elementor-element-4a0001f6{padding:0px 0px 15px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-4a0001f6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-4930783{padding:0px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-4930783 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-2ede5622{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-2ede5622 p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-1e620145{padding:14px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-1e620145 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-102e06f8{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-102e06f8 p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-7d0bbe81{padding:14px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-7d0bbe81 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-46358a3d{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-46358a3d p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-c321d90{padding:14px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-c321d90 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-2296134e{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-2296134e p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-4ce2e8b4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:10px;}.elementor-535 .elementor-element.elementor-element-4b127b7f{padding:20px 0px 15px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-4b127b7f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-35dc1ed{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-35dc1ed p{margin-block-end:0.9px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-535 .elementor-element.elementor-element-1e449b1 .elementor-button{background-color:#FFF9DA;font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;text-decoration:none;fill:#BB1414;color:#BB1414;border-radius:5px 5px 5px 5px;padding:-1px -1px -1px -1px;}.elementor-535 .elementor-element.elementor-element-1e449b1{margin:11px 11px calc(var(--kit-widget-spacing, 0px) + 11px) 11px;}.elementor-535 .elementor-element.elementor-element-17205ed7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-6a157206{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-535 .elementor-element.elementor-element-6a157206 .elementor-heading-title{font-family:"makalo", Sans-serif;font-size:69px;font-weight:600;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:var( --e-global-color-a8ce3aa );stroke:var( --e-global-color-a8ce3aa );color:#FFFDD8;}.elementor-535 .elementor-element.elementor-element-7bdfe68c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-ebc1dcb );--border-color:var( --e-global-color-ebc1dcb );--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-261af68c{width:100%;max-width:100%;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 014px 0px;text-align:center;}.elementor-535 .elementor-element.elementor-element-261af68c.elementor-element{--align-self:center;}.elementor-535 .elementor-element.elementor-element-261af68c .elementor-heading-title{font-family:"Kenyan Coffee", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-66ed27af{width:100%;max-width:100%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 030px) 0px;padding:10px 0px 010px 0px;background-image:linear-gradient(90deg, var( --e-global-color-ebc1dcb ) 0%, #6D4A03 100%);text-align:center;}.elementor-535 .elementor-element.elementor-element-66ed27af.elementor-element{--align-self:center;}.elementor-535 .elementor-element.elementor-element-66ed27af .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-5f38153f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-6e45edf7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-2c5a6746{padding:0px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-2c5a6746 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-2e9b078c{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-2e9b078c p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-5cc82afe{padding:14px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-5cc82afe .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-e538ce9{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-e538ce9 p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-3d6d5637{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:10px;}.elementor-535 .elementor-element.elementor-element-7fa31764{padding:0px 0px 15px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-7fa31764 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-23eda032{padding:0px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-23eda032 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-4568ecab{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-4568ecab p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-3d2690f9{padding:14px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-3d2690f9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-28a3dd8c{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-28a3dd8c p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-4ea462b{padding:14px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-4ea462b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-1e974b24{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-1e974b24 p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-71cfe378{padding:14px 0px 10px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-71cfe378 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-7b73abb6{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-7b73abb6 p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-75aaa2f0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:10px;}.elementor-535 .elementor-element.elementor-element-47a00fdf{padding:20px 0px 15px 0px;text-align:left;}.elementor-535 .elementor-element.elementor-element-47a00fdf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-72d1ec89{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-72d1ec89 p{margin-block-end:0.9px;}.elementor-535 .elementor-element.elementor-element-1992659 .elementor-button{background-color:#FFF9DA;font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;text-decoration:none;fill:#BB1414;color:#BB1414;border-radius:5px 5px 5px 5px;padding:-1px -1px -1px -1px;}.elementor-535 .elementor-element.elementor-element-1992659{margin:11px 11px calc(var(--kit-widget-spacing, 0px) + 11px) 11px;}@media(min-width:768px){.elementor-535 .elementor-element.elementor-element-2511b91{--width:40%;}.elementor-535 .elementor-element.elementor-element-204008be{--content-width:100%;}.elementor-535 .elementor-element.elementor-element-1e3891bb{--width:100%;}.elementor-535 .elementor-element.elementor-element-5c29b4e1{--width:50%;}.elementor-535 .elementor-element.elementor-element-44126aef{--width:50%;}.elementor-535 .elementor-element.elementor-element-4ce2e8b4{--width:100%;}.elementor-535 .elementor-element.elementor-element-17205ed7{--width:40%;}.elementor-535 .elementor-element.elementor-element-7bdfe68c{--content-width:100%;}.elementor-535 .elementor-element.elementor-element-5f38153f{--width:100%;}.elementor-535 .elementor-element.elementor-element-6e45edf7{--width:50%;}.elementor-535 .elementor-element.elementor-element-3d6d5637{--width:50%;}.elementor-535 .elementor-element.elementor-element-75aaa2f0{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-204008be *//* 🎟️ Responsive Glassmorphism Ticket with Hover Button & Ticket Shape */
:root{
  --accent: rgba(255,255,255,0.85);
  --shadow: 0 10px 30px rgba(8,10,20,0.35);
  --border: rgba(255,255,255,0.18);
  --gradient-start: rgba(255,255,255,0.08);
  --gradient-end: rgba(255,255,255,0.03);
  --dash-color: rgba(255,255,255,0.25);
  --notch-radius: 14px;
  --brand-color: #00c4ff;
}

/* Container */
#ticket{
  width: min(100%, var(--ticket-width));
  min-height: var(--ticket-height);
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 1PX;
  box-sizing: border-box;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--gradient-start), var(--gradient-end));
  border: 1px solid var(--border);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  box-shadow: var(--shadow);
  position: relative;
  color: var(--accent);
  font-family: "Inter", system-ui, sans-serif;
  overflow: hidden;
  transition: all 0.3s ease;
  isolation: isolate;
}

#ticket:hover{
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.35);
}

/* Inner layout */
#ticket .left,
#ticket .right{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

#ticket .left{ flex: 1; min-width: 0; }
#ticket .right{ width: 180px; text-align: right; align-items: flex-end; }

/* Text styling */
#ticket h3.event{
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--accent);
}
#ticket p{ margin: 0; opacity: 0.95; }
#ticket .when{ font-size: 0.95rem; opacity: 0.9; }
#ticket .venue{ font-size: 0.85rem; opacity: 0.7; }
#ticket .seat{ font-weight: 600; font-size: 0.95rem; }
#ticket .price{
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  padding: 10px 14px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  font-weight: 700;
  font-size: 1.05rem;
  min-width: 82px;
}

/* Perforated divider */
#ticket .divider{
  width: 1px;
  height: calc(100% - 28px);
  margin: 0 6px;
  position: relative;
  display: inline-block;
  align-self: stretch;
}
#ticket .divider::before{
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background-image: repeating-linear-gradient(
    to bottom,
    var(--dash-color) 0 4px,
    transparent 4px 10px
  );
  border-radius: 2px;
}

/* Notches for ticket shape */
#ticket::before,
#ticket::after{
  content: "";
  position: absolute;
  width: calc(var(--notch-radius) * 2);
  height: calc(var(--notch-radius) * 2);
  background: transparent;
  border-radius: 50%;
  background-color: var(--body-bg, #0000);
  z-index: 5;
  mix-blend-mode: destination-out;
}

/* Left notch */
#ticket::before{
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Right notch */
#ticket::after{
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Hover Buy Button */
#ticket .buy-btn{
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 12px 0;
  color: var(--accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top: 1px solid rgba(255,255,255,0.15);
  cursor: pointer;
  transition: all 0.35s ease;
  z-index: 10;
}

/* Hover animation */
#ticket:hover .buy-btn{
  bottom: 0;
  background: linear-gradient(90deg, rgba(0,196,255,0.25), rgba(255,255,255,0.15));
}

/* Button hover glow */
#ticket .buy-btn:hover{
  background: linear-gradient(90deg, var(--brand-color), rgba(0,255,190,0.4));
  color: #fff;
  text-shadow: 0 0 10px var(--brand-color);
}

/* 🎟️ Mobile Ticket Shape */
@media (max-width: 520px){
  :root { --ticket-height: 180px; }
  #ticket{
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    border-radius: 24px;
  }
  #ticket .right{
    width: 100%;
    text-align: left;
    align-items: flex-start;
  }
  #ticket .price{ align-self: flex-start; }

  /* Make notches visible and proportional on mobile */
  #ticket::before,
  #ticket::after{
    width: 24px;
    height: 24px;
    top: unset;
    bottom: -12px;
    transform: none;
  }
  #ticket::before{
    left: 25%;
  }
  #ticket::after{
    right: 25%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7bdfe68c *//* 🎟️ Responsive Glassmorphism Ticket with Hover Button & Ticket Shape */
:root{
  --accent: rgba(255,255,255,0.85);
  --shadow: 0 10px 30px rgba(8,10,20,0.35);
  --border: rgba(255,255,255,0.18);
  --gradient-start: rgba(255,255,255,0.08);
  --gradient-end: rgba(255,255,255,0.03);
  --dash-color: rgba(255,255,255,0.25);
  --notch-radius: 14px;
  --brand-color: #00c4ff;
}

/* Container */
#ticket{
  width: min(100%, var(--ticket-width));
  min-height: var(--ticket-height);
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 1PX;
  box-sizing: border-box;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--gradient-start), var(--gradient-end));
  border: 1px solid var(--border);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  box-shadow: var(--shadow);
  position: relative;
  color: var(--accent);
  font-family: "Inter", system-ui, sans-serif;
  overflow: hidden;
  transition: all 0.3s ease;
  isolation: isolate;
}

#ticket:hover{
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.35);
}

/* Inner layout */
#ticket .left,
#ticket .right{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

#ticket .left{ flex: 1; min-width: 0; }
#ticket .right{ width: 180px; text-align: right; align-items: flex-end; }

/* Text styling */
#ticket h3.event{
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--accent);
}
#ticket p{ margin: 0; opacity: 0.95; }
#ticket .when{ font-size: 0.95rem; opacity: 0.9; }
#ticket .venue{ font-size: 0.85rem; opacity: 0.7; }
#ticket .seat{ font-weight: 600; font-size: 0.95rem; }
#ticket .price{
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  padding: 10px 14px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  font-weight: 700;
  font-size: 1.05rem;
  min-width: 82px;
}

/* Perforated divider */
#ticket .divider{
  width: 1px;
  height: calc(100% - 28px);
  margin: 0 6px;
  position: relative;
  display: inline-block;
  align-self: stretch;
}
#ticket .divider::before{
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background-image: repeating-linear-gradient(
    to bottom,
    var(--dash-color) 0 4px,
    transparent 4px 10px
  );
  border-radius: 2px;
}

/* Notches for ticket shape */
#ticket::before,
#ticket::after{
  content: "";
  position: absolute;
  width: calc(var(--notch-radius) * 2);
  height: calc(var(--notch-radius) * 2);
  background: transparent;
  border-radius: 50%;
  background-color: var(--body-bg, #0000);
  z-index: 5;
  mix-blend-mode: destination-out;
}

/* Left notch */
#ticket::before{
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Right notch */
#ticket::after{
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Hover Buy Button */
#ticket .buy-btn{
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 12px 0;
  color: var(--accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top: 1px solid rgba(255,255,255,0.15);
  cursor: pointer;
  transition: all 0.35s ease;
  z-index: 10;
}

/* Hover animation */
#ticket:hover .buy-btn{
  bottom: 0;
  background: linear-gradient(90deg, rgba(0,196,255,0.25), rgba(255,255,255,0.15));
}

/* Button hover glow */
#ticket .buy-btn:hover{
  background: linear-gradient(90deg, var(--brand-color), rgba(0,255,190,0.4));
  color: #fff;
  text-shadow: 0 0 10px var(--brand-color);
}

/* 🎟️ Mobile Ticket Shape */
@media (max-width: 520px){
  :root { --ticket-height: 180px; }
  #ticket{
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    border-radius: 24px;
  }
  #ticket .right{
    width: 100%;
    text-align: left;
    align-items: flex-start;
  }
  #ticket .price{ align-self: flex-start; }

  /* Make notches visible and proportional on mobile */
  #ticket::before,
  #ticket::after{
    width: 24px;
    height: 24px;
    top: unset;
    bottom: -12px;
    transform: none;
  }
  #ticket::before{
    left: 25%;
  }
  #ticket::after{
    right: 25%;
  }
}/* End custom CSS */