.elementor-10439 .elementor-element.elementor-element-54a20b76:not(.elementor-motion-effects-element-type-background), .elementor-10439 .elementor-element.elementor-element-54a20b76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom left, #F2F1F3 47%, #19B8CCB8 100%);}.elementor-10439 .elementor-element.elementor-element-54a20b76{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10439 .elementor-element.elementor-element-54a20b76 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10439 .elementor-element.elementor-element-1c0b41da{text-align:center;}.elementor-10439 .elementor-element.elementor-element-1c0b41da .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:53px;font-weight:500;}.elementor-10439 .elementor-element.elementor-element-3ba48bee{text-align:center;font-family:"Quicksand", Sans-serif;font-size:19px;}.elementor-10439 .elementor-element.elementor-element-18c2fb17 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor0 );transition:color 0.3s;}.elementor-10439 .elementor-element.elementor-element-18c2fb17 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor0 );transition:fill 0.3s;}.elementor-10439 .elementor-element.elementor-element-18c2fb17{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10439 .elementor-element.elementor-element-18c2fb17 .elementor-icon-list-text{transition:color 0.3s;}.elementor-10439 .elementor-element.elementor-element-5fad53c6{text-align:center;}#elementor-popup-modal-10439{background-color:#1C2638D9;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-10439 .dialog-message{width:1000px;height:640px;align-items:flex-start;}#elementor-popup-modal-10439 .dialog-close-button{display:flex;}#elementor-popup-modal-10439 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-10439 .elementor-element.elementor-element-64ea0325 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-10439 .elementor-element.elementor-element-1c0b41da .elementor-heading-title{font-size:44px;}.elementor-10439 .elementor-element.elementor-element-3ba48bee{font-size:19px;}.elementor-10439 .elementor-element.elementor-element-18c2fb17 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10439 .elementor-element.elementor-element-18c2fb17 .elementor-icon-list-item > a{font-size:16px;}.elementor-10439 .elementor-element.elementor-element-5fad53c6{font-size:10px;}#elementor-popup-modal-10439 .dialog-message{width:360px;height:100vh;}#elementor-popup-modal-10439{justify-content:center;align-items:center;}}/* Start custom CSS for column, class: .elementor-element-77df60aa *//* ============================================================
   AGILITY EOR IRELAND — BOOK A DEMO POPUP
   Custom CSS for WordPress / Elementor
   
   Brand Colours:
   - Midnight Blue:  #1C2638
   - Action Red:     #FF4958
   - Denim Blue:     #354766
   - Turquoise:      #19B8CC
   - Sky Blue:       #C0FAFF
   - Stone Grey:     #D7D4DA
   - Pastel Grey:    #F2F1F3
   
   Fonts:
   - Headings: Neulis Neue Semi Bold (or Nunito 800+ as web fallback)
   - Body:     Proxima Nova (or Source Sans 3 as web fallback)
   ============================================================ */


/* ────────────────────────────────────────────────────────────
   1. POPUP OVERLAY (Elementor popup background)
   Set in: Elementor Popup Settings > Style > Overlay
   Or apply this class to the overlay wrapper
   ──────────────────────────────────────────────────────────── */

.agility-popup-overlay {
  background: rgba(28, 38, 56, 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


/* ────────────────────────────────────────────────────────────
   2. POPUP CONTAINER
   The white card that holds the form.
   In Elementor: set on the popup's outer container/section.
   ──────────────────────────────────────────────────────────── */

.agility-popup-container {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 32px 80px rgba(28, 38, 56, 0.3);
  padding: 36px 36px 28px;
  max-width: 460px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  animation: agilityPopIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes agilityPopIn {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(16px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}


/* ────────────────────────────────────────────────────────────
   3. CLOSE BUTTON
   Elementor has a built-in close button — style it here.
   ──────────────────────────────────────────────────────────── */

.agility-popup-container .dialog-close-button,
.agility-popup-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: rgba(28, 38, 56, 0.06);
  color: #354766;
  font-size: 17px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
  z-index: 10;
}

.agility-popup-container .dialog-close-button:hover,
.agility-popup-close:hover {
  background: rgba(28, 38, 56, 0.1);
}


/* ────────────────────────────────────────────────────────────
   4. HEADING
   "Start hiring in Ireland"
   ──────────────────────────────────────────────────────────── */

.agility-popup-heading {
  font-family: 'Neulis Neue', 'Nunito', 'Quicksand', sans-serif;
  font-size: 26px;
  font-weight: 900;
  color: #1C2638;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 8px 0;
  padding-right: 20px; /* space for close button */
}


/* ────────────────────────────────────────────────────────────
   5. SUBHEADING / DESCRIPTION
   "Tell us a bit about you..."
   ──────────────────────────────────────────────────────────── */

.agility-popup-subheading {
  font-family: 'Proxima Nova', 'Source Sans 3', 'Source Sans Pro', sans-serif;
  font-size: 15px;
  color: #354766;
  opacity: 0.6;
  text-align: center;
  margin: 0 0 24px 0;
  line-height: 1.55;
}


/* ────────────────────────────────────────────────────────────
   6. BENEFITS STRIP
   Three inline trust points above the form.
   Use an Elementor Icon List or inline HTML widget.
   ──────────────────────────────────────────────────────────── */

.agility-benefits-strip {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.agility-benefit-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.agility-benefit-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.agility-benefit-text {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #354766;
}


/* ────────────────────────────────────────────────────────────
   7. FORM LABELS
   ──────────────────────────────────────────────────────────── */

.agility-popup-container label,
.agility-popup-container .elementor-field-label {
  display: block;
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1C2638;
  margin-bottom: 5px;
}

/* Red asterisk for required fields */
.agility-popup-container .elementor-field-required .elementor-field-label::after,
.agility-required-star {
  content: ' *';
  color: #FF4958;
  font-weight: 400;
}


/* ────────────────────────────────────────────────────────────
   8. FORM INPUTS & TEXTAREAS
   ──────────────────────────────────────────────────────────── */

.agility-popup-container input[type="text"],
.agility-popup-container input[type="email"],
.agility-popup-container input[type="tel"],
.agility-popup-container input[type="url"],
.agility-popup-container textarea,
.agility-popup-container select,
.agility-popup-container .elementor-field {
  width: 100%;
  padding: 14px 16px;
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 15px;
  color: #1C2638;
  background: #FFFFFF;
  border: 1.5px solid #D0D5DD;
  border-radius: 10px;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

/* Placeholder text */
.agility-popup-container input::placeholder,
.agility-popup-container textarea::placeholder {
  color: #9CA3AF;
  opacity: 1;
}

/* Focus state — turquoise ring */
.agility-popup-container input:focus,
.agility-popup-container textarea:focus,
.agility-popup-container select:focus,
.agility-popup-container .elementor-field:focus {
  border-color: #19B8CC;
  box-shadow: 0 0 0 3px rgba(25, 184, 204, 0.10);
}

/* Error state — red border */
.agility-popup-container .elementor-error input,
.agility-popup-container input.error,
.agility-popup-container .elementor-field-group.error .elementor-field {
  border-color: #FF4958;
}

/* Error message text */
.agility-popup-container .elementor-message.elementor-message-danger,
.agility-popup-container .error-message {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 12px;
  color: #FF4958;
  margin-top: 3px;
}

/* Spacing between fields */
.agility-popup-container .elementor-field-group,
.agility-form-field {
  margin-bottom: 12px;
}


/* ────────────────────────────────────────────────────────────
   9. SELECT DROPDOWNS
   Custom chevron arrow
   ──────────────────────────────────────────────────────────── */

.agility-popup-container select {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23354766' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

/* Placeholder-style for unselected option */
.agility-popup-container select:invalid,
.agility-popup-container select option[value=""] {
  color: #9CA3AF;
}


/* ────────────────────────────────────────────────────────────
   10. PRIVACY TEXT
   Below the form fields, above the button.
   ──────────────────────────────────────────────────────────── */

.agility-privacy-text {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 12px;
  color: #D7D4DA;
  text-align: center;
  margin: 18px 0 16px;
  line-height: 1.55;
}

.agility-privacy-text a,
.agility-privacy-link {
  color: #19B8CC;
  text-decoration: underline;
  cursor: pointer;
}

.agility-privacy-text a:hover,
.agility-privacy-link:hover {
  color: #14a0b2;
}


/* ────────────────────────────────────────────────────────────
   11. SUBMIT BUTTON
   "Request a Callback"
   ──────────────────────────────────────────────────────────── */

.agility-popup-container button[type="submit"],
.agility-popup-container .elementor-button,
.agility-submit-btn {
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 10px;
  font-family: 'Neulis Neue', 'Nunito', 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #1C2638;
  color: #FFFFFF;
  box-shadow: 0 4px 16px rgba(28, 38, 56, 0.2);
  transition: all 0.2s ease;
}

.agility-popup-container button[type="submit"]:hover,
.agility-popup-container .elementor-button:hover,
.agility-submit-btn:hover {
  background: #354766;
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(28, 38, 56, 0.28);
}

/* Reassurance text below button */
.agility-below-button-text {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 12px;
  color: #D7D4DA;
  text-align: center;
  margin: 10px 0 0;
  line-height: 1.4;
}


/* ────────────────────────────────────────────────────────────
   12. SUCCESS / THANK YOU STATE
   Shown after form submission.
   In Elementor: set as the "After Submit" message or 
   a separate popup step.
   ──────────────────────────────────────────────────────────── */

.agility-success-wrapper {
  padding: 52px 36px;
  text-align: center;
  animation: agilityFadeUp 0.3s ease forwards;
}

@keyframes agilityFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.agility-success-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto 18px;
  background: linear-gradient(135deg, rgba(25, 184, 204, 0.12), rgba(192, 250, 255, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
}

.agility-success-heading {
  font-family: 'Neulis Neue', 'Nunito', 'Quicksand', sans-serif;
  font-size: 23px;
  font-weight: 900;
  color: #1C2638;
  margin: 0 0 8px;
}

.agility-success-text {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 15px;
  color: #354766;
  line-height: 1.6;
  margin: 0 auto 24px;
  max-width: 340px;
  opacity: 0.65;
}

/* "What happens next" box */
.agility-next-steps {
  background: #F2F1F3;
  border-radius: 10px;
  padding: 16px 20px;
  text-align: left;
  max-width: 300px;
  margin: 0 auto 24px;
}

.agility-next-steps-title {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #354766;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}

.agility-next-step-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 5px 0;
}

.agility-next-step-item span {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 13px;
  color: #1C2638;
  line-height: 1.45;
}

/* Close button on success screen */
.agility-success-close {
  padding: 10px 24px;
  background: transparent;
  color: #354766;
  border: 1.5px solid #D0D5DD;
  border-radius: 8px;
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.agility-success-close:hover {
  border-color: #354766;
  color: #1C2638;
}


/* ────────────────────────────────────────────────────────────
   13. MOBILE RESPONSIVE
   ──────────────────────────────────────────────────────────── */

@media (max-width: 520px) {
  .agility-popup-container {
    padding: 28px 24px 22px;
    border-radius: 12px;
    max-width: 100%;
    margin: 8px;
  }

  .agility-popup-heading {
    font-size: 22px;
    padding-right: 30px;
  }

  .agility-popup-subheading {
    font-size: 14px;
    margin-bottom: 18px;
  }

  .agility-benefits-strip {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
  }

  .agility-popup-container input[type="text"],
  .agility-popup-container input[type="email"],
  .agility-popup-container input[type="tel"],
  .agility-popup-container textarea,
  .agility-popup-container select,
  .agility-popup-container .elementor-field {
    padding: 12px 14px;
    font-size: 14px;
    border-radius: 8px;
  }

  .agility-popup-container button[type="submit"],
  .agility-popup-container .elementor-button,
  .agility-submit-btn {
    padding: 14px;
    font-size: 15px;
    border-radius: 8px;
  }

  .agility-success-wrapper {
    padding: 40px 24px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3a12dbad *//* ============================================================
   AGILITY EOR IRELAND — BOOK A DEMO POPUP
   Custom CSS for WordPress / Elementor
   
   Brand Colours:
   - Midnight Blue:  #1C2638
   - Action Red:     #FF4958
   - Denim Blue:     #354766
   - Turquoise:      #19B8CC
   - Sky Blue:       #C0FAFF
   - Stone Grey:     #D7D4DA
   - Pastel Grey:    #F2F1F3
   
   Fonts:
   - Headings: Neulis Neue Semi Bold (or Nunito 800+ as web fallback)
   - Body:     Proxima Nova (or Source Sans 3 as web fallback)
   ============================================================ */


/* ────────────────────────────────────────────────────────────
   1. POPUP OVERLAY (Elementor popup background)
   Set in: Elementor Popup Settings > Style > Overlay
   Or apply this class to the overlay wrapper
   ──────────────────────────────────────────────────────────── */

.agility-popup-overlay {
  background: rgba(28, 38, 56, 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


/* ────────────────────────────────────────────────────────────
   2. POPUP CONTAINER
   The white card that holds the form.
   In Elementor: set on the popup's outer container/section.
   ──────────────────────────────────────────────────────────── */

.agility-popup-container {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 32px 80px rgba(28, 38, 56, 0.3);
  padding: 36px 36px 28px;
  max-width: 460px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  animation: agilityPopIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes agilityPopIn {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(16px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}


/* ────────────────────────────────────────────────────────────
   3. CLOSE BUTTON
   Elementor has a built-in close button — style it here.
   ──────────────────────────────────────────────────────────── */

.agility-popup-container .dialog-close-button,
.agility-popup-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: rgba(28, 38, 56, 0.06);
  color: #354766;
  font-size: 17px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
  z-index: 10;
}

.agility-popup-container .dialog-close-button:hover,
.agility-popup-close:hover {
  background: rgba(28, 38, 56, 0.1);
}


/* ────────────────────────────────────────────────────────────
   4. HEADING
   "Start hiring in Ireland"
   ──────────────────────────────────────────────────────────── */

.agility-popup-heading {
  font-family: 'Neulis Neue', 'Nunito', 'Quicksand', sans-serif;
  font-size: 26px;
  font-weight: 900;
  color: #1C2638;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 8px 0;
  padding-right: 20px; /* space for close button */
}


/* ────────────────────────────────────────────────────────────
   5. SUBHEADING / DESCRIPTION
   "Tell us a bit about you..."
   ──────────────────────────────────────────────────────────── */

.agility-popup-subheading {
  font-family: 'Proxima Nova', 'Source Sans 3', 'Source Sans Pro', sans-serif;
  font-size: 15px;
  color: #354766;
  opacity: 0.6;
  text-align: center;
  margin: 0 0 24px 0;
  line-height: 1.55;
}


/* ────────────────────────────────────────────────────────────
   6. BENEFITS STRIP
   Three inline trust points above the form.
   Use an Elementor Icon List or inline HTML widget.
   ──────────────────────────────────────────────────────────── */

.agility-benefits-strip {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.agility-benefit-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.agility-benefit-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.agility-benefit-text {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #354766;
}


/* ────────────────────────────────────────────────────────────
   7. FORM LABELS
   ──────────────────────────────────────────────────────────── */

.agility-popup-container label,
.agility-popup-container .elementor-field-label {
  display: block;
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1C2638;
  margin-bottom: 5px;
}

/* Red asterisk for required fields */
.agility-popup-container .elementor-field-required .elementor-field-label::after,
.agility-required-star {
  content: ' *';
  color: #FF4958;
  font-weight: 400;
}


/* ────────────────────────────────────────────────────────────
   8. FORM INPUTS & TEXTAREAS
   ──────────────────────────────────────────────────────────── */

.agility-popup-container input[type="text"],
.agility-popup-container input[type="email"],
.agility-popup-container input[type="tel"],
.agility-popup-container input[type="url"],
.agility-popup-container textarea,
.agility-popup-container select,
.agility-popup-container .elementor-field {
  width: 100%;
  padding: 14px 16px;
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 15px;
  color: #1C2638;
  background: #FFFFFF;
  border: 1.5px solid #D0D5DD;
  border-radius: 10px;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

/* Placeholder text */
.agility-popup-container input::placeholder,
.agility-popup-container textarea::placeholder {
  color: #9CA3AF;
  opacity: 1;
}

/* Focus state — turquoise ring */
.agility-popup-container input:focus,
.agility-popup-container textarea:focus,
.agility-popup-container select:focus,
.agility-popup-container .elementor-field:focus {
  border-color: #19B8CC;
  box-shadow: 0 0 0 3px rgba(25, 184, 204, 0.10);
}

/* Error state — red border */
.agility-popup-container .elementor-error input,
.agility-popup-container input.error,
.agility-popup-container .elementor-field-group.error .elementor-field {
  border-color: #FF4958;
}

/* Error message text */
.agility-popup-container .elementor-message.elementor-message-danger,
.agility-popup-container .error-message {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 12px;
  color: #FF4958;
  margin-top: 3px;
}

/* Spacing between fields */
.agility-popup-container .elementor-field-group,
.agility-form-field {
  margin-bottom: 12px;
}


/* ────────────────────────────────────────────────────────────
   9. SELECT DROPDOWNS
   Custom chevron arrow
   ──────────────────────────────────────────────────────────── */

.agility-popup-container select {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23354766' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

/* Placeholder-style for unselected option */
.agility-popup-container select:invalid,
.agility-popup-container select option[value=""] {
  color: #9CA3AF;
}


/* ────────────────────────────────────────────────────────────
   10. PRIVACY TEXT
   Below the form fields, above the button.
   ──────────────────────────────────────────────────────────── */

.agility-privacy-text {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 12px;
  color: #D7D4DA;
  text-align: center;
  margin: 18px 0 16px;
  line-height: 1.55;
}

.agility-privacy-text a,
.agility-privacy-link {
  color: #19B8CC;
  text-decoration: underline;
  cursor: pointer;
}

.agility-privacy-text a:hover,
.agility-privacy-link:hover {
  color: #14a0b2;
}


/* ────────────────────────────────────────────────────────────
   11. SUBMIT BUTTON
   "Request a Callback"
   ──────────────────────────────────────────────────────────── */

.agility-popup-container button[type="submit"],
.agility-popup-container .elementor-button,
.agility-submit-btn {
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 10px;
  font-family: 'Neulis Neue', 'Nunito', 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #1C2638;
  color: #FFFFFF;
  box-shadow: 0 4px 16px rgba(28, 38, 56, 0.2);
  transition: all 0.2s ease;
}

.agility-popup-container button[type="submit"]:hover,
.agility-popup-container .elementor-button:hover,
.agility-submit-btn:hover {
  background: #354766;
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(28, 38, 56, 0.28);
}

/* Reassurance text below button */
.agility-below-button-text {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 12px;
  color: #D7D4DA;
  text-align: center;
  margin: 10px 0 0;
  line-height: 1.4;
}


/* ────────────────────────────────────────────────────────────
   12. SUCCESS / THANK YOU STATE
   Shown after form submission.
   In Elementor: set as the "After Submit" message or 
   a separate popup step.
   ──────────────────────────────────────────────────────────── */

.agility-success-wrapper {
  padding: 52px 36px;
  text-align: center;
  animation: agilityFadeUp 0.3s ease forwards;
}

@keyframes agilityFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.agility-success-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto 18px;
  background: linear-gradient(135deg, rgba(25, 184, 204, 0.12), rgba(192, 250, 255, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
}

.agility-success-heading {
  font-family: 'Neulis Neue', 'Nunito', 'Quicksand', sans-serif;
  font-size: 23px;
  font-weight: 900;
  color: #1C2638;
  margin: 0 0 8px;
}

.agility-success-text {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 15px;
  color: #354766;
  line-height: 1.6;
  margin: 0 auto 24px;
  max-width: 340px;
  opacity: 0.65;
}

/* "What happens next" box */
.agility-next-steps {
  background: #F2F1F3;
  border-radius: 10px;
  padding: 16px 20px;
  text-align: left;
  max-width: 300px;
  margin: 0 auto 24px;
}

.agility-next-steps-title {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #354766;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}

.agility-next-step-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 5px 0;
}

.agility-next-step-item span {
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 13px;
  color: #1C2638;
  line-height: 1.45;
}

/* Close button on success screen */
.agility-success-close {
  padding: 10px 24px;
  background: transparent;
  color: #354766;
  border: 1.5px solid #D0D5DD;
  border-radius: 8px;
  font-family: 'Proxima Nova', 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.agility-success-close:hover {
  border-color: #354766;
  color: #1C2638;
}


/* ────────────────────────────────────────────────────────────
   13. MOBILE RESPONSIVE
   ──────────────────────────────────────────────────────────── */

@media (max-width: 520px) {
  .agility-popup-container {
    padding: 28px 24px 22px;
    border-radius: 12px;
    max-width: 100%;
    margin: 8px;
  }

  .agility-popup-heading {
    font-size: 22px;
    padding-right: 30px;
  }

  .agility-popup-subheading {
    font-size: 14px;
    margin-bottom: 18px;
  }

  .agility-benefits-strip {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
  }

  .agility-popup-container input[type="text"],
  .agility-popup-container input[type="email"],
  .agility-popup-container input[type="tel"],
  .agility-popup-container textarea,
  .agility-popup-container select,
  .agility-popup-container .elementor-field {
    padding: 12px 14px;
    font-size: 14px;
    border-radius: 8px;
  }

  .agility-popup-container button[type="submit"],
  .agility-popup-container .elementor-button,
  .agility-submit-btn {
    padding: 14px;
    font-size: 15px;
    border-radius: 8px;
  }

  .agility-success-wrapper {
    padding: 40px 24px;
  }
}/* End custom CSS */