{"id":10177,"date":"2024-04-26T11:51:14","date_gmt":"2024-04-26T09:51:14","guid":{"rendered":"https:\/\/magictowns.it\/?page_id=10177"},"modified":"2026-07-16T17:17:55","modified_gmt":"2026-07-16T15:17:55","slug":"contattateci","status":"publish","type":"page","link":"https:\/\/magictowns.it\/it\/contact-us\/","title":{"rendered":"Contatto"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10177\" class=\"elementor elementor-10177\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79efcec e-con-full thegem-e-con-layout-elementor e-flex e-con e-parent\" data-id=\"79efcec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;elementor&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e87415a flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"e87415a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n  \r\n  <style>\r\n  \r\n \r\n    \/* ============================================================\r\n       DARK HERO BAND\r\n       ============================================================ *\/\r\n    .mt-contact2 .c2-hero {\r\n      background: linear-gradient(135deg, #1a1814 0%, #2a2010 42%, #1a1814 100%);\r\n      border-bottom: 3px solid var(--orange);\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 60px 32px 64px;\r\n    }\r\n \r\n    .mt-contact2 .c2-hero::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -45%;\r\n      right: -8%;\r\n      width: 55%;\r\n      height: 200%;\r\n      background: radial-gradient(ellipse, rgba(255, 168, 1, 0.10) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-inner {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-width: 1340px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n      gap: 40px;\r\n      flex-wrap: wrap;\r\n    }\r\n \r\n    .mt-contact2 .c2-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      background: rgba(255, 168, 1, 0.12);\r\n      border: 1px solid rgba(255, 168, 1, 0.3);\r\n      border-radius: 20px;\r\n      padding: 5px 14px;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 1.6px;\r\n      text-transform: uppercase;\r\n      color: var(--orange);\r\n      margin-bottom: 20px;\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-title {\r\n      font-family: 'Lora', serif;\r\n      font-size: 46px;\r\n      font-weight: 700;\r\n      line-height: 1.08;\r\n      letter-spacing: -1px;\r\n      color: #fff;\r\n      margin-bottom: 12px;\r\n      margin-top: 0px;\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-title em {\r\n      color: var(--orange);\r\n      font-style: italic;\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-lead {\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n      color: rgba(255, 255, 255, 0.6);\r\n      max-width: 500px;\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-ai {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      background: rgba(255, 255, 255, 0.05);\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 14px;\r\n      padding: 14px 18px;\r\n      transition: all .18s;\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-ai:hover {\r\n      background: rgba(255, 168, 1, 0.1);\r\n      border-color: rgba(255, 168, 1, 0.35);\r\n      transform: translateY(-2px);\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-ai-dot {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--orange), #ff6b01);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      box-shadow: 0 4px 14px rgba(255, 168, 1, 0.35);\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-ai-t1 {\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n    }\r\n \r\n    .mt-contact2 .c2-hero-ai-t2 {\r\n      font-size: 12px;\r\n      color: rgba(255, 255, 255, 0.5);\r\n    }\r\n \r\n \r\n    \/* ============================================================\r\n       RESPONSIVE\r\n       ============================================================ *\/\r\n    @media (max-width: 900px) {\r\n      .mt-contact2 .bento {\r\n        grid-template-columns: 1fr 1fr;\r\n        grid-template-areas:\r\n          \"form    form\"\r\n          \"details details\"\r\n          \"map     map\"\r\n          \"ai      ai\"\r\n          \"malta   tirana\";\r\n      }\r\n \r\n      .mt-contact2 .c2-hero {\r\n        padding: 48px 24px 52px;\r\n      }\r\n \r\n      .mt-contact2 .bento {\r\n        padding: 28px 24px 28px;\r\n      }\r\n \r\n      .mt-contact2 .bento-foot {\r\n        padding: 0 24px 52px;\r\n      }\r\n \r\n      .mt-contact2 .t-ai {\r\n        min-height: 340px;\r\n      }\r\n \r\n      \/* details reads as two columns of rows on wide tablet *\/\r\n      .mt-contact2 .d-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 0 24px;\r\n      }\r\n \r\n      .mt-contact2 .d-social {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n    }\r\n \r\n    @media (max-width: 768px) {\r\n      .mt-contact2 {\r\n        font-size: 16px;\r\n      }\r\n \r\n      .mt-contact2 .c2-hero-title {\r\n        font-size: 32px;\r\n        letter-spacing: -0.5px;\r\n      }\r\n \r\n      .mt-contact2 .c2-hero-inner {\r\n        align-items: flex-start;\r\n      }\r\n \r\n      .mt-contact2 .form-title,\r\n      .mt-contact2 .ai-title {\r\n        font-size: 22px;\r\n      }\r\n \r\n      .mt-contact2 .details-title {\r\n        font-size: 20px;\r\n      }\r\n \r\n      .mt-contact2 .btn-primary {\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n    }\r\n \r\n    @media (max-width: 560px) {\r\n      .mt-contact2 .bento {\r\n        grid-template-columns: 1fr;\r\n        grid-template-areas:\r\n          \"form\"\r\n          \"details\"\r\n          \"map\"\r\n          \"ai\"\r\n          \"malta\"\r\n          \"tirana\";\r\n        gap: 16px;\r\n      }\r\n \r\n      .mt-contact2 .form-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n \r\n      .mt-contact2 .d-list {\r\n        grid-template-columns: 1fr;\r\n      }\r\n \r\n      .mt-contact2 .t-map {\r\n        min-height: 260px;\r\n      }\r\n \r\n      .mt-contact2 .d-social {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n \r\n    @media (prefers-reduced-motion: reduce) {\r\n \r\n      .mt-contact2 *,\r\n      .mt-contact2 *::before,\r\n      .mt-contact2 *::after {\r\n        transition: none !important;\r\n        animation: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n  \r\n  <div class=\"mt-contact2\">\r\n \r\n    <!-- ==================== DARK HERO ==================== -->\r\n    <div class=\"c2-hero\">\r\n      <div class=\"c2-hero-inner\">\r\n        <div>\r\n          <span class=\"c2-eyebrow\">\u2709 Contact Us<\/span>\r\n          <h1 class=\"c2-hero-title\">Mettetevi in contatto con noi<\/h1>\r\n          <p class=\"c2-hero-lead\">Avete domande? Non esitate a contattare il nostro team compilando il modulo sottostante, oppure provate a contattare Magic AI oggi stesso per ricevere assistenza immediata.\r\n\r\n<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n \r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bf1b15 e-con-full thegem-e-con-layout-elementor e-flex e-con e-parent\" data-id=\"2bf1b15\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;elementor&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-a17fe29 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"a17fe29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ============================================================\r\n       MAGIC TOWNS \u2014 CONTACT (spacious sectioned layout)\r\n       Same tokens + Lora\/Nunito. All font sizes in px.\r\n       Scope: .mt-contact3\r\n       ============================================================ *\/\r\n \r\n    .mt-contact3 *,\r\n    .mt-contact3 *::before,\r\n    .mt-contact3 *::after {\r\n      box-sizing: border-box;\r\n    }\r\n    .mt-contact3{\r\n        padding-top: 60px;\r\n    }\r\n \r\n    .mt-contact3 h1,\r\n    .mt-contact3 h2,\r\n    .mt-contact3 h3,\r\n    .mt-contact3 p,\r\n    .mt-contact3 ul,\r\n    .mt-contact3 li {\r\n      margin: 0;\r\n      padding: 0;\r\n      font-family: inherit;\r\n      color: inherit;\r\n    }\r\n \r\n    .mt-contact3 ul {\r\n      list-style: none;\r\n    }\r\n \r\n    .mt-contact3 a {\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n \r\n    .mt-contact3 {\r\n      --orange: #ffa801;\r\n      --orange-dark: #e09300;\r\n      --orange-pale: #fffaf0;\r\n      --text: #2c2c2c;\r\n      --text-soft: #5a5a5a;\r\n      --text-muted: #8a8a8a;\r\n      --border: #e8e4dc;\r\n      --bg: #fdfcf9;\r\n      --white: #ffffff;\r\n      --dark: #1e1c18;\r\n      --green: #2e9e5b;\r\n      --red: #d94f3d;\r\n      --card-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);\r\n      --card-shadow-hover: 0 6px 28px rgba(0, 0, 0, 0.12);\r\n      --radius: 16px;\r\n \r\n      font-family: 'Nunito', sans-serif;\r\n      font-size: 17px;\r\n      line-height: 1.65;\r\n      color: var(--text);\r\n      background: var(--bg);\r\n      overflow-x: clip;\r\n    }\r\n \r\n    .mt-contact3 .wrap {\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n      padding-left: 32px;\r\n      padding-right: 32px;\r\n    }\r\n \r\n    .mt-contact3 .eyebrow {\r\n      display: inline-block;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      color: var(--orange);\r\n      margin-bottom: 14px;\r\n    }\r\n \r\n    \/* ============================================================\r\n       2 \u00b7 FORM + DETAILS\r\n       ============================================================ *\/\r\n    .mt-contact3 .reach {\r\n      padding-bottom: 84px;\r\n    }\r\n \r\n    .mt-contact3 .reach-inner {\r\n      display: grid;\r\n      grid-template-columns: 1.4fr 1fr;\r\n      gap: 44px;\r\n      align-items: stretch;\r\n    }\r\n \r\n    \/* form card *\/\r\n    .mt-contact3 .form-card {\r\n      background: var(--white);\r\n      border: 1px solid var(--border);\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--card-shadow);\r\n      padding: 40px 40px 42px;\r\n    }\r\n \r\n    .mt-contact3 .form-title {\r\n      font-family: 'Lora', serif;\r\n      font-size: 28px;\r\n      font-weight: 700;\r\n      letter-spacing: -0.4px;\r\n      color: var(--text);\r\n      margin-bottom: 6px;\r\n    }\r\n \r\n    .mt-contact3 .form-sub {\r\n      font-size: 15px;\r\n      color: var(--text-soft);\r\n      margin-bottom: 28px;\r\n    }\r\n \r\n    .mt-contact3 .field {\r\n      margin-bottom: 20px;\r\n    }\r\n \r\n    .mt-contact3 .field-label {\r\n      display: block;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      color: var(--text);\r\n      margin-bottom: 8px;\r\n    }\r\n \r\n    .mt-contact3 .req {\r\n      color: var(--orange-dark);\r\n    }\r\n \r\n    .mt-contact3 .input,\r\n    .mt-contact3 .textarea {\r\n      width: 100%;\r\n      background: #faf9f6;\r\n      border: 1.5px solid var(--border);\r\n      border-radius: 10px;\r\n      padding: 14px 16px;\r\n      font-family: 'Nunito', sans-serif;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      color: var(--text);\r\n      outline: none;\r\n      transition: border-color .18s, box-shadow .18s, background .18s;\r\n    }\r\n \r\n    .mt-contact3 .input::placeholder,\r\n    .mt-contact3 .textarea::placeholder {\r\n      color: #b8b2a6;\r\n      font-weight: 500;\r\n    }\r\n \r\n    .mt-contact3 .input:focus,\r\n    .mt-contact3 .textarea:focus {\r\n      background: var(--white);\r\n      border-color: var(--orange);\r\n      box-shadow: 0 0 0 3px rgba(255, 168, 1, 0.15);\r\n    }\r\n \r\n    .mt-contact3 .textarea {\r\n      resize: vertical;\r\n      min-height: 140px;\r\n      line-height: 1.6;\r\n    }\r\n \r\n    .mt-contact3 .form-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 18px;\r\n    }\r\n \r\n    .mt-contact3 .field-msg {\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      color: var(--red);\r\n      margin-top: 6px;\r\n      display: none;\r\n    }\r\n \r\n    .mt-contact3 .field-msg.show {\r\n      display: block;\r\n    }\r\n \r\n    .mt-contact3 .btn-primary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: var(--orange);\r\n      color: #fff;\r\n      padding: 15px 34px;\r\n      border-radius: 10px;\r\n      font-family: 'Nunito', sans-serif;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.3px;\r\n      border: none;\r\n      cursor: pointer;\r\n      margin-top: 8px;\r\n      transition: background .2s, transform .15s, box-shadow .2s;\r\n    }\r\n \r\n    .mt-contact3 .btn-primary:hover {\r\n      background: var(--orange-dark);\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 6px 20px rgba(255, 168, 1, 0.35);\r\n    }\r\n \r\n    \/* dark details panel \u2014 contrast against the white form *\/\r\n    .mt-contact3 .details {\r\n      background: linear-gradient(160deg, #201d18 0%, #2a2010 55%, #1a1814 100%);\r\n      border: 1px solid #333;\r\n      border-radius: var(--radius);\r\n      padding: 36px 34px 30px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n \r\n    .mt-contact3 .details::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%;\r\n      right: -25%;\r\n      width: 70%;\r\n      height: 150%;\r\n      background: radial-gradient(ellipse, rgba(255, 168, 1, 0.10) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n \r\n    .mt-contact3 .details-title {\r\n      position: relative;\r\n      z-index: 1;\r\n      font-family: 'Lora', serif;\r\n      font-size: 26px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      letter-spacing: -0.3px;\r\n      margin-bottom: 6px;\r\n    }\r\n \r\n    .mt-contact3 .details-sub {\r\n      position: relative;\r\n      z-index: 1;\r\n      font-size: 16px;\r\n      color: rgba(255, 255, 255, 0.5);\r\n      margin-bottom: 22px;\r\n    }\r\n \r\n    .mt-contact3 .d-row {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 15px;\r\n      padding: 15px 0;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n \r\n    .mt-contact3 .d-row:first-of-type {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n \r\n    .mt-contact3 .d-icon {\r\n      width: 44px;\r\n      height: 44px;\r\n      flex-shrink: 0;\r\n      border-radius: 12px;\r\n      background: rgba(255, 168, 1, 0.12);\r\n      border: 1px solid rgba(255, 168, 1, 0.3);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--orange);\r\n      transition: background .18s, color .18s;\r\n    }\r\n \r\n    .mt-contact3 a.d-row:hover .d-icon {\r\n      background: var(--orange);\r\n      color: #fff;\r\n    }\r\n \r\n    .mt-contact3 .d-k {\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.2px;\r\n      color: rgba(255, 255, 255, 0.42);\r\n      margin-bottom: 2px;\r\n    }\r\n \r\n    .mt-contact3 .d-v {\r\n      font-size: 16px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      line-height: 1.3;\r\n      word-break: break-word;\r\n    }\r\n \r\n    .mt-contact3 a.d-row:hover .d-v {\r\n      color: var(--orange);\r\n    }\r\n \r\n    .mt-contact3 .d-social {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      margin-top: auto;\r\n      padding-top: 22px;\r\n    }\r\n \r\n    .mt-contact3 .d-social-label {\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.2px;\r\n      color: rgba(255, 255, 255, 0.42);\r\n    }\r\n \r\n    .mt-contact3 .social-row {\r\n      display: flex;\r\n      gap: 10px;\r\n      margin-left: auto;\r\n    }\r\n \r\n    .mt-contact3 .social-btn {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 11px;\r\n      background: var(--orange);\r\n      color: #fff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: background .18s, transform .18s;\r\n    }\r\n \r\n    .mt-contact3 .social-btn:hover {\r\n      background: var(--orange-dark);\r\n      transform: translateY(-2px);\r\n    }\r\n \r\n    \/* ============================================================\r\n       3 \u00b7 OLD-FASHIONED MAIL LOVER  (heading + both addresses)\r\n       ============================================================ *\/\r\n    .mt-contact3 .mail {\r\n      background: var(--white);\r\n      border-top: 1px solid var(--border);\r\n      border-bottom: 1px solid var(--border);\r\n    }\r\n \r\n    .mt-contact3 .mail-inner {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1.05fr;\r\n      gap: 56px;\r\n      align-items: center;\r\n      padding-top: 72px;\r\n      padding-bottom: 72px;\r\n    }\r\n \r\n    .mt-contact3 .mail-title {\r\n      font-family: 'Lora', serif;\r\n      font-size: 34px;\r\n      font-weight: 700;\r\n      letter-spacing: -0.6px;\r\n      color: var(--text);\r\n      margin-bottom: 16px;\r\n    }\r\n \r\n    .mt-contact3 .mail-text {\r\n      font-size: 16px;\r\n      line-height: 1.8;\r\n      color: var(--text-soft);\r\n      max-width: 460px;\r\n    }\r\n \r\n    .mt-contact3 .office-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n \r\n    .mt-contact3 .office {\r\n      display: flex;\r\n      gap: 18px;\r\n      align-items: flex-start;\r\n      background: var(--bg);\r\n      border: 1px solid var(--border);\r\n      border-left: 4px solid var(--orange);\r\n      border-radius: 0 14px 14px 0;\r\n      padding: 22px 24px;\r\n      transition: transform .18s, box-shadow .18s;\r\n    }\r\n \r\n    .mt-contact3 .office:hover {\r\n      transform: translateX(4px);\r\n      box-shadow: var(--card-shadow);\r\n    }\r\n \r\n    .mt-contact3 .office-pin {\r\n      width: 44px;\r\n      height: 44px;\r\n      flex-shrink: 0;\r\n      border-radius: 12px;\r\n      background: var(--orange-pale);\r\n      border: 1px solid #f0e0b0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--orange-dark);\r\n    }\r\n \r\n    .mt-contact3 .office-label {\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.2px;\r\n      color: var(--orange-dark);\r\n      margin-bottom: 4px;\r\n    }\r\n \r\n    .mt-contact3 .office-addr {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      color: var(--text);\r\n      line-height: 1.5;\r\n    }\r\n \r\n    \/* ============================================================\r\n       4 \u00b7 MAP\r\n       ============================================================ *\/\r\n    .mt-contact3 .map-section {\r\n      padding-top: 64px;\r\n      padding-bottom: 88px;\r\n    }\r\n \r\n    .mt-contact3 .map {\r\n      position: relative;\r\n      border-radius: var(--radius);\r\n      overflow: hidden;\r\n      min-height: 460px;\r\n      box-shadow: var(--card-shadow);\r\n      border: 1px solid var(--border);\r\n      \/* styled placeholder \u2014 replace with the live Google embed *\/\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-image:\r\n        url('https:\/\/images.unsplash.com\/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=1400&q=70'),\r\n        linear-gradient(135deg, #dfe6df, #cdd6cd);\r\n    }\r\n \r\n    .mt-contact3 .map-card {\r\n      position: absolute;\r\n      top: 20px;\r\n      left: 20px;\r\n      background: var(--white);\r\n      border-radius: 12px;\r\n      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);\r\n      padding: 14px 17px;\r\n      max-width: 250px;\r\n    }\r\n \r\n    .mt-contact3 .map-card-code {\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      color: var(--text);\r\n    }\r\n \r\n    .mt-contact3 .map-card-addr {\r\n      font-size: 12px;\r\n      color: var(--text-muted);\r\n      margin-top: 3px;\r\n    }\r\n \r\n    .mt-contact3 .map-pin {\r\n      position: absolute;\r\n      top: 52%;\r\n      left: 50%;\r\n      transform: translate(-50%, -100%);\r\n      font-size: 38px;\r\n      filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35));\r\n    }\r\n \r\n    \/* ============================================================\r\n       RESPONSIVE\r\n       ============================================================ *\/\r\n    @media (max-width: 1024px) {\r\n \r\n      .mt-contact3 .hero-inner,\r\n      .mt-contact3 .reach-inner,\r\n      .mt-contact3 .mail-inner {\r\n        gap: 40px;\r\n      }\r\n    }\r\n \r\n    @media (max-width: 900px) {\r\n \r\n      .mt-contact3 .hero-inner,\r\n      .mt-contact3 .reach-inner,\r\n      .mt-contact3 .mail-inner {\r\n        grid-template-columns: 1fr;\r\n      }\r\n \r\n      .mt-contact3 .hero-inner {\r\n        gap: 36px;\r\n        padding-top: 56px;\r\n        padding-bottom: 52px;\r\n      }\r\n \r\n      .mt-contact3 .hero-img {\r\n        min-height: 300px;\r\n        order: -1;\r\n      }\r\n \r\n      .mt-contact3 .reach {\r\n        padding-bottom: 35px;\r\n      }\r\n \r\n      .mt-contact3 .mail-inner {\r\n        gap: 32px;\r\n        padding-top: 30px;\r\n        padding-bottom: 30px;\r\n      }\r\n \r\n      .mt-contact3 .map-section {\r\n        padding-top: 30px;\r\n        padding-bottom: 30px;\r\n      }\r\n    }\r\n \r\n    @media (max-width: 768px) {\r\n      .mt-contact3 {\r\n        font-size: 16px;\r\n      }\r\n \r\n      .mt-contact3 .wrap {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n        gap: 20px !important;\r\n      }\r\n \r\n      .mt-contact3 .hero-title {\r\n        font-size: 34px;\r\n        letter-spacing: -0.6px;\r\n      }\r\n \r\n      .mt-contact3 .hero-lead {\r\n        font-size: 16px;\r\n      }\r\n \r\n      .mt-contact3 .form-card {\r\n        padding: 28px 22px 30px;\r\n      }\r\n \r\n      .mt-contact3 .details {\r\n        padding: 28px 24px 26px;\r\n      }\r\n \r\n      .mt-contact3 .form-title,\r\n      .mt-contact3 .mail-title {\r\n        font-size: 26px;\r\n      }\r\n \r\n      .mt-contact3 .btn-primary {\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n \r\n      .mt-contact3 iframe {\r\n        height: 300px !important;\r\n      }\r\n      .mt-contact3 {\r\n    padding-top: 30px;\r\n}\r\n    }\r\n \r\n    @media (max-width: 560px) {\r\n      .mt-contact3 .form-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n \r\n    @media (prefers-reduced-motion: reduce) {\r\n \r\n      .mt-contact3 *,\r\n      .mt-contact3 *::before,\r\n      .mt-contact3 *::after {\r\n        transition: none !important;\r\n        animation: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n  \r\n  <div class=\"mt-contact3\">\r\n \r\n    <!-- ==================== 2 \u00b7 FORM + DETAILS ==================== -->\r\n    <section class=\"reach\">\r\n      <div class=\"wrap reach-inner\">\r\n \r\n        <!-- form -->\r\n        <div class=\"form-card\">\r\n          <h2 class=\"form-title\">Send us a message<\/h2>\r\n          <p class=\"form-sub\">We'd love to hear from you.<\/p>\r\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f912-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"912\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/it\/wp-json\/wp\/v2\/pages\/10177#wpcf7-f912-o1\" method=\"post\" class=\"wpcf7-form init demo\" aria-label=\"Modulo di contatto\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/it\/wp-json\/wp\/v2\/pages\/10177#wpcf7-f912-o1\">\n<fieldset class=\"hidden-fields-container\"><legend class=\"screen-reader-text\">Campi nascosti<\/legend><input type=\"hidden\" name=\"_wpcf7\" value=\"912\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f912-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact-form row\">\n\t<div class=\"col-lg-12 col-md-12 col-xs-12\" style=\"margin-bottom:25px;\">\n\t\t<div class=\"form-line\">\n\t\t\t<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nome*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"col-lg-12 col-md-12 col-xs-12\" style=\"margin-bottom:25px;\">\n\t\t<div class=\"form-line\">\n\t\t\t<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"col-lg-12 col-md-12 col-xs-12\" style=\"margin-bottom:20px;\">\n\t\t<div class=\"form-line\"><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Messaggio\" name=\"your-message\"><\/textarea><\/span><\/div>\n\t<\/div>\n\t<div class=\"col-lg-12 col-md-12 col-xs-12\">\n\n\n\t\t<div class=\"form-line-button\"><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"inviare il messaggio\" \/><\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/form>\n<\/div>\n\r\n\r\n        <\/div>\r\n \r\n        <!-- details -->\r\n        <aside class=\"details\">\r\n          <h2 class=\"details-title\">Contact details<\/h2>\r\n          <p class=\"details-sub\">Reach us directly, any of these ways.<\/p>\r\n \r\n          <a href=\"tel:+3554000001\" class=\"d-row\" target=\"_blank\" rel=\"nofollow\">\r\n            <div class=\"d-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path\r\n                  d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"d-k\">Phone<\/div>\r\n              <div class=\"d-v\">+355 4000 001<\/div>\r\n            <\/div>\r\n          <\/a>\r\n \r\n          <a href=\"mailto:info@magictowns.it\" class=\"d-row\">\r\n            <div class=\"d-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" \/>\r\n                <path d=\"m22 7-10 6L2 7\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"d-k\">Email<\/div>\r\n              <div class=\"d-v\">info@magictowns.it<\/div>\r\n            <\/div>\r\n          <\/a>\r\n \r\n          <div class=\"d-row\">\r\n            <div class=\"d-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\" \/>\r\n                <path d=\"M12 7v5l3 2\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"d-k\">Working hours<\/div>\r\n              <div class=\"d-v\">Mon \u2013 Fri \u00b7 9:00 to 17:00<\/div>\r\n            <\/div>\r\n          <\/div>\r\n \r\n          <div class=\"d-row\">\r\n            <div class=\"d-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M3 21h18M6 21V7l6-4 6 4v14M10 9h.01M14 9h.01M10 13h.01M14 13h.01M10 17h.01M14 17h.01\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"d-k\">Company number<\/div>\r\n              <div class=\"d-v\">M32309032S<\/div>\r\n            <\/div>\r\n          <\/div>\r\n \r\n          <div class=\"d-social\">\r\n            <span class=\"d-social-label\">Follow along<\/span>\r\n            <div class=\"social-row\">\r\n              <a href=\"#\" class=\"social-btn\" aria-label=\"Facebook\" target=\"_blank\" rel=\"nofollow\">\r\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n                  <path\r\n                    d=\"M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n              <a href=\"#\" class=\"social-btn\" aria-label=\"Instagram\" target=\"_blank\" rel=\"nofollow\">\r\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" \/>\r\n                  <circle cx=\"12\" cy=\"12\" r=\"4\" \/>\r\n                  <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/aside>\r\n \r\n      <\/div>\r\n    <\/section>\r\n \r\n    <!-- ==================== 3 \u00b7 OLD-FASHIONED MAIL LOVER ==================== -->\r\n    <section class=\"mail\">\r\n      <div class=\"wrap mail-inner\">\r\n        <div>\r\n          <h2 class=\"mail-title\">Old-fashioned mail lover?<\/h2>\r\n          <p class=\"mail-text\">Feel free to send any and all handwritten compliments, Christmas gifts, food samples, requests for partnerships and other polite business correspondence \u2013 no spam please \u2013 at the addresses below:\r\n<\/p>\r\n        <\/div>\r\n        <div class=\"office-list\">\r\n          <div class=\"office\">\r\n            <div class=\"office-pin\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n                <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"office-label\">Ufficio di Malta (HQ)<\/div>\r\n              <div class=\"office-addr\">35 De Soldanis Street, Victoria VCT1040, Malta<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"office\">\r\n            <div class=\"office-pin\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n                <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"office-label\">Ufficio di Tirana<\/div>\r\n              <div class=\"office-addr\">Via Brigada 8, (Ish Blloku), Tirane<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n \r\n    <!-- ==================== 4 \u00b7 MAP ==================== -->\r\n    <section class=\"map-section\">\r\n      <div class=\"wrap\">\r\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3226.0212405764423!2d14.239937500000002!3d36.0441875!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x130fb4f7d1fb53bb%3A0x5e59aa945e76b31!2s26VQ%2BMX%2C%20Victoria%2C%20Malta!5e0!3m2!1sen!2s!4v1784195654161!5m2!1sen!2s\" width=\"100%\" height=\"500px\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\r\n      <\/div>\r\n    <\/section>\r\n \r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u2709 Contact Us Get in touch with us Have questions? Feel free to reach out to our team by filling&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_helpful_status":1,"sync_status":"","episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","castos_file_data":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":""},"class_list":["post-10177","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/magictowns.it\/it\/wp-json\/wp\/v2\/pages\/10177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magictowns.it\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magictowns.it\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magictowns.it\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magictowns.it\/it\/wp-json\/wp\/v2\/comments?post=10177"}],"version-history":[{"count":18,"href":"https:\/\/magictowns.it\/it\/wp-json\/wp\/v2\/pages\/10177\/revisions"}],"predecessor-version":[{"id":52153,"href":"https:\/\/magictowns.it\/it\/wp-json\/wp\/v2\/pages\/10177\/revisions\/52153"}],"wp:attachment":[{"href":"https:\/\/magictowns.it\/it\/wp-json\/wp\/v2\/media?parent=10177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}