.elementor-2120 .elementor-element.elementor-element-1724b9db{--display:flex;}.elementor-2120 .elementor-element.elementor-element-1f21774a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2120 .elementor-element.elementor-element-1f21774a{text-align:center;}.elementor-2120 .elementor-element.elementor-element-2778ef1{text-align:center;}.elementor-2120 .elementor-element.elementor-element-2778ef1 p{margin-block-end:0px;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-field-type-html{padding-bottom:0px;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2120 .elementor-element.elementor-element-2f2572f2{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}#elementor-popup-modal-2120 .dialog-widget-content{animation-duration:1s;border-radius:12px 12px 12px 12px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2120{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2120 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-2120 .dialog-close-button{display:flex;}/* Start custom CSS for container, class: .elementor-element-1724b9db *//* DATATHETA / GLOBAL MARC CONTACT POPUP - WEBSITE BRANDED THEME */

/* 1. Global Font & Box-Sizing Setup */
.dt-hero-contact-popup,
.dt-hero-contact-popup *,
.dt-hero-contact-popup .elementor-heading-title,
.dt-hero-contact-popup .elementor-widget-text-editor,
.dt-hero-contact-popup .elementor-widget-text-editor p,
.dt-hero-contact-popup .elementor-field-label,
.dt-hero-contact-popup input,
.dt-hero-contact-popup select,
.dt-hero-contact-popup textarea,
.dt-hero-contact-popup button,
.dt-hero-contact-popup .elementor-button,
.dt-hero-contact-popup .elementor-button-text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  box-sizing: border-box;
}

/* 2. Main Popup Card Container */
.dt-hero-contact-popup {
  width: min(720px, 92vw) !important;
  max-height: calc(100vh - 0px) !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 36px 30px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 50px rgba(11, 31, 63, 0.12) !important;
  position: relative;
}

/* Accent Top Border Line (Navy to Teal Gradient from Website) */
.dt-hero-contact-popup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #0b1f3f 0%, #00a8cc 100%) !important;
  border-radius: 16px 16px 0 0;
}

/* 3. Heading (Website Navy Color) */
.dt-hero-contact-popup .elementor-heading-title {
  margin: 0 0 8px !important;
  color: #0b1f3f !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.dt-hero-contact-popup .elementor-widget-text-editor p {
  margin: 0 0 22px !important;
  color: #556987 !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* 4. Form Wrapper & Row Spacing */
.dt-hero-contact-popup .elementor-form-fields-wrapper {
  row-gap: 18px !important;
}

.dt-hero-contact-popup .elementor-field-group {
  padding-left: 4px !important;
  padding-right: 4px !important;
  margin-bottom: 0 !important;
}

/* 5. Field Labels (NAME, EMAIL, PHONE NUMBER, SERVICE, MESSAGE) */
.dt-hero-contact-popup .elementor-field-label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #0b1f3f !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
}

/* 6. Red Asterisk (*) Accent */
.dt-hero-contact-popup .elementor-mark-required .elementor-field-label::after,
.dt-hero-contact-popup .elementor-field-subreq {
  color: #e53e3e !important;
  font-weight: 700 !important;
  margin-left: 4px !important;
}

/* 7. Input Fields, Select & Textarea (Soft Light Cyan-Blue Fill) */
.dt-hero-contact-popup input[type="text"],
.dt-hero-contact-popup input[type="email"],
.dt-hero-contact-popup input[type="tel"],
.dt-hero-contact-popup select,
.dt-hero-contact-popup textarea {
  width: 100% !important;
  background: #f4f8fb !important;
  border: 1px solid #dce6f1 !important;
  border-radius: 12px !important;
  color: #0b1f3f !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out !important;
}

.dt-hero-contact-popup input[type="text"],
.dt-hero-contact-popup input[type="email"],
.dt-hero-contact-popup input[type="tel"],
.dt-hero-contact-popup select {
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 16px !important;
}

.dt-hero-contact-popup textarea {
  height: 110px !important;
  min-height: 110px !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

/* 8. Input Placeholder Style */
.dt-hero-contact-popup input::placeholder,
.dt-hero-contact-popup textarea::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

/* 9. Focus State (Highlights in Website Cyan Teal) */
.dt-hero-contact-popup input:focus,
.dt-hero-contact-popup select:focus,
.dt-hero-contact-popup textarea:focus {
  background: #ffffff !important;
  border-color: #00a8cc !important;
  box-shadow: 0 0 0 3px rgba(0, 168, 204, 0.15) !important;
}

/* 10. Primary Button (Website Cyan Teal #00a8cc) */
.dt-hero-contact-popup .elementor-button,
.dt-hero-contact-popup button[type="submit"] {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  background-color: #00a8cc !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(0, 168, 204, 0.3) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  margin-top: 6px !important;
}

/* Button Hover State (Transition to Deep Navy) */
.dt-hero-contact-popup .elementor-button:hover,
.dt-hero-contact-popup button[type="submit"]:hover {
  background-color: #0b1f3f !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(11, 31, 63, 0.25) !important;
}

.dt-hero-contact-popup .elementor-button-text {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* 11. Close Button Styling */
.elementor-popup-modal .dialog-close-button {
  top: 16px !important;
  right: 16px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #f4f8fb !important;
  border: 1px solid #dce6f1 !important;
  color: #0b1f3f !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.elementor-popup-modal .dialog-close-button:hover {
  background: #00a8cc !important;
  color: #ffffff !important;
  border-color: #00a8cc !important;
}

/* 12. Mobile Responsiveness */
@media (max-width: 767px) {
  .dt-hero-contact-popup {
    padding: 24px 18px !important;
    border-radius: 14px !important;
  }

  .dt-hero-contact-popup input[type="text"],
  .dt-hero-contact-popup input[type="email"],
  .dt-hero-contact-popup input[type="tel"],
  .dt-hero-contact-popup select {
    height: 46px !important;
    min-height: 46px !important;
  }

  .dt-hero-contact-popup .elementor-button,
  .dt-hero-contact-popup button[type="submit"] {
    height: 48px !important;
    min-height: 48px !important;
  }
}/* End custom CSS */