.elementor-5410 .elementor-element.elementor-element-70c08b8{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5410 .elementor-element.elementor-element-9922882{--display:flex;}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-783b7d8 *//* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap');

/* Center Wrapper */
.inf-ticket-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}

.inf-ticket-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  
  /* 20% Increase in Padding and Font Size */
  padding: 19px 65px; 
  font-size: 1.2rem; 
  
  background-color: #1F3C74; /* INF Brand Blue */
  color: #ffffff;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  
  /* Ticket Shape Notches (Side Cutouts scaled up 20%) */
  -webkit-mask-image: radial-gradient(circle at 0% 50%, transparent 12px, black 13px),
                      radial-gradient(circle at 100% 50%, transparent 12px, black 13px);
  mask-image: radial-gradient(circle at 0% 50%, transparent 12px, black 13px),
              radial-gradient(circle at 100% 50%, transparent 12px, black 13px);
  -webkit-mask-composite: source-in, destination-in;
  mask-composite: intersect;

  /* Elevated Shadow & Border Radius */
  border-radius: 10px;
  filter: drop-shadow(0px 8px 15px rgba(31, 60, 116, 0.4));
  transition: transform 0.2s ease, filter 0.2s ease, background-color 0.2s ease;
}

/* Left Perforation Line */
.inf-ticket-button::before {
  content: "";
  position: absolute;
  left: 32px;
  top: 12%;
  bottom: 12%;
  width: 1px;
  border-left: 2px dashed rgba(255, 255, 255, 0.4);
}

/* Right Perforation Line */
.inf-ticket-button::after {
  content: "";
  position: absolute;
  right: 32px;
  top: 12%;
  bottom: 12%;
  width: 1px;
  border-right: 2px dashed rgba(255, 255, 255, 0.4);
}

.ticket-content {
  position: relative;
  z-index: 1;
}

/* Hover State */
.inf-ticket-button:hover {
  background-color: #264a8e;
  transform: translateY(-2px);
  filter: drop-shadow(0px 12px 20px rgba(31, 60, 116, 0.5));
}

/* Clicked / Active State */
.inf-ticket-button:active {
  transform: translateY(1px);
  filter: drop-shadow(0px 4px 8px rgba(31, 60, 116, 0.3));
}/* End custom CSS */