.elementor-1765 .elementor-element.elementor-element-589355d{--display:flex;}#elementor-popup-modal-1765 .dialog-widget-content{background-color:#02010100;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);}#elementor-popup-modal-1765 .dialog-message{height:380px;align-items:flex-start;}#elementor-popup-modal-1765{justify-content:center;align-items:flex-end;}@media(max-width:767px){.elementor-1765 .elementor-element.elementor-element-589355d{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1765 .elementor-element.elementor-element-5e0fc71 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-1765 .dialog-message{width:100em;height:100px;}#elementor-popup-modal-1765{justify-content:center;align-items:flex-end;}}/* Start custom CSS for html, class: .elementor-element-5e0fc71 *//* Ensure Futura Std is loaded on your site for this to work */
/* If not loaded, it will fall back to Futura, Arial Black, or sans-serif */

.glint-button-loop {
  /* --- Button Sizing & Layout --- */
  display: flex; /* Use flex to make it expand and easily center text */
  align-items: center;
  justify-content: center;
  width: 100%; /* Make the button fill its container (the popup) */
  height: 55px; /* Your requested height */
  box-sizing: border-box; /* Ensures padding doesn't break the height */
  
  /* --- Font & Text Styling --- */
  font-family: 'Futura Std', 'Futura', 'Arial Black', sans-serif;
  font-weight: 800; /* Extra Bold */
  font-size: 16px; /* Adjust as needed */
  color: #FFFFFF; /* White text */
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.5px; /* Optional: Adjust letter spacing */
  
  /* --- Button Appearance --- */
  background-color: #4E55F5; /* Your brand color */
  border: none;
  /* border-radius: 8px; */ /* Removed for a full-width bar effect */
  cursor: pointer;
  
  /* --- Glint Effect Setup --- */
  position: relative; /* Required for the pseudo-element */
  overflow: hidden;   /* Hides the glint when it's off-screen */
  z-index: 10000;     /* Ensure it's above other elements */
}

/* Darken button slightly on hover */
.glint-button-loop:hover {
  background-color: #4249d6; 
}

/* --- The Glint Element --- */
.glint-button-loop::after {
  content: '';
  position: absolute;
  top: 0;
  left: -200%; /* Start even further off-screen to allow for full glint movement */
  width: 100%; /* Width of the glint area relative to button */
  height: 100%;
  
  /* The angled shine effect */
  background: linear-gradient(
    90deg, 
    transparent, 
    rgba(255, 255, 255, 0.4), /* Adjust opacity of the shine */
    transparent
  );
  transform: skewX(-25deg); /* Angles the glint */
  
  /* Animation for continuous loop */
  animation: glint-loop 3s infinite linear; /* 3s duration, infinite, linear speed */
}

/* --- Glint Animation Keyframes --- */
@keyframes glint-loop {
  0% {
    left: -200%; /* Start off-screen left */
  }
  100% {
    left: 200%; /* Move across to off-screen right */
  }
}

/* Elementor Popup Specific Overrides (Optional, if needed) */
/* These target the outer wrapper of the popup to ensure no extra padding */
.elementor-popup-modal .dialog-widget-content {
    padding: 0 !important;
    max-width: 100vw !important; /* Ensure it truly spans full width on mobile */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-589355d */.glint-button {
  /* --- Button Sizing & Layout --- */
  display: inline-flex; /* Use flex to easily center text */
  align-items: center;
  justify-content: center;
  height: 55px; /* Your requested height */
  padding: 0 35px; /* Side padding */
  box-sizing: border-box; /* Ensures padding doesn't break the height */
  
  /* --- Font & Text Styling --- */
  font-family: 'Futura Std', 'Futura', 'Arial Black', sans-serif;
  font-weight: 800; /* Extra Bold */
  font-size: 16px; /* Adjust as needed */
  color: #FFFFFF; /* White text */
  text-transform: uppercase;
  text-decoration: none;
  
  /* --- Button Appearance --- */
  background-color: #4E55F5; /* Your brand color */
  border: none;
  border-radius: 8px; /* Slightly rounded corners */
  cursor: pointer;
  
  /* --- Glint Effect Setup --- */
  position: relative; /* Required for the pseudo-element */
  overflow: hidden;   /* Hides the glint when it's off-screen */
  /* transition has been removed */
}

/* This block now forces NO hover change */
.glint-button:hover {
  background-color: #4E55F5; /* Stays the ORIGINAL color */
  color: #FFFFFF !important;   /* Forces text to STAY white */
}

/* --- The Glint Element (will now stay hidden) --- */
.glint-button::after {
  content: '';
  position: absolute;
  top: 0;
  width: 50%; /* Width of the glint */
  height: 100%;
  
  /* Start off-screen to the left */
  left: -100%;  
  
  /* The angled shine effect */
  background: linear-gradient(
    90deg,  
    transparent,  
    rgba(255, 255, 255, 0.4),  
    transparent
  );
  transform: skewX(-25deg); /* Angles the glint */
  
  /* transition has been removed */
}

/* The ".glint-button:hover::after" block 
  has been DELETED to stop the glint animation on hover.
*//* End custom CSS */
/* Start custom CSS *//* --- AGGRESSIVE STICKY BUTTON GAP FIX --- */

/* 1. Targets the main modal wrapper (NOW WITH TOP SHADOW) */
.elementor-popup-modal.sticky-mobile-button-popup {
    height: 55px !important;   /* Force the wrapper to be 55px tall */
    max-height: 55px !important;
    bottom: 0 !important;      /* Force it to 0px from the bottom */
    top: auto !important;      /* Ensure it's not locked to the top */
    margin: 0 !important;      /* Nuke ALL margins */
    padding: 0 !important;     /* Nuke ALL padding */

    /* THIS IS THE NEW SHADOW LINE */
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15) !important; 

    border: none !important;
    overflow: hidden !important; /* Hide anything that spills over */
}

/* 2. Targets the inner dialog container */
.elementor-popup-modal.sticky-mobile-button-popup .dialog-message {
    height: 55px !important;
    max-height: 55px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Targets the final content wrapper */
.elementor-popup-modal.sticky-mobile-button-popup .dialog-widget-content {
    height: 55px !important;
    max-height: 55px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* --- 4. Force Button Text to STAY WHITE on Hover --- */

.sticky-mobile-button-popup .glint-button-loop:hover {
    color: #FFFFFF !important; /* Forces text to stay white */
}/* End custom CSS */