/*
 * Makrakanta Light Composer - Responsive Kiro Typography
 * v1.2.15
 * Front-end only. Keeps headings and paragraph text proportional across screen sizes.
 */
:root {
  --mk-mlc-font-kiro: "kiro", "Kiro", "Makrakanta Turkish Fallback", "Helvetica Neue", Arial, system-ui, sans-serif;
  --mk-mlc-h1-size: clamp(44px, 7vw, 120px);
  --mk-mlc-h2-size: clamp(34px, 4.8vw, 76px);
  --mk-mlc-h3-size: clamp(28px, 3.2vw, 52px);
  --mk-mlc-h4-size: clamp(23px, 2.4vw, 38px);
  --mk-mlc-h5-size: clamp(19px, 1.8vw, 28px);
  --mk-mlc-h6-size: clamp(16px, 1.25vw, 22px);
  --mk-mlc-p-size: clamp(16px, 1.15vw, 21px);
  --mk-mlc-small-p-size: clamp(14px, 0.95vw, 17px);
}

/*
 * v1.2.15 - Turkish character safety layer
 * If the Adobe Fonts kit/subset ever omits Latin Extended Turkish glyphs
 * (ğ, Ğ, ı, İ, ş, Ş), the browser can fall back glyph-by-glyph
 * instead of showing broken boxes or garbled-looking characters.
 */
@font-face {
  font-family: "Makrakanta Turkish Fallback";
  src: local("Helvetica Neue"), local("Arial"), local("Arial Unicode MS");
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0100-017F, U+0180-024F;
}

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html[lang^="tr"] body,
html[lang^="tr"] body p,
html[lang^="tr"] body span,
html[lang^="tr"] body div,
html[lang^="tr"] body a,
html[lang^="tr"] body li,
html[lang^="tr"] body h1,
html[lang^="tr"] body h2,
html[lang^="tr"] body h3,
html[lang^="tr"] body h4,
html[lang^="tr"] body h5,
html[lang^="tr"] body h6 {
  font-family: var(--mk-mlc-font-kiro) !important;
}

body,
body .section,
body .content,
body .container,
body .container-fluid,
body .hc_column_cnt,
body .advs-box,
body .content-box,
body .title-base,
body .title-modern {
  font-family: var(--mk-mlc-font-kiro) !important;
}

body h1:not(.mk-rollingsoon-kiro),
body h2,
body h3,
body h4,
body h5,
body h6,
body .title-base h1,
body .title-base h2,
body .title-base h3,
body .title-modern h1,
body .title-modern h2,
body .title-modern h3 {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em;
  line-height: 0.98 !important;
  text-wrap: balance;
}

body h1:not(.mk-rollingsoon-kiro),
body .title-base h1,
body .title-modern h1 {
  font-size: var(--mk-mlc-h1-size) !important;
}

body h2,
body .title-base h2,
body .title-modern h2 {
  font-size: var(--mk-mlc-h2-size) !important;
}

body h3,
body .title-base h3,
body .title-modern h3 {
  font-size: var(--mk-mlc-h3-size) !important;
}

body h4 { font-size: var(--mk-mlc-h4-size) !important; }
body h5 { font-size: var(--mk-mlc-h5-size) !important; }
body h6 { font-size: var(--mk-mlc-h6-size) !important; }

body p,
body .title-base p,
body .title-modern p,
body .advs-box p,
body .content-box p,
body .caption p,
body li:not([class*="menu"]):not([class*="nav"]) {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: var(--mk-mlc-p-size) !important;
  line-height: 1.48 !important;
  letter-spacing: 0.005em;
}

body strong,
body b {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-weight: 800 !important;
}

@media (min-width: 1600px) {
  :root {
    --mk-mlc-h1-size: clamp(54px, 6.6vw, 138px);
    --mk-mlc-h2-size: clamp(40px, 4.5vw, 84px);
    --mk-mlc-p-size: clamp(17px, 1.05vw, 23px);
  }
}

@media (max-width: 991px) {
  :root {
    --mk-mlc-h1-size: clamp(42px, 9vw, 86px);
    --mk-mlc-h2-size: clamp(32px, 6.5vw, 62px);
    --mk-mlc-h3-size: clamp(25px, 4.6vw, 42px);
    --mk-mlc-h4-size: clamp(21px, 3.6vw, 32px);
    --mk-mlc-p-size: clamp(15px, 2.15vw, 19px);
  }
}

@media (max-width: 767px) {
  :root {
    --mk-mlc-h1-size: clamp(38px, 11vw, 68px);
    --mk-mlc-h2-size: clamp(30px, 8vw, 50px);
    --mk-mlc-h3-size: clamp(24px, 6.2vw, 36px);
    --mk-mlc-h4-size: clamp(20px, 4.8vw, 28px);
    --mk-mlc-h5-size: clamp(17px, 4vw, 22px);
    --mk-mlc-h6-size: clamp(15px, 3.4vw, 18px);
    --mk-mlc-p-size: clamp(15px, 4vw, 18px);
    --mk-mlc-small-p-size: clamp(13px, 3.4vw, 16px);
  }

  body h1:not(.mk-rollingsoon-kiro),
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    letter-spacing: -0.02em;
  }

  body p,
  body .title-base p,
  body .title-modern p,
  body .advs-box p,
  body .content-box p,
  body .caption p {
    max-width: min(92vw, 680px);
    margin-left: auto;
    margin-right: auto;
  }
}


/*
 * v1.2.15 - Balanced Composer Text Size Scale
 * The theme's original .text-l was too close to body text and too far from .text-xl.
 * These rules keep text block size presets proportional and responsive.
 */
:root {
  --mk-mlc-text-xs-size: clamp(12px, 0.72vw, 14px);
  --mk-mlc-text-s-size: clamp(14px, 0.9vw, 16px);
  --mk-mlc-text-m-size: clamp(17px, 1.2vw, 22px);
  --mk-mlc-text-l-size: clamp(28px, 2.25vw, 38px);
  --mk-mlc-text-xl-size: clamp(42px, 3.65vw, 62px);
  --mk-mlc-text-xxl-size: clamp(56px, 6vw, 108px);
}

body .text-xs,
body p.text-xs,
body .hc_text_block_cnt .text-xs {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-size: var(--mk-mlc-text-xs-size) !important;
  line-height: 1.35 !important;
}

body .text-s,
body p.text-s,
body .hc_text_block_cnt .text-s {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-size: var(--mk-mlc-text-s-size) !important;
  line-height: 1.45 !important;
  font-weight: 300 !important;
}

body .text-m,
body p.text-m,
body .hc_text_block_cnt .text-m {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-size: var(--mk-mlc-text-m-size) !important;
  line-height: 1.5 !important;
  font-weight: 300 !important;
}

body .text-l,
body p.text-l,
body .hc_text_block_cnt .text-l {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-size: var(--mk-mlc-text-l-size) !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
}

body .text-xl,
body p.text-xl,
body .hc_text_block_cnt .text-xl {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-size: var(--mk-mlc-text-xl-size) !important;
  line-height: 1.06 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em;
}

body .text-xxl,
body p.text-xxl,
body .hc_text_block_cnt .text-xxl {
  font-family: var(--mk-mlc-font-kiro) !important;
  font-size: var(--mk-mlc-text-xxl-size) !important;
  line-height: 0.98 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em;
}

/* Keep paragraph helper classes from shrinking oversized text presets. */
body p.text-l,
body p.text-xl,
body p.text-xxl {
  max-width: min(92vw, 1100px);
}

@media (max-width: 991px) {
  :root {
    --mk-mlc-text-l-size: clamp(26px, 4.4vw, 36px);
    --mk-mlc-text-xl-size: clamp(36px, 6vw, 54px);
    --mk-mlc-text-xxl-size: clamp(48px, 8vw, 82px);
  }
}

@media (max-width: 767px) {
  :root {
    --mk-mlc-text-xs-size: clamp(12px, 3.2vw, 13px);
    --mk-mlc-text-s-size: clamp(13px, 3.6vw, 15px);
    --mk-mlc-text-m-size: clamp(16px, 4.2vw, 19px);
    --mk-mlc-text-l-size: clamp(25px, 6.2vw, 34px);
    --mk-mlc-text-xl-size: clamp(34px, 8.6vw, 48px);
    --mk-mlc-text-xxl-size: clamp(42px, 11vw, 64px);
  }

  body .text-l,
  body p.text-l,
  body .hc_text_block_cnt .text-l {
    line-height: 1.14 !important;
  }

  body .text-xl,
  body p.text-xl,
  body .hc_text_block_cnt .text-xl {
    line-height: 1.04 !important;
  }
}

/*
 * v1.2.15 - Turkish diacritics safety
 * Very tight heading line-height can clip Turkish accents such as İ, Ş, Ğ.
 */
html[lang^="tr"] body h1:not(.mk-rollingsoon-kiro),
html[lang^="tr"] body h2,
html[lang^="tr"] body h3,
html[lang^="tr"] body h4,
html[lang^="tr"] body h5,
html[lang^="tr"] body h6,
html[lang^="tr"] body .title-base h1,
html[lang^="tr"] body .title-base h2,
html[lang^="tr"] body .title-base h3,
html[lang^="tr"] body .title-modern h1,
html[lang^="tr"] body .title-modern h2,
html[lang^="tr"] body .title-modern h3,
html[lang^="tr"] body .text-xl,
html[lang^="tr"] body .text-xxl {
  line-height: 1.12 !important;
  overflow: visible !important;
  padding-top: .03em;
  padding-bottom: .03em;
}

html[lang^="tr"] body .text-l {
  line-height: 1.18 !important;
  overflow: visible !important;
}

html[lang^="tr"] body .title-base,
html[lang^="tr"] body .title-modern,
html[lang^="tr"] body .hc_title_tag_cnt,
html[lang^="tr"] body .hc_text_block_cnt {
  overflow: visible !important;
}

/*
 * v1.2.15 - Safe Turkish secondary font for Composer .font-2 text blocks.
 * Noto Sans is loaded separately and has very broad Latin Extended/Turkish support.
 * Use .font-2 inside text blocks when Kiro/Adobe subset causes Turkish glyph issues.
 */
:root {
  --mk-mlc-font-2-safe-tr: "Noto Sans", "Arial Unicode MS", "Helvetica Neue", Arial, system-ui, sans-serif;
}

body .font-2,
body p.font-2,
body span.font-2,
body div.font-2,
body a.font-2,
body li.font-2,
body .hc_text_block_cnt .font-2,
body .hc_title_tag_cnt .font-2,
body .title-base p.font-2,
body .title-modern p.font-2,
body .caption-bottom p.font-2,
body .adv-img-full-content p.font-2,
body .adv-img-half-content .caption p.font-2,
body .adv-img-double-content .caption-bottom p.font-2 {
  font-family: var(--mk-mlc-font-2-safe-tr) !important;
  font-style: normal !important;
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

body .font-2 strong,
body .font-2 b {
  font-family: var(--mk-mlc-font-2-safe-tr) !important;
  font-weight: 800 !important;
}

body .font-2.text-light,
body p.font-2.text-light,
body .hc_text_block_cnt .font-2.text-light {
  font-weight: 300 !important;
}

/*
 * v1.2.16 - Make .font-2 affect the actual text inside Composer/addon text blocks.
 * Some components put .font-2 on the outer component wrapper while inner p/span
 * elements receive their own font-family from component CSS. These selectors force
 * the safe Turkish font down to text descendants without touching icon fonts.
 */
body .font-2,
body .font-2 p,
body .font-2 span,
body .font-2 div,
body .font-2 a,
body .font-2 li,
body .font-2 label,
body .font-2 small,
body .font-2 blockquote,
body .font-2 h1,
body .font-2 h2,
body .font-2 h3,
body .font-2 h4,
body .font-2 h5,
body .font-2 h6,
body .main-text.font-2,
body .main-text.font-2 p,
body .main-text.font-2 span,
body .wysiwyg-editor.font-2,
body .wysiwyg-editor.font-2 p,
body .wysiwyg-editor.font-2 span,
body .hc_text_block_cnt.font-2,
body .hc_text_block_cnt.font-2 p,
body .hc_text_block_cnt.font-2 span,
body .hc_text_block_cnt.font-2 div,
body .hc_text_block_cnt.font-2 li,
body .hc_text_block_cnt.font-2 a,
body .hc_text_block_cnt.font-2 label,
body .title-base.font-2,
body .title-base.font-2 *,
body .title-modern.font-2,
body .title-modern.font-2 *,
body .caption-bottom.font-2,
body .caption-bottom.font-2 p,
body .adv-img-full-content.font-2,
body .adv-img-full-content.font-2 p,
body .adv-img-half-content.font-2 .caption p,
body .adv-img-double-content.font-2 .caption-bottom p,
body .icon-box-cell.font-2,
body .icon-box-cell.font-2 label,
body .icon-box-cell.font-2 p,
body .content-box.font-2,
body .content-box.font-2 p,
body .advs-box.font-2,
body .advs-box.font-2 p,
body .advs-box.font-2 h1,
body .advs-box.font-2 h2,
body .advs-box.font-2 h3,
body .advs-box.font-2 h4,
body .advs-box.font-2 h5,
body .advs-box.font-2 h6 {
  font-family: var(--mk-mlc-font-2-safe-tr) !important;
  font-style: normal !important;
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

/* Preserve icon fonts inside .font-2 blocks. */
body .font-2 i.fa,
body .font-2 i.fas,
body .font-2 i.far,
body .font-2 i.fab,
body .font-2 .fa,
body .font-2 .fas,
body .font-2 .far,
body .font-2 .fab,
body .font-2 [class^="im-"],
body .font-2 [class*=" im-"],
body .font-2 [class^="icon-"],
body .font-2 [class*=" icon-"] {
  font-family: FontAwesome, "Font Awesome 6 Free", "Font Awesome 6 Brands", "iconsmind", "icomoon" !important;
}

body .font-2 strong,
body .font-2 b,
body .main-text.font-2 strong,
body .main-text.font-2 b,
body .hc_text_block_cnt.font-2 strong,
body .hc_text_block_cnt.font-2 b {
  font-family: var(--mk-mlc-font-2-safe-tr) !important;
  font-weight: 800 !important;
}

body .font-2.text-light,
body .font-2 .text-light,
body p.font-2.text-light,
body .main-text.font-2.text-light,
body .main-text.font-2 .text-light,
body .hc_text_block_cnt.font-2.text-light,
body .hc_text_block_cnt.font-2 .text-light {
  font-family: var(--mk-mlc-font-2-safe-tr) !important;
  font-weight: 300 !important;
}


/* v1.2.17 - Extra .font-2 coverage for Contact section/addon text. */
html body .font-2 :where(p,span,div,a,li,label,small,blockquote,h1,h2,h3,h4,h5,h6,input,textarea,select,button):not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class^="im-"]):not([class*=" im-"]):not([class^="icon-"]):not([class*=" icon-"]) {
  font-family: var(--mk-mlc-font-2-safe-tr) !important;
}
html body #section_XgEnY .font-2,
html body #section_XgEnY .font-2 :where(p,span,div,a,li,label,small,blockquote,h1,h2,h3,h4,h5,h6,input,textarea,select,button):not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class^="im-"]):not([class*=" im-"]):not([class^="icon-"]):not([class*=" icon-"]) {
  font-family: var(--mk-mlc-font-2-safe-tr) !important;
}