.elementor-2565 .elementor-element.elementor-element-3fe0755{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--padding-top:080px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2565 .elementor-element.elementor-element-3fe0755:not(.elementor-motion-effects-element-type-background), .elementor-2565 .elementor-element.elementor-element-3fe0755 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ai.magination.hu/wp-content/uploads/2026/06/section-background.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2565 .elementor-element.elementor-element-b1b8ffc{width:100%;max-width:100%;}.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 );text-transform:var( --e-global-typography-text-text-transform );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2565 .elementor-element.elementor-element-8012d58{margin:100px 100px calc(var(--kit-widget-spacing, 0px) + 100px) 100px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2565 .elementor-element.elementor-element-8012d58.elementor-element{--align-self:flex-start;}.elementor-2565 .elementor-element.elementor-element-8012d58 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-style:groove;border-width:1px 1px 1px 1px;border-color:#34E54C1A;border-radius:360px 360px 360px 360px;box-shadow:0px 0px 100px 100px rgba(52.00000000000005, 229, 75.99999999999997, 0.2);}@media(max-width:1024px){.elementor-2565 .elementor-element.elementor-element-3fe0755{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(min-width:768px){.elementor-2565 .elementor-element.elementor-element-3fe0755{--content-width:1280px;}}@media(max-width:767px){.elementor-2565 .elementor-element.elementor-element-3fe0755{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS *//* =========================================================
   CONTACT PAGE - Magination AI
   ========================================================= */

.magination-contact-page {
  background:
    radial-gradient(ellipse at 15% 25%, rgba(52, 229, 76, 0.22) 0%, transparent 48%),
    radial-gradient(ellipse at 85% 35%, rgba(31, 181, 218, 0.18) 0%, transparent 52%),
    #ffffff;
  color: #091C4C;
  overflow-x: hidden;
}

/* Headings */

.magination-contact-page h1,
.magination-contact-page h2,
.magination-contact-page .gform_wrapper .gform_title {
  font-family: 'Antonio', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #091C4C;
}

.magination-contact-page h1 {
  font-size: clamp(42px, 7vw, 82px);
  line-height: 1.05;
  letter-spacing: 0.02em;
}

.magination-contact-page h2 {
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.1;
  letter-spacing: 0.02em;
}

.magination-contact-page .gform_wrapper .gform_title {
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.1;
  letter-spacing: 0.04em;
  margin: 0 0 24px 0;
}

/* Base text */

.magination-contact-page p,
.magination-contact-page li,
.magination-contact-page a {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #091C4C;
}

/* Main contact card */

.magination-contact-card {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(9, 28, 76, 0.08);
  border-radius: 24px;
  box-shadow: 0 18px 60px rgba(9, 28, 76, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: clamp(24px, 4vw, 44px);
}


/* =========================================================
   ELEMENTOR / SHORTCODE WIDTH FIX
   ========================================================= */

.magination-contact-page .elementor-widget-shortcode,
.magination-contact-page .elementor-widget-shortcode .elementor-widget-container,
.magination-contact-page .elementor-shortcode,
.magination-contact-page .contact-form-shortcode,
.magination-contact-page .contact-form-shortcode > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}


/* =========================================================
   GRAVITY FORMS - Base layout
   ========================================================= */

.magination-contact-page .gform_wrapper,
.magination-contact-page .gform_wrapper form,
.magination-contact-page .gform_wrapper .gform_fields {
  width: 100% !important;
  max-width: 100% !important;
}

.magination-contact-page .gform_wrapper {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.magination-contact-page .gform_wrapper .gform_fields {
  row-gap: 18px !important;
}

.magination-contact-page .gform_wrapper fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
}

.magination-contact-page .gform_wrapper label,
.magination-contact-page .gform_wrapper legend {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  color: #091C4C;
  font-size: 14px;
  margin-bottom: 6px;
}

/* Inputs */

.magination-contact-page .gform_wrapper input[type="text"],
.magination-contact-page .gform_wrapper input[type="email"],
.magination-contact-page .gform_wrapper input[type="tel"],
.magination-contact-page .gform_wrapper input[type="url"],
.magination-contact-page .gform_wrapper textarea,
.magination-contact-page .gform_wrapper select {
  width: 100%;
  border: 1.5px solid rgba(9, 28, 76, 0.16);
  border-radius: 18px;
  background: #ffffff;
  color: #091C4C;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  padding: 14px 18px;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.magination-contact-page .gform_wrapper textarea {
  min-height: 150px;
  resize: vertical;
}

.magination-contact-page .gform_wrapper input:focus,
.magination-contact-page .gform_wrapper textarea:focus,
.magination-contact-page .gform_wrapper select:focus {
  border-color: #1FB5DA;
  outline: none;
  box-shadow: 0 0 0 3px rgba(31, 181, 218, 0.15);
}


/* =========================================================
   GRAVITY FORMS - Name and Email cards
   Form ID: 12
   Field IDs: 1 and 2
   ========================================================= */

.magination-contact-page .gform_wrapper #field_12_1,
.magination-contact-page .gform_wrapper #field_12_2 {
  position: relative;
  overflow: visible;
  box-sizing: border-box;

  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;

  background:
    radial-gradient(ellipse at 92% 90%, rgba(31, 181, 218, 0.12) 0%, transparent 48%),
    rgba(255, 255, 255, 0.82);

  border: 1px solid rgba(9, 28, 76, 0.08) !important;
  border-radius: 22px;
  padding: 48px 24px 24px !important;
  margin-bottom: 18px !important;

  box-shadow:
    0 4px 14px rgba(9, 28, 76, 0.16),
    0 14px 34px rgba(9, 28, 76, 0.14);
}

.magination-contact-page .gform_wrapper #field_12_1 > legend,
.magination-contact-page .gform_wrapper #field_12_2 > legend {
  position: absolute;
  top: 18px;
  left: 24px;
  z-index: 2;

  width: auto;
  margin: 0 !important;
  padding: 0 !important;

  font-family: 'Antonio', sans-serif !important;
  font-weight: 700;
  font-size: 22px !important;
  line-height: 1.2;
  text-transform: uppercase !important;
  letter-spacing: 0.04em;
  color: #091C4C;
}

/* Required star on Name / Email card titles */

.magination-contact-page .gform_wrapper #field_12_1 > legend .gfield_required,
.magination-contact-page .gform_wrapper #field_12_2 > legend .gfield_required {
  display: inline-block;
  position: relative;
  top: -0.2em;
  margin-left: 1px;

  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 20px !important;
  line-height: 1;
  color: #1FB5DA !important;
  vertical-align: baseline;
}

/* Inner complex fields */

.magination-contact-page .gform_wrapper #field_12_1 .ginput_container,
.magination-contact-page .gform_wrapper #field_12_2 .ginput_container,
.magination-contact-page .gform_wrapper #field_12_1 .ginput_complex,
.magination-contact-page .gform_wrapper #field_12_2 .ginput_complex {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
}

.magination-contact-page .gform_wrapper #field_12_1 .ginput_complex,
.magination-contact-page .gform_wrapper #field_12_2 .ginput_complex {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
  row-gap: 16px;
}

.magination-contact-page .gform_wrapper #field_12_1 .ginput_complex > span,
.magination-contact-page .gform_wrapper #field_12_2 .ginput_complex > span {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

.magination-contact-page .gform_wrapper #field_12_1 input,
.magination-contact-page .gform_wrapper #field_12_2 input {
  width: 100% !important;
  max-width: 100% !important;
}


/* =========================================================
   GRAVITY FORMS - Required fields
   ========================================================= */

.magination-contact-page .gform_wrapper .gform_required_legend {
  display: none !important;
}

.magination-contact-page .gform_wrapper form::after {
  content: "* a kötelező mezőket jelöli";
  display: block;
  margin-top: 18px;
  font-family: 'Trocchi', Georgia, serif;
  font-style: italic;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(9, 28, 76, 0.62);
}

.magination-contact-page .gform_wrapper .gfield_required {
  color: #1FB5DA;
}


/* =========================================================
   GRAVITY FORMS - Submit button
   ========================================================= */

.magination-contact-page .gform_wrapper .gform_footer,
.magination-contact-page .gform_wrapper .gform_page_footer {
  margin-top: 18px;
}

.magination-contact-page .gform_wrapper .gform_button,
.magination-contact-page .gform_wrapper input[type="submit"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-width: 150px;
  height: 52px;
  padding: 0 28px !important;

  background: #091C4C !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: none !important;

  font-family: 'Antonio', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  text-align: center;

  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.magination-contact-page .gform_wrapper .gform_button:hover,
.magination-contact-page .gform_wrapper input[type="submit"]:hover {
  transform: translateY(-2px);
  background: #10285f !important;
  box-shadow: 0 10px 24px rgba(9, 28, 76, 0.22) !important;
}

.magination-contact-page .gform_wrapper .gform_button:focus,
.magination-contact-page .gform_wrapper input[type="submit"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(31, 181, 218, 0.18) !important;
}


/* =========================================================
   GRAVITY FORMS - Validation
   ========================================================= */

.magination-contact-page .gform_wrapper .gfield_error input,
.magination-contact-page .gform_wrapper .gfield_error textarea {
  border-color: #E53E3E;
}

.magination-contact-page .gform_wrapper .validation_message,
.magination-contact-page .gform_wrapper .gform_validation_errors {
  color: #E53E3E;
  font-family: 'Plus Jakarta Sans', sans-serif;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .magination-contact-page {
    background:
      radial-gradient(ellipse at 20% 18%, rgba(52, 229, 76, 0.20) 0%, transparent 46%),
      radial-gradient(ellipse at 80% 42%, rgba(31, 181, 218, 0.16) 0%, transparent 50%),
      #ffffff;
  }

  .magination-contact-card {
    border-radius: 20px;
    padding: 24px 18px;
  }

  .magination-contact-page .gform_wrapper .gform_title {
    margin-bottom: 20px;
  }

  .magination-contact-page .gform_wrapper .gform_fields {
    row-gap: 16px !important;
  }

  .magination-contact-page .gform_wrapper #field_12_1,
  .magination-contact-page .gform_wrapper #field_12_2 {
    border-radius: 18px;
    padding: 46px 18px 20px !important;
    margin-bottom: 16px !important;
  }

  .magination-contact-page .gform_wrapper #field_12_1 > legend,
  .magination-contact-page .gform_wrapper #field_12_2 > legend {
    top: 17px;
    left: 18px;
  }

  .magination-contact-page .gform_wrapper #field_12_1 .ginput_complex,
  .magination-contact-page .gform_wrapper #field_12_2 .ginput_complex {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }

  .magination-contact-page .gform_wrapper .gform_button,
  .magination-contact-page .gform_wrapper input[type="submit"] {
    min-width: 140px;
    height: 50px;
    font-size: 17px !important;
  }
}
/* =========================================================
   CONTACT PAGE - Privacy consent checkbox / link
   ========================================================= */

.magination-contact-page .gform_wrapper .gfield_consent_label,
.magination-contact-page .gform_wrapper .gchoice label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  color: #091C4C !important;
}

.magination-contact-page .gform_wrapper .gfield_consent_label a,
.magination-contact-page .gform_wrapper .gchoice label a {
  color: #1FB5DA !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.magination-contact-page .gform_wrapper .gfield_consent_label a:hover,
.magination-contact-page .gform_wrapper .gchoice label a:hover {
  color: #091C4C !important;
}

/* Checkbox igazítás */
.magination-contact-page .gform_wrapper .gfield_consent_description,
.magination-contact-page .gform_wrapper .gfield--type-consent {
  margin-top: 8px !important;
}

.magination-contact-page .gform_wrapper .ginput_container_consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.magination-contact-page .gform_wrapper .ginput_container_consent input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin-top: 3px !important;
  accent-color: #091C4C;
}/* End custom CSS */