{"id":8924,"date":"2019-10-03T08:54:20","date_gmt":"2019-10-03T08:54:20","guid":{"rendered":"https:\/\/krokitclub.com\/contact\/"},"modified":"2026-08-05T18:16:58","modified_gmt":"2026-08-05T18:16:58","slug":"contact","status":"publish","type":"page","link":"https:\/\/krokitclub.com\/en\/contact\/","title":{"rendered":"Contact Information"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8924\" class=\"elementor elementor-8924 elementor-109\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3df3578 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3df3578\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4124e88 ot-flex-column-vertical\" data-id=\"4124e88\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c15306a elementor-widget elementor-widget-html\" data-id=\"c15306a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  IAEE — modern Contact page content block\r\n  Without a header or footer. Ready for an Elementor\/WordPress HTML widget.\r\n\r\n  Quick data update:\r\n  edit the data-email, data-ceo-email, data-phone,\r\n  data-telegram, data-address, and data-response-time values in the root element below.\r\n-->\r\n\r\n<section\r\n  class=\"mapr-contact\"\r\n  lang=\"en\"\r\n  data-email=\"krokitclub.com@gmail.com\"\r\n  data-phone=\"+375 29 247 7462\"\r\n  data-telegram=\"@amphsav\"\r\n  data-address= \"732 S Spring St, Los Angeles, California, USA 90014\"\r\n  data-response-time=\"We usually respond within 1-2 business days\"\r\n  aria-labelledby=\"mapr-contact-title\"\r\n>\r\n  <style>\r\n    .mapr-contact,\r\n    .mapr-contact * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .mapr-contact {\r\n      --mapr-blue: #1467d9;\r\n      --mapr-blue-dark: #0b4597;\r\n      --mapr-cyan: #08c9dc;\r\n      --mapr-ink: #10233f;\r\n      --mapr-muted: #65738a;\r\n      --mapr-line: #c8def8;\r\n      --mapr-line-strong: #9fc8f4;\r\n      --mapr-soft: #ffffff;\r\n      --mapr-white: #ffffff;\r\n      --mapr-shadow: 0 24px 70px rgba(17, 66, 128, 0.12);\r\n\r\n      width: 100%;\r\n      color: var(--mapr-ink);\r\n      background: #ffffff;\r\n      font-family: Inter, Manrope, Arial, sans-serif;\r\n      padding: clamp(52px, 7vw, 104px) 20px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mapr-contact__container {\r\n      width: min(1180px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .mapr-contact__hero {\r\n      text-align: center;\r\n      max-width: 820px;\r\n      margin: 0 auto 42px;\r\n    }\r\n\r\n    .mapr-contact__eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      min-height: 34px;\r\n      padding: 8px 14px;\r\n      margin-bottom: 18px;\r\n      border: 1px solid var(--mapr-line-strong);\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      color: var(--mapr-blue-dark);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      box-shadow: 0 10px 28px rgba(20, 103, 217, 0.08);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .mapr-contact__eyebrow::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 auto;\r\n      border-radius: 50%;\r\n      background: var(--mapr-cyan);\r\n      box-shadow: 0 0 0 6px rgba(8, 201, 220, 0.13);\r\n    }\r\n\r\n    .mapr-contact h1 {\r\n      margin: 0;\r\n      color: var(--mapr-blue);\r\n      font-size: clamp(40px, 6vw, 72px);\r\n      line-height: 0.98;\r\n      letter-spacing: -0.045em;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .mapr-contact__lead {\r\n      max-width: 680px;\r\n      margin: 24px auto 0;\r\n      color: var(--mapr-muted);\r\n      font-size: clamp(17px, 2vw, 20px);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .mapr-contact__status {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      margin-top: 20px;\r\n      color: #2c5c4d;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .mapr-contact__status-dot {\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 50%;\r\n      background: #29b779;\r\n      box-shadow: 0 0 0 5px rgba(41, 183, 121, 0.13);\r\n    }\r\n\r\n    .mapr-contact__channels {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 16px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .mapr-contact__channel {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-height: 206px;\r\n      padding: 24px;\r\n      border: 1.5px solid var(--mapr-line-strong);\r\n      border-radius: 24px;\r\n      background: #ffffff;\r\n      box-shadow: 0 16px 50px rgba(20, 81, 151, 0.08);\r\n      overflow: hidden;\r\n      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\r\n    }\r\n\r\n    .mapr-contact__channel::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -34px;\r\n      bottom: -44px;\r\n      width: 120px;\r\n      height: 120px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, rgba(20, 103, 217, 0.10), rgba(8, 201, 220, 0.08));\r\n    }\r\n\r\n    .mapr-contact__channel:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(20, 103, 217, 0.28);\r\n      box-shadow: 0 22px 60px rgba(20, 81, 151, 0.13);\r\n    }\r\n\r\n    .mapr-contact__icon {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      place-items: center;\r\n      width: 48px;\r\n      height: 48px;\r\n      margin-bottom: 20px;\r\n      border-radius: 15px;\r\n      color: var(--mapr-blue);\r\n      background: linear-gradient(145deg, #eef6ff, #e8fbfd);\r\n      border: 1px solid #dcecff;\r\n    }\r\n\r\n    .mapr-contact__icon svg {\r\n      width: 23px;\r\n      height: 23px;\r\n      stroke: currentColor;\r\n      stroke-width: 1.8;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mapr-contact__channel-label {\r\n      position: relative;\r\n      z-index: 1;\r\n      margin-bottom: 8px;\r\n      color: var(--mapr-muted);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .mapr-contact__channel-value {\r\n      position: relative;\r\n      z-index: 1;\r\n      margin: 0;\r\n      color: var(--mapr-ink);\r\n      font-size: clamp(18px, 2vw, 22px);\r\n      line-height: 1.35;\r\n      font-weight: 800;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n\r\n    .mapr-contact__channel-value[data-mapr-email] {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .mapr-contact__channel-note {\r\n      position: relative;\r\n      z-index: 1;\r\n      margin-top: 8px;\r\n      color: var(--mapr-muted);\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .mapr-contact__channel-action {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      align-self: flex-start;\r\n      margin-top: auto;\r\n      padding-top: 20px;\r\n      color: var(--mapr-blue);\r\n      text-decoration: none;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mapr-contact__channel-action:hover {\r\n      color: var(--mapr-blue-dark);\r\n    }\r\n\r\n    .mapr-contact__main {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);\r\n      gap: 22px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .mapr-contact__panel {\r\n      border: 1.5px solid var(--mapr-line-strong);\r\n      border-radius: 28px;\r\n      background: #ffffff;\r\n      box-shadow: var(--mapr-shadow);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mapr-contact__form-wrap {\r\n      padding: clamp(26px, 4vw, 42px);\r\n    }\r\n\r\n    .mapr-contact__section-kicker {\r\n      margin: 0 0 9px;\r\n      color: var(--mapr-blue);\r\n      font-size: 13px;\r\n      font-weight: 850;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .mapr-contact__section-title {\r\n      margin: 0;\r\n      color: var(--mapr-ink);\r\n      font-size: clamp(28px, 3.7vw, 42px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.03em;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .mapr-contact__section-copy {\r\n      margin: 14px 0 26px;\r\n      color: var(--mapr-muted);\r\n      font-size: 16px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .mapr-contact__form {\r\n      display: grid;\r\n      gap: 16px;\r\n    }\r\n\r\n    .mapr-contact__form-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n    }\r\n\r\n    .mapr-contact__field {\r\n      display: grid;\r\n      gap: 8px;\r\n    }\r\n\r\n    .mapr-contact__field--full {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .mapr-contact__field label {\r\n      color: var(--mapr-ink);\r\n      font-size: 14px;\r\n      font-weight: 750;\r\n    }\r\n\r\n    .mapr-contact__field input,\r\n    .mapr-contact__field select,\r\n    .mapr-contact__field textarea {\r\n      width: 100%;\r\n      min-height: 52px;\r\n      padding: 14px 15px;\r\n      border: 1px solid var(--mapr-line-strong);\r\n      border-radius: 14px;\r\n      outline: none;\r\n      background: #ffffff;\r\n      color: var(--mapr-ink);\r\n      font: inherit;\r\n      font-size: 16px;\r\n      transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;\r\n    }\r\n\r\n    .mapr-contact__field textarea {\r\n      min-height: 140px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .mapr-contact__field input:focus,\r\n    .mapr-contact__field select:focus,\r\n    .mapr-contact__field textarea:focus {\r\n      border-color: var(--mapr-blue);\r\n      background: #ffffff;\r\n      box-shadow: 0 0 0 4px rgba(20, 103, 217, 0.10);\r\n    }\r\n\r\n    .mapr-contact__consent {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      color: var(--mapr-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .mapr-contact__consent input {\r\n      width: 17px;\r\n      height: 17px;\r\n      margin: 2px 0 0;\r\n      accent-color: var(--mapr-blue);\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .mapr-contact__submit {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      min-height: 54px;\r\n      padding: 14px 22px;\r\n      border: 0;\r\n      border-radius: 15px;\r\n      cursor: pointer;\r\n      color: #ffffff;\r\n      background: linear-gradient(135deg, var(--mapr-blue-dark), var(--mapr-blue) 58%, var(--mapr-cyan));\r\n      box-shadow: 0 16px 34px rgba(20, 103, 217, 0.22);\r\n      font: inherit;\r\n      font-size: 16px;\r\n      font-weight: 850;\r\n      transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;\r\n    }\r\n\r\n    .mapr-contact__submit:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 20px 40px rgba(20, 103, 217, 0.28);\r\n      filter: saturate(1.05);\r\n    }\r\n\r\n    .mapr-contact__submit:focus-visible,\r\n    .mapr-contact a:focus-visible {\r\n      outline: 3px solid rgba(8, 201, 220, 0.5);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    .mapr-contact__side {\r\n      display: grid;\r\n      grid-template-rows: minmax(320px, 1fr) auto;\r\n      min-height: 100%;\r\n    }\r\n\r\n    .mapr-contact__map {\r\n      min-height: 360px;\r\n      background: var(--mapr-soft);\r\n    }\r\n\r\n    .mapr-contact__map iframe {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 360px;\r\n      border: 0;\r\n      filter: saturate(0.82) contrast(0.96);\r\n    }\r\n\r\n    .mapr-contact__location {\r\n      position: relative;\r\n      padding: 28px;\r\n      color: #ffffff;\r\n      background:\r\n        radial-gradient(circle at 88% 12%, rgba(8, 201, 220, 0.42), transparent 32%),\r\n        linear-gradient(135deg, #0d3f9e 0%, #1164d4 66%, #08b9d0 100%);\r\n    }\r\n\r\n    .mapr-contact__location-label {\r\n      margin: 0 0 9px;\r\n      color: rgba(255, 255, 255, 0.74);\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .mapr-contact__location-address {\r\n      margin: 0;\r\n      font-size: clamp(20px, 2.4vw, 27px);\r\n      line-height: 1.35;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mapr-contact__location-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .mapr-contact__location-link,\r\n    .mapr-contact__copy {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 43px;\r\n      padding: 10px 15px;\r\n      border: 1px solid rgba(255, 255, 255, 0.28);\r\n      border-radius: 12px;\r\n      color: #ffffff;\r\n      background: rgba(255, 255, 255, 0.10);\r\n      text-decoration: none;\r\n      font: inherit;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n      backdrop-filter: blur(10px);\r\n      transition: background 160ms ease, border-color 160ms ease;\r\n    }\r\n\r\n    .mapr-contact__location-link:hover,\r\n    .mapr-contact__copy:hover {\r\n      background: rgba(255, 255, 255, 0.18);\r\n      border-color: rgba(255, 255, 255, 0.46);\r\n    }\r\n\r\n    .mapr-contact__copy-status {\r\n      min-height: 20px;\r\n      margin-top: 10px;\r\n      color: rgba(255, 255, 255, 0.82);\r\n      font-size: 13px;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .mapr-contact__channels {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .mapr-contact__channel {\r\n        min-height: 180px;\r\n      }\r\n\r\n      .mapr-contact__main {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .mapr-contact__side {\r\n        grid-template-rows: auto auto;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .mapr-contact {\r\n        padding-inline: 14px;\r\n      }\r\n\r\n\r\n      .mapr-contact__channel-value[data-mapr-email] {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .mapr-contact__form-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .mapr-contact__field--full {\r\n        grid-column: auto;\r\n      }\r\n\r\n      .mapr-contact__panel,\r\n      .mapr-contact__channel {\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .mapr-contact__location-actions {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .mapr-contact__location-link,\r\n      .mapr-contact__copy {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .mapr-contact *,\r\n      .mapr-contact *::before,\r\n      .mapr-contact *::after {\r\n        scroll-behavior: auto !important;\r\n        transition: none !important;\r\n        animation: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mapr-contact__container\">\r\n    <header class=\"mapr-contact__hero\">\r\n      <div class=\"mapr-contact__eyebrow\">Association contacts<\/div>\r\n      <h1 id=\"mapr-contact-title\">Contact us<\/h1>\r\n      <p class=\"mapr-contact__lead\">\r\n        For questions about membership, partnerships, events, or the Association’s work,\r\n        choose a convenient contact channel or send us a message using the form.\r\n      <\/p>\r\n      <div class=\"mapr-contact__status\">\r\n        <span class=\"mapr-contact__status-dot\" aria-hidden=\"true\"><\/span>\r\n        <span data-mapr-response-time><\/span>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"mapr-contact__channels\" aria-label=\"Contact options\">\r\n      <article class=\"mapr-contact__channel\">\r\n        <div class=\"mapr-contact__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 5h16v14H4z\"\/><path d=\"m4 7 8 6 8-6\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"mapr-contact__channel-label\">Email<\/div>\r\n        <p class=\"mapr-contact__channel-value\" data-mapr-email><\/p>\r\n        <p class=\"mapr-contact__channel-note\">General questions and inquiries<\/p>\r\n        <a class=\"mapr-contact__channel-action\" data-mapr-email-link href=\"#\">Send an email →<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"mapr-contact__channel\">\r\n        <div class=\"mapr-contact__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.62a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.84.29 1.72.5 2.62.62A2 2 0 0 1 22 16.9z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"mapr-contact__channel-label\">Phone and WhatsApp<\/div>\r\n        <p class=\"mapr-contact__channel-value\" data-mapr-phone><\/p>\r\n        <p class=\"mapr-contact__channel-note\">For prompt communication<\/p>\r\n        <a class=\"mapr-contact__channel-action\" data-mapr-phone-link href=\"#\">Contact us →<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"mapr-contact__channel\">\r\n        <div class=\"mapr-contact__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"m22 2-7 20-4-9-9-4Z\"\/><path d=\"m22 2-11 11\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"mapr-contact__channel-label\">Telegram<\/div>\r\n        <p class=\"mapr-contact__channel-value\" data-mapr-telegram><\/p>\r\n        <p class=\"mapr-contact__channel-note\">Short questions and messages<\/p>\r\n        <a class=\"mapr-contact__channel-action\" data-mapr-telegram-link href=\"#\" target=\"_blank\" rel=\"noopener\">Open Telegram →<\/a>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"mapr-contact__main\">\r\n      <section class=\"mapr-contact__panel mapr-contact__form-wrap\" aria-labelledby=\"mapr-form-title\">\r\n        <p class=\"mapr-contact__section-kicker\">Send us a message<\/p>\r\n        <h2 class=\"mapr-contact__section-title\" id=\"mapr-form-title\">Tell us how we can help<\/h2>\r\n        <p class=\"mapr-contact__section-copy\">\r\n          Complete the short form. After submission, a prepared email will open in your email application.\r\n        <\/p>\r\n\r\n        <form class=\"mapr-contact__form\" data-mapr-form>\r\n          <div class=\"mapr-contact__form-grid\">\r\n            <div class=\"mapr-contact__field\">\r\n              <label for=\"mapr-contact-name\">Name<\/label>\r\n              <input id=\"mapr-contact-name\" name=\"name\" type=\"text\" autocomplete=\"name\" required>\r\n            <\/div>\r\n\r\n            <div class=\"mapr-contact__field\">\r\n              <label for=\"mapr-contact-email\">Email<\/label>\r\n              <input id=\"mapr-contact-email\" name=\"email\" type=\"email\" autocomplete=\"email\" required>\r\n            <\/div>\r\n\r\n            <div class=\"mapr-contact__field mapr-contact__field--full\">\r\n              <label for=\"mapr-contact-topic\">Subject<\/label>\r\n              <input\r\n                id=\"mapr-contact-topic\"\r\n                name=\"topic\"\r\n                type=\"text\"\r\n                placeholder=\"For example: membership or partnership inquiry\"\r\n                autocomplete=\"off\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"mapr-contact__field mapr-contact__field--full\">\r\n              <label for=\"mapr-contact-message\">Message<\/label>\r\n              <textarea id=\"mapr-contact-message\" name=\"message\" placeholder=\"Briefly describe your question\" required><\/textarea>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <label class=\"mapr-contact__consent\">\r\n            <input type=\"checkbox\" required>\r\n            <span>I consent to the processing of the information provided for the purpose of responding to my inquiry.<\/span>\r\n          <\/label>\r\n\r\n          <button class=\"mapr-contact__submit\" type=\"submit\">Send message<\/button>\r\n        <\/form>\r\n      <\/section>\r\n\r\n      <aside class=\"mapr-contact__panel mapr-contact__side\" aria-label=\"Association address\">\r\n        <div class=\"mapr-contact__map\">\r\n          <iframe\r\n            data-mapr-map\r\n            title=\"Association location\"\r\n            loading=\"lazy\"\r\n            referrerpolicy=\"no-referrer-when-downgrade\"\r\n            allowfullscreen\r\n          ><\/iframe>\r\n        <\/div>\r\n\r\n        <div class=\"mapr-contact__location\">\r\n          <p class=\"mapr-contact__location-label\">Mailing address<\/p>\r\n          <p class=\"mapr-contact__location-address\" data-mapr-address><\/p>\r\n\r\n          <div class=\"mapr-contact__location-actions\">\r\n            <a class=\"mapr-contact__location-link\" data-mapr-map-link href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n              Open in Maps\r\n            <\/a>\r\n            <button class=\"mapr-contact__copy\" type=\"button\" data-mapr-copy>\r\n              Copy address\r\n            <\/button>\r\n          <\/div>\r\n          <div class=\"mapr-contact__copy-status\" data-mapr-copy-status aria-live=\"polite\"><\/div>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.currentScript.closest(\".mapr-contact\");\r\n      if (!root) return;\r\n\r\n      const data = {\r\n        email: root.dataset.email || \"\",\r\n        ceoEmail: root.dataset.ceoEmail || \"\",\r\n        phone: root.dataset.phone || \"\",\r\n        telegram: root.dataset.telegram || \"\",\r\n        address: root.dataset.address || \"\",\r\n        responseTime: root.dataset.responseTime || \"\"\r\n      };\r\n\r\n      const cleanPhone = data.phone.replace(\/[^\\d+]\/g, \"\");\r\n      const cleanTelegram = data.telegram.replace(\/^@\/, \"\");\r\n      const mapQuery = encodeURIComponent(data.address);\r\n\r\n      root.querySelector(\"[data-mapr-email]\").textContent = data.email;\r\n      root.querySelector(\"[data-mapr-email-link]\").href = `mailto:${data.email}`;\r\n      root.querySelector(\"[data-mapr-phone]\").textContent = data.phone;\r\n      root.querySelector(\"[data-mapr-phone-link]\").href = `https:\/\/wa.me\/${cleanPhone.replace(\"+\", \"\")}`;\r\n      root.querySelector(\"[data-mapr-telegram]\").textContent = data.telegram;\r\n      root.querySelector(\"[data-mapr-telegram-link]\").href = `https:\/\/t.me\/${cleanTelegram}`;\r\n      root.querySelector(\"[data-mapr-address]\").textContent = data.address;\r\n      root.querySelector(\"[data-mapr-response-time]\").textContent = data.responseTime;\r\n      root.querySelector(\"[data-mapr-map-link]\").href = `https:\/\/www.google.com\/maps\/search\/?api=1&query=${mapQuery}`;\r\n      root.querySelector(\"[data-mapr-map]\").src = `https:\/\/www.google.com\/maps?q=${mapQuery}&output=embed`;\r\n\r\n      const copyButton = root.querySelector(\"[data-mapr-copy]\");\r\n      const copyStatus = root.querySelector(\"[data-mapr-copy-status]\");\r\n\r\n      copyButton.addEventListener(\"click\", async () => {\r\n        try {\r\n          await navigator.clipboard.writeText(data.address);\r\n          copyStatus.textContent = \"Address copied.\";\r\n        } catch {\r\n          copyStatus.textContent = \"Unable to copy the address. Please select it manually.\";\r\n        }\r\n      });\r\n\r\n      root.querySelector(\"[data-mapr-form]\").addEventListener(\"submit\", (event) => {\r\n        event.preventDefault();\r\n\r\n        const form = new FormData(event.currentTarget);\r\n        const subject = form.get(\"topic\") || \"Website inquiry\";\r\n        const body = [\r\n          `Name: ${form.get(\"name\") || \"\"}`,\r\n          `Reply email: ${form.get(\"email\") || \"\"}`,\r\n          \"\",\r\n          form.get(\"message\") || \"\"\r\n        ].join(\"\\n\");\r\n\r\n        window.location.href =\r\n          `mailto:${data.email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Association contacts Contact us For questions about membership, partnerships, events, or the Association’s work, choose a convenient contact channel or send us a message using the form. Email General questions and inquiries Send an email → Phone and WhatsApp For prompt communication Contact us → Telegram Short questions and messages Open Telegram → Send us [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8924","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/krokitclub.com\/en\/wp-json\/wp\/v2\/pages\/8924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krokitclub.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/krokitclub.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/krokitclub.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krokitclub.com\/en\/wp-json\/wp\/v2\/comments?post=8924"}],"version-history":[{"count":21,"href":"https:\/\/krokitclub.com\/en\/wp-json\/wp\/v2\/pages\/8924\/revisions"}],"predecessor-version":[{"id":10710,"href":"https:\/\/krokitclub.com\/en\/wp-json\/wp\/v2\/pages\/8924\/revisions\/10710"}],"wp:attachment":[{"href":"https:\/\/krokitclub.com\/en\/wp-json\/wp\/v2\/media?parent=8924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}