/******************/
/** Theme - Template */
/******************/
/***** Header *****/
/* header - Update the rest in header-main.scss */
:root {
  --header-text-color: var(--text-body);
  --header-text-size: var(--font-p);
  --thm-nav-font-family: var(--font-body);

  /* Header Main */
  --tmp-hdr-main-btn--font-size: var(--btn-font-size);
  --tmp-hdr-main-btn--font-weight: 500;
  --tmp-hdr-main-btn--font-family: var(--font-body);
  --tmp-hdr-main-btn--color: var(--text-body);
}
/* Header Base */
.header-base {
  --header-top-font-size: 14px;
  --header-top-text-color: var(--header-text-color);

  --header-main-font-size: var(--header-text-size);
  --header-main-text-color: var(--header-text-color);

  --header-btm-font-size: var(--text-4xl);
  --header-btm-text-color: var(--header-text-color);
}
/* Header Transparent */
.header-transparent {
  --hdr-trp--scrolling-bg-color: rgba(14, 14, 14, 0.439);
}

/* Header Main */
.header-main {
  /* Sticky Header - Main */
  --hm-bg-sticky: #ffffff;
  --hm-sticky-height: 110px;
  --hm-sticky-height-tablet: var(--hm-height-tablet);
  --hm-sticky-height-mobile: var(--hm-height-mobile);
  /* Header Main */
  --hm-height: 88px;
  --hm-height-tablet: 78px;
  --hm-height-mobile: 74px;
  --hm-bg: #ffffff;
  --hm-border-bottom: none;
  --hm-bx-sh: none;
  --hm-transition: var(--default-transition);

  --hm--display: flex;
  --hm--justify-content: center;
  --hm--align-items: center;
}

/* Header Std - Item Brand */
.header-main--brand {
  --hm-logo-height: 24px;
  --hm-logo-height__on-xl: 24px;
  --hm-logo-height__on-l: 24px;
  --hm-logo-height__on-m: 24px;
}

/* Header Main - Row  */
.header-main--row {
  --hm-row--display: flex;
  --hm-row--flex-wrap: nowrap;
  --hm-row--flex-direction: row;
  --hm-row--gap-column: var(--space-3xs);
  --hm-row--gap-row: var(--space-5xs);
  --hm-row--justify-content: start;
  --hm-row--align-items: center;
  /* --hm-row--grid-template-columns: 1fr; */
}
/* Header Std - Item Base */
.header-main--item {
  --hm-item-content-row--display: flex;
  --hm-item-content-row--flex-wrap: nowrap;
  --hm-item-content-row--flex-direction: row;
  --hm-item-content-row--gap-column: var(--space-3xs);
  --hm-item-content-row--gap-row: var(--space-5xs);
  --hm-item-content-row--justify-content: start;
  --hm-item-content-row--align-items: center;
  /* --hm-item-content-row--grid-template-columns: 1fr; */

  --hm-content-text-wrap--mxw: 100%;
  --hm-content-text-wrap-margin: 0;
  --hm-content-text-wrap-padding: 0;

  --hm-content-title--font: var(--font-heading);
  --hm-content-title--color: var(--header-main-text-color);
  --hm-content-title--size: var(--font-h3);
  --hm-content-title--font-weight: 500;
  --hm-content-title--line-height: 1;
  --hm-content-title--letter-case: normal;
  --hm-content-title--letter-spacing: 0;
  --hm-content-title--white-space: nowrap;
  --hm-content-title--margin: 0;

  --hm-content-text--font: var(--font-body);
  --hm-content-text--color: var(--header-main-text-color);
  --hm-content-text--size: var(--header-main-font-size);
  --hm-content-text--font-weight: 400;
  --hm-content-text--line-height: 1;
  --hm-content-text--letter-case: normal;
  --hm-content-text--letter-spacing: 0;
  --hm-content-text--white-space: nowrap;
  --hm-content-text--margin: 0;

  --hm-content-text--link-color: var(--hm-content-text--color);
  --hm-content-text--link-font-weight: var(--hm-content-text--font-weight);
  /* --hm-content-text--link-decor: underline; */
  --hm-content-text--link-color_hover: var(--hm-content-text--link-color);
  --hm-content-text--link-font-weight_hover: var(--hm-content-text--link-font-weight);
  --hm-content-text--link-decor_hover: var(--hm-content-text--link-decor);
}

/* Nav Menu Std */
.header-base {
  /* Main Navigation */
  --nav-text-color: var(--text-body);
  --nav-text-color-hover_on-hover: var(--primary);
  --nav-text-active-page-color: var(--primary);
  --nav-text-active-page-weight: 500;
  /* --nav-font-size: var(--text-l); Update in theme-extended.scsss */
  --nav-font-family: var(--font-heading);
  --nav-font-weight: 500;
  --nav-font-weight_on-hover: 500;
  --nav-text-case: uppercase;
  --nav-text-spacing: 0;
  --nav-white-space: nowrap;

  /* Submenu */
  /* --nav-item-gap: var(--space-m); Fall back - 2 column */
  --nav-item-gap: clamp(2.125rem, calc(1.806rem + 1.188vw), 2.875rem); /* min: 34px, max: 46px */
  --nav-submenu-border-bottom: 1px solid #dddddd;
  --nav-submenu--bg-color: #fff;
  --nav-submenu--box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
  --nav-submenu--pos-lr: 0;
  --nav-submenu--pos-tb: 50px;

  --nav-submenu-item--bg_on-hover: var(--primary);
  --nav-submenu-bg_on-cmi: var(--nav-submenu-item--bg_on-hover) . /* (cmi)Current Menu Item */
    --nav-submenu-text-color: var(--text-body);
  --nav-submenu-item-text--color_on-hover: #ffffff;
  --nav-submenu-text-color_on-cmi: var(--nav-submenu-item-text--color_on-hover);
  --nav-submenu-text-weight: 500;

  /* Mobile */
  --nav-toggle-color: var(--nav-text-color);
  --nav-mobile-bg: var(--primary);
  --nav-mobile-text-color: var(--text-light);
  --nav-mobile-text-color_on-hover: var(--text-light);
  --nav-mobile-font-weight: 500;
  --nav-mobile-font-weight_on-hover: var(--nav-mobile-font-weight);
  --nav-mobile-font-case: capitalize;

  /* Top accent bar settings */
  --nav-accent-bar-color: var(--primary);
  --nav-accent-bar-color_on-hvr: var(--primary);
  --nav-accent-bar-height: 4px;
  --nav-accent-bar-pd-tb: 30px;
  --nav-accent-bar-width: 100%;
}
/* Header Std - Items */
/* Header Std - Item Button */
.header-main--button .header-btn {
  --hdr-btn--font-size: var(--btn-font-size);
  --hdr-btn--font-weight: 500;
  --hdr-btn--font-family: var(--font-body);
  --hdr-btn--color: var(--text-body);
  /* --hdr-btn--bg-color: var(--primary-btn-bg-color); */
  /* --hdr-btn--bg-color__hover: var(--primary-btn-bg-color__hover); */
  /* --hdr-btn--height: var(--btn-height); */
  /* --hdr-btn--pd-tb: var(--btn-pd-tb); */
  /* --hdr-btn--pd-lr: var(--btn-pd-lr); */
  /* --hdr-btn--height: 48px; */
  /* --hdr-btn--width: var(--btn-width); */
  /* --hdr-btn--min-width: var(--btn-min-width); */
}
/* Header Top - Base */
.header-top {
  --ht-height: 40px;
  --ht-min-height: var(--ht-height);
  --header-top-text-color: var(--header-text-color);
  --ht-font-size: 14px;
  --ht-border-bottom: 1px solid #c5c5c5;
  --ht-pd: 6px 0;
  --ht-bg-color: #ffffff;

  --ht-btn-overflow: 0px;

  --ht-contact--1st-child-display: none;
  --ht-contact--2nd-child-display: none;
  --ht-contact--3rd-child-display: block;
}
/* Header Top - Row */
.header-top {
  /* Header Top - Row */
  --ht-row--display: grid;
  --ht-row--grid-cols: 1fr;
  /* --ht-row--flex-direction: row; */
  --ht-row--align-items: center;
  --ht-row--justify-content: start;
  --ht-row--gap-column: var(--space-3xs);
  --ht-row--gap-row: var(--space-7xs);
  --ht-row--mxw: 100%;
  /* --ht-row--mnw: 100%; */
  --ht-row--width: 100%;
  --ht-row--margin: 0;
  --ht-row--padding: 0;

  --ht-row-col--display: flex;
  /* --ht-row-col--align-items: start; */
  --ht-row-col--justify-content: start;
}
/* Header Top - Item Base */
.header-top--item {
  --ht-item-content-row--display: flex;
  --ht-item-content-row--flex-wrap: nowrap;
  --ht-item-content-row--flex-direction: row;
  --ht-item-content-row--gap-column: var(--space-3xs);
  --ht-item-content-row--gap-row: var(--space-5xs);
  --ht-item-content-row--justify-content: start;
  --ht-item-content-row--align-items: center;
  /* --ht-item-content-row--grid-template-columns: 1fr; */

  --ht-content-text-wrap--mxw: 100%;
  --ht-content-text-wrap-margin: 0;
  --ht-content-text-wrap-padding: 0;

  --ht-content-title--font: var(--font-heading);
  --ht-content-title--color: var(--header-top-text-color);
  --ht-content-title--size: var(--font-h3);
  --ht-content-title--font-weight: 500;
  --ht-content-title--line-height: 1;
  --ht-content-title--letter-case: normal;
  --ht-content-title--letter-spacing: 0;
  --ht-content-title--white-space: nowrap;
  --ht-content-title--margin: 0;

  --ht-content-text--font: var(--font-body);
  --ht-content-text--color: var(--header-top-text-color);
  --ht-content-text--size: var(--header-top-font-size);
  --ht-content-text--font-weight: 400;
  --ht-content-text--line-height: 1;
  --ht-content-text--letter-case: normal;
  --ht-content-text--letter-spacing: 0;
  --ht-content-text--white-space: nowrap;
  --ht-content-text--margin: 0;

  --ht-content-text--link-color: var(--ht-content-text--color);
  --ht-content-text--link-font-weight: var(--ht-content-text--font-weight);
  /* --ht-content-text--link-decor: underline; */
  --ht-content-text--link-color_hover: var(--ht-content-text--link-color);
  --ht-content-text--link-font-weight_hover: var(--ht-content-text--link-font-weight);
  --ht-content-text--link-decor_hover: var(--ht-content-text--link-decor);
}
/* Header Bottom */
.header-bottom {
  /* Sticky Header - Bottom */
  --hb-bg-sticky: #ffffff;
  --hb-sticky-height: var(--hb-height);
  --hb-sticky-height-tablet: var(--hb-height-tablet);
  --hb-sticky-height-mobile: var(--hb-height-mobile);
  /* Header Bottom - Main */
  --hb-height: 70px;
  --hb-height-tablet: 56px;
  --hb-height-mobile: 54px;
  --hb-bg: var(--accent);
  --hb-pd: 0;
  --hb--display: flex;
  --hb--justify-content: center;
  --hb--align-items: center;
  --hb-transition: var(--default-transition);
}
/* Header - Btm  | Row */
.header-btm--row {
  --hb-row--display: flex;
  --hb-row--flex-wrap: nowrap;
  --hb-row--flex-direction: row;
  --hb-row--gap-column: var(--space-3xs);
  --hb-row--gap-row: var(--space-5xs);
  --hb-row--justify-content: start;
  --hb-row--align-items: center;
  /* --hb-row--grid-template-columns: 1fr; */
}
/* Header - Btm  | Column */
.header-btm--col {
  --hb-col--gap: var(--nav-item-gap);
  --hb-col--width: auto;
  --hb-col--display: flex;
  --hb-col--flex-wrap: nowrap;
  --hb-col--justify-content: start;
  --hb-col--align-items: center;
}
/* Header Elements */
/* Header Buttons */
.header-base {
  --hdr-btn--font-size: var(--btn-font-size);
  --hdr-btn--font-weight: var(--btn-font-weight);
  --hdr-btn--font-family: var(--btn-font-family);
  --hdr-btn--color: var(--btn-color);
  --hdr-btn--pd-tb: var(--btn-pd-tb);
  --hdr-btn--pd-lr: var(--btn-pd-lr);
  --hdr-btn--bg-color: var(--primary-btn-bg-color);

  --hdr-btn--height: var(--btn-height);
  --hdr-btn--width: var(--btn-width);
  --hdr-btn--min-width: var(--btn-min-width);

  --hdr-btn--border-color: var(--btn-border-color);
  --hdr-btn--border-width: var(--btn-border-width);
  --hdr-btn--border-radius: var(--btn-border-radius);
  --hdr-btn--letter-spacing: var(--primary-btn-letter-spacing);
  --hdr-btn--letter-case: var(--primary-btn-letter-case);
  --hdr-btn--transition: var(--btn-transition);

  --hdr-btn--color__hover: var(--primary-btn-color__hover);
  --hdr-btn--bg-color__hover: var(--primary-btn-bg-color__hover);
  --hdr-btn--border-color__hover: var(--btn-border-color__hover);
}
/* Header Icon */
.header-base {
  --header-icon-std-row--display: flex;
  --header-icon-std-row--flex-wrap: nowrap;
  --header-icon-std-row--flex-direction: row;
  --header-icon-std-row--gap-column: var(--space-3xs);
  --header-icon-std-row--gap-row: var(--space-5xs);
  --header-icon-std-row--justify-content: start;
  --header-icon-std-row--align-items: center;
  /* --header-icon-std-row--grid-template-columns: 1fr; */

  --header-icon-std--size: var(--icon-size-lg);
  --header-icon-std--pd: 0;
  --header-icon-std--color: var(--accent);
  --header-icon-std--color-hover: var(--primary);
  --header-icon-std--height: 100%;
  --header-icon-std--width: var(--header-icon-std--height);
  --header-icon-std--bg: none;
  --header-icon-std--bg-hover: none;
  --header-icon-std--border-radius: 0;
}
.header-base.header-icon--w-bg {
  /* --header-icon-std--pd: 2px; */
  --header-icon-std--color: var(--accent);
  --header-icon-std--color-hover: var(--text-light);
  --header-icon-std--height: 48px;
  --header-icon-std--width: var(--header-icon-std--height);
  --header-icon-std--bg: var(--primary);
  --header-icon-std--bg-hover: var(--accent);
  --header-icon-std--border-radius: var(--icon-border-radius);
  /* --header-icon-std--border-radius: 0; // Square */
  /* --header-icon-std--border-radius: 50px; // Rounded */
}
/* Header Search Form */
.header-base {
  --hdr-srch-form--display: flex;
  --hdr-srch-form--gap-col: var(--space-6xs);
  /* --hdr-srch-form--gap-row: var(--space-xs); */

  --hdr-srch-form-field--margin: 0;
  --hdr-srch-form-field--padding: 0;

  --hdr-srch-form-field--height: var(--form-field-height);
  --hdr-srch-form-field--border-radius: var(--form-field-border-radius);
  --hdr-srch-form-field--pd-tb: var(--form-field-pd-tb);
  --hdr-srch-form-field--pd-lr: var(--form-field-pd-lr);
  --hdr-srch-form-field--min-width: clamp(16.875rem, calc(7.5rem + 12.5vw), 18.75rem); /* min: 270px, max: 300px */

  --hdr-srch-form-field-let-spcing: var(--form-field-let-spcing);
  --hdr-srch-form-field-line-height: var(--form-field-line-height);
  --hdr-srch-form-field-bg: var(--form-field-bg);
  --hdr-srch-form-field-color: var(--form-field-color);
  --hdr-srch-form-field-font-size: var(--form-field-font-size);
  --hdr-srch-form-field-border-color: var(--form-field-border-color);
  --hdr-srch-form-border-width: var(--form-border-width);

  /* Form Button */
  --hdr-form-btn--font-size: var(--btn-font-size);
  --hdr-form-btn--font-weight: var(--btn-font-weight);
  --hdr-form-btn--font-family: var(--btn-font-family);
  --hdr-form-btn--color: var(--btn-color);
  --hdr-form-btn--pd-tb: var(--btn-pd-tb);
  --hdr-form-btn--pd-lr: var(--btn-pd-lr);
  --hdr-form-btn--bg-color: var(--primary-btn-bg-color);

  --hdr-form-btn--height: var(--btn-height);
  --hdr-form-btn--width: var(--btn-width);
  --hdr-form-btn--min-width: var(--btn-min-width);

  --hdr-form-btn--border-color: var(--btn-border-color);
  --hdr-form-btn--border-width: var(--btn-border-width);
  --hdr-form-btn--border-radius: var(--btn-border-radius);
  --hdr-form-btn--letter-spacing: var(--primary-btn-letter-spacing);
  --hdr-form-btn--letter-case: var(--primary-btn-letter-case);
  --hdr-form-btn--transition: var(--btn-transition);

  --hdr-form-btn--color__hover: var(--primary-btn-color__hover);
  --hdr-form-btn--bg-color__hover: var(--primary-btn-bg-color__hover);
  --hdr-form-btn--border-color__hover: var(--btn-border-color__hover);
}
.header-base .header--search.hdr-srch-form-field--rounded-radius .bricks-search-form {
  --hdr-srch-form-field--pd-lr: 24px;
}
.header-base .header-search-form {
  /* Btn inside */
  --hdr-form-btn--pos-right: 1px;
}
.header-base .header-search-form.hdr-srch-btn-inside .bricks-search-form {
  --hdr-form-btn--height: calc(var(--hdr-srch-form-field--height) - 2px);
  --hdr-srch-form-field--pd-left: 24px;
  --hdr-srch-form-field--pd-right: calc(var(--hdr-form-btn--width) + var(--hdr-srch-form-field--pd-left));
}
.header-base .header-search-form.hdr-btn-icon {
  --hdr-form-btn--pd-tb: var(--btn-pd-tb);
  --hdr-form-btn--pd-lr: var(--btn-pd-tb);
  --hdr-form-btn--height: var(--btn-height);
  --hdr-form-btn--width: var(--hdr-form-btn--height);
  --hdr-form-btn--min-width: auto;
}
/* Header Search Overlay */
.header-base {
  --hdr-form-btn--font-size: var(--icon-size-md);
  --hdr-form-btn--font-weight: 400;
  --hdr-form-btn--font-family: var(--btn-font-family);
  --hdr-form-btn--color: var(--header-main-text-color) !important;
  --hdr-form-btn--pd-tb: 0;
  --hdr-form-btn--pd-lr: 0;
  --hdr-form-btn--bg-color: transparent;

  --hdr-form-btn--height: auto;
  --hdr-form-btn--width: var(--btn-width);
  --hdr-form-btn--min-width: auto;

  --hdr-form-btn--border-color: none;
  --hdr-form-btn--border-width: none;
  --hdr-form-btn--border-radius: none;
  --hdr-form-btn--letter-spacing: var(--primary-btn-letter-spacing);
  --hdr-form-btn--letter-case: var(--primary-btn-letter-case);
  --hdr-form-btn--transition: var(--btn-transition);

  --hdr-form-btn--color__hover: var(--primary);
  --hdr-form-btn--bg-color__hover: transparent;
  --hdr-form-btn--border-color__hover: var(--btn-border-color__hover);

  --header-icon-search-title--color: var(--header-main-text-color);
  --header-icon-search-title--size: var(--text-xl);
  --header-icon-search-title--font-weight: 500;
  --header-icon-search-title--letter-case: normal;
  --header-icon-search-title--margin: 0 0 var(--space-4xs);

  --header-icon-search-overlay--bg-color: #fff;

  --header-icon-search-overlay-close-btn--font-size: var(--icon-size-xl);
  --header-icon-search-overlay-close-btn--color: var(--header-main-text-color);
  --header-icon-search-overlay-close-btn--color_hover: var(--primary);
}
/* Header Social */
.header-base {
  --header-social-std--margin: 0;
  --header-social-std-icon--size: var(--icon-size-lg);
  --header-social-std-icon--gap: var(--space-2xs);
  --header-social-std-icon--color: initial;
  --header-social-std-icon--pd: 0;
  --header-social-std-icon--color: var(--accent);
  --header-social-std-icon--color-hover: var(--primary);
  --header-social-std-icon--height: 100%;
  --header-social-std-icon--width: var(--header-social-std-icon--height);
  --header-social-std-icon--bg: none;
  --header-social-std-icon--bg-hover: none;
  --header-social-std-icon--border-radius: 0;
}
.header-base.header-social-icon--w-bg {
  /* --header-social-std-icon--pd: 2px; */
  --header-social-std-icon--color: var(--accent);
  --header-social-std-icon--color-hover: var(--text-light);
  --header-social-std-icon--height: 48px;
  --header-social-std-icon--width: var(--header-social-std-icon--height);
  --header-social-std-icon--bg: var(--primary);
  --header-social-std-icon--bg-hover: var(--accent);
  --header-social-std-icon--border-radius: var(--icon-border-radius);
  /* --header-social-std-icon--border-radius: 0; // Square */
  /* --header-social-std-icon--border-radius: 50px; // Rounded */
}
/****** General *******/
:root {
  /* Header */
  --header-text-color: var(--text-body);
  --header-text-size: var(--font-p);
  --nav-link-size: var(--font-p);

  /* Hero  */
  --font-hero-title: var(--font-h1);
  --font-hero-subtitle: clamp(1.125rem, calc(1.019rem + 0.396vw), 1.375rem); /* min: 18px, max: 22px */
  --font-hero-text: var(--font-p);

  /* Pages */
  --page-title-size: clamp(1.5rem, calc(0.649rem + 3.168vw), 3.5rem); /* min: 24px, max: 56px */

  /* Blog */
  --blog-post-title-size: clamp(1.25rem, calc(0.877rem + 1.386vw), 2.125rem); /* min: 20px, max: 34px */
  --single-post-title-size: clamp(1.5rem, calc(1.074rem + 1.584vw), 2.5rem); /* min: 24px, max: 40px */
  --font-blog-single-meta: var(--font-p);

  /* Footer */
  --footer-font-size: var(--font-p);

  /* Icon */
  --icon-border-radius: var(--default-border-radius);

  /* Forms */
  --form-field-border-radius: var(--default-border-radius);
  --form-field-textarea-border-radius: var(--default-border-textarea-radius);

  /************ Footer ***********/
  /* Footer - Update the rest in footer-main.scss */
  --footer-main--bg-clr: #151313;
  --footer-btm--bg-clr: #ffffff;
  --footer-title-color: var(--text-title);
  --footer-text-color: var(--text-body);
  --footer-title-size: var(--text-xl);
  --footer-text-size: var(--font-p);
}
/***** Footer Main *****/
.footer-main {
  --footer-main--bg-color: var(--footer-main--bg-clr);
  --footer-main--pd: 30px 0;
  --footer-main--pd__on_l: var(--footer-main--pd);
  --footer-main--box-shadow: 0px -2px 30px 0px rgba(34, 34, 34, 0.1);
  --footer-main--cols: 1fr;
  --footer-main--gap-col: var(--space-l);
  --footer-main--gap-row: var(--space-l);
  --footer-main--align-items: start;
  --footer-main--justify-content: start;

  --footer-text-color: var(--text-body);

  --footer-w-border: 1px solid var(--theme-alt-1);
}
.footer-main.fmain-footer-social-icon--color-cstm {
  --footer-social--std-icon-color: var(--primary);
}
.footer-main.fmain-footer-social-icon--w-bg {
  --footer-social--std-icon-pd: 2px;
  --footer-social--std-icon-color: var(--accent);
  --footer-social--std-icon-color-hover: var(--text-light);
  --footer-social--std-icon-height: 48px;
  --footer-social--std-icon-width: var(--footer-social--std-icon-height);
  --footer-social--std-icon-bg: var(--primary);
  --footer-social--std-icon-bg-hover: var(--accent);
  --footer-social--std-icon-border-radius: var(--icon-border-radius);
  /* --footer-social--std-icon-border-radius: 0; // Square */
  /* --footer-social--std-icon-border-radius: 50px; // Rounded */
}

/* Footer Main - Row */
.footer-main .footer-block--col {
  /* Footer Block - Col */
  /* --fblk-col--columns: 1fr 2fr; */
  --fblk-col--columns-col-gap: var(--space-2xs);
  --fblk-col--columns-row-gap: 0;
  --fblk-col--columns-h-align: start;
  --fblk-col--columns-padding: 0;
  --fblk-col--columns-margin: 0;

  /* Footer Block - Col Inner */
  /* --fblk-col-inner--columns: 1fr 2fr; */
  --fblk-col-inner--columns-col-gap: var(--space-xl);
  --fblk-col-inner--columns-row-gap: 0;
  --fblk-col-inner--columns-h-align: start;
  --fblk-col-inner--columns-padding: 0;
  --fblk-col-inner--columns-margin: 0;
}
/* Footer Block */
.footer-block {
  --footer-block--display: flex;
  --footer-block--padding: 0;
  --footer-block--margin: 0;
  --footer-block--align-items: start;
  --footer-block--justify-content: start;
  --footer-block--width: 100%;
  --footer-block--mxw: 100%;
  /* --footer-block--mnw: 100%; // Comment not to conflict with mxw */
  --fblk-wrap--mxw: 100%;
  /* --fblk-wrap--mnw: 100%; // Comment not to conflict with mxw */

  --fblk-wrap--columns: 1fr;
  --fblk-wrap--columns-col-gap: 0;
  --fblk-wrap--columns-row-gap: 0;
  --fblk-wrap--columns-h-align: center;
}
.footer-block--wrap.fblk-wrap--row-cols-2 {
  --fblk-wrap--columns: 1fr 2fr;
  --fblk-wrap--columns-col-gap: var(--space-2xs);
  --fblk-wrap--columns-row-gap: var(--space-2xs);
}
/* Footer Block - Base */
.footer-block {
  /* Footer Block Title */
  --fblk-head-mxw: 100%;
  /* --fblk-head-mnw: 100%; // Comment not to conflict with mxw */
  --fblk-head-margin: 0 0 14px;
  --fblk-head-padding: 0;

  --fblk-head-title-size: var(--footer-title-size);
  --fblk-head-title-color: var(--footer-title-color);
  --fblk-head-title-case: capitalize;
  --fblk-head-title-letter-spacing: 0;
  --fblk-head-title-line-height: 1;
  --fblk-head-title-font-weight: 500;
  --fblk-head-title-margin: 0 0 var(--space-2xs);

  --fblk-head-text--wrap-mxw: 100%;
  --fblk-head-text--wrap-margin: 0;

  --fblk-head-text-size: var(--footer-text-size);
  --fblk-head-text-color: var(--footer-text-color);
  --fblk-head-text-case: normal;
  --fblk-head-text-letter-spacing: 0;
  --fblk-head-text-line-height: initial;
  --fblk-head-text-font-weight: 400;
  --fblk-head-text-margin: 0 0 var(--space-2xs);

  --fblk-body--display: flex;
  --fblk-body--mxw: 100%;
  /* --fblk-body--mnw: 100%; // Comment not to conflict with mxw */
  --fblk-body--margin: 0;
  --fblk-body--padding: 0;
  --fblk-body--cols: 1fr;
  --fblk-body--gap-cols: 0;
  --fblk-body--gap-row: 0;
  --fblk-body--align: start;
  --fblk-body--justify: start;

  --fblk-body-title-size: var(--footer-title-size);
  --fblk-body-title--ff: var(--font-heading);
  --fblk-body-title-color: var(--footer-title-color);
  --fblk-body-title-case: capitalize;
  --fblk-body-title-letter-spacing: 0;
  --fblk-body-title-line-height: 1;
  --fblk-body-title-font-weight: 500;
  --fblk-body-title-margin: 0 0 var(--space-2xs);

  --fblk-body-text--wrap-mxw: 100%;
  --fblk-body-text--wrap-margin: 0;

  --fblk-body-text-size: var(--footer-text-size);
  --fblk-body-text-color: var(--footer-text-color);
  --fblk-body-text-case: normal;
  --fblk-body-text-letter-spacing: 0;
  --fblk-body-text-line-height: initial;
  --fblk-body-text-font-weight: 400;
  --fblk-body-text-margin: 0 0 var(--space-2xs);
}
.footer-block .footer-block--body.fblk-body--row-grid {
  --fblk-body--display: grid;
  --fblk-body--cols: 1fr 1fr;
  --fblk-body--col-gap: var(--space-xs);
  --fblk-body--row-gap: var(--space-xs);
  /* --fblk-body--align: start; */
  /* --fblk-body--justify: start; */
}
/* Footer Block - Social  */
.footer-bottom.fbtm-footer-social-icon--light {
  --footer-social--std-icon-color: var(--text-light);
}
.footer-bottom.fbtm-footer-social-icon--color-cstm {
  --footer-social--std-icon-color: var(--primary);
}
.footer-bottom.fbtm-footer-social-icon--w-bg {
  /* --footer-social--std-icon-pd: 2px; */
  --footer-social--std-icon-color: var(--accent);
  --footer-social--std-icon-color-hover: var(--text-light);
  --footer-social--std-icon-height: 38px;
  --footer-social--std-icon-width: var(--footer-social--std-icon-height);
  --footer-social--std-icon-bg: var(--primary);
  --footer-social--std-icon-bg-hover: var(--accent);
  --footer-social--std-icon-border-radius: var(--icon-border-radius);
  /* // --footer-social--std-icon-border-radius: 0; // Square
    // --footer-social--std-icon-border-radius: 50px; // Rounded */
}
/* Footer Block - About */
.footer-block {
  --footer-logo-width: 146px; /* // Footer Block - About */
  --fblk-about-text-mxw: 100%;
  --fblk-about-text-mxw__on-l: 100%;
  --fblk-about-text-color: var(--footer-text-color);
  --fblk-about-text-size: var(--footer-text-size);

  --fblk-head-margin: 0 0 var(--space-xs);
}
.footer-block--about {
  --footer-block--align-items: end;
  /* --footer-block--justify-content: end; */
  --fblk-head-mxw: max-content;
  --fblk-body--mxw: max-content;
  --fblk-head-margin: 0 0 var(--space-4xs);

  .brxe-text p {
    font-size: 14px;
    font-weight: 500;
  }
}
/* Footer Block - Contact */
.footer-block {
  --fblk-contact-gap-row: var(--space-5xs);
  --fblk-contact-text-color: var(--footer-text-color);
  --fblk-contact-text-size: var(--footer-text-size);
  --fblk-contact-text-case: normal;
  --fblk-contact-text-weight: 400;

  --fblk-contact-text-link-color: initial;
  --fblk-contact-text-link-color-hover: var(--primary);
  --fblk-contact-text-link-decor: initial;

  --fblk-contact-icon-text-gap: 34px;
  --fblk-contact-icon-color: var(--footer-text-color);
  --fblk-contact-icon-size: var(--text-l);
  --fblk-contact-icon-mxw: 20px;
  --fblk-contact-icon-display: flex;
  --fblk-contact-icon-pos-top: -12px;
  --fblk-contact-icon-pos-left: 12px;
}
/* Custom */
.footer-block--contact {
  --fblk-contact-text-size: 14px;
  --fblk-contact-text-weight: 500;
  --fblk-contact-gap-row: var(--space-5xs);

  .footer-block--contact__info-list {
    .content {
      .title {
        line-height: 1.3;
      }
    }
  }
}
/* Footer Block - Nav */
.footer-block {
  --fblk-nav-menu-row-gap: var(--space-4xs);
  --fblk-nav-menu-mxw: 240px;
  --fblk-nav-text-color: var(--footer-text-color);
  --fblk-nav-text-color-hover: var(--primary);
  --fblk-nav-text-size: var(--footer-text-size);
  --fblk-nav-text-case: normal;
  --fblk-nav-text-weight: 400;
  --fblk-nav-icon-text-gap: var(--space-5xs);
  --fblk-nav-icon: "\f061";
  --fblk-nav-icon-ff: var(--fontawesome--font-family);
  --fblk-nav-icon-transition: all 0.3s ease-in-out;
  --fblk-nav-icon-color: var(--footer-text-color);
  --fblk-nav-icon-display: block;
  /* Nav Block - ul Nav Dual */
  --fblk-nav-menu-ul-row-cols: 1fr 1fr;
  --fblk-nav-menu-ul-row-col-gap: clamp(1.25rem, calc(-0.288rem + 2.404vw), 1.875rem); /* min: 20px, max: 30px */
  /* Nav Block - Body Dual */
  --fblk-nav-wrap-display: grid;
  --fblk-nav-wrap-grid-template-column: 1fr 1fr;
  --fblk-nav-wrap-col-gap: var(--space-2xs);
  --fblk-nav-wrap-row-gap: var(--fblk-nav-menu-gap);
}
.footer-block--nav .footer-block--body.fblk-body--row-grid {
  --fblk-body-row-grid-cols: 1fr 1fr;
  --fblk-body-row-grid-col-gap: var(--space-xs);
  /* --fblk-body-row-grid-row-gap: var(--space-xs); */
  /* --fblk-body-row-grid-align: start; */
  /* --fblk-body-row-grid-justify: start; */
}
/* Footer Block - Opening Hours */
.footer-block--hours {
  --fblk-hours-list-mxw: 100%;
  --fblk-hours-list-gap-row: var(--space-6xs);

  --fblk-hours-text-color: var(--footer-text-color);
  --fblk-hours-text-color-hover: var(--primary);
  --fblk-hours-text-size: var(--footer-text-size);
  --fblk-hours-text-case: normal;
  --fblk-hours-text-weight: 400;
  /* --footer-block--align-items: center; */
}
.footer-block--hours.fblk-hours--contained {
  --fblk-body--mnw: 200px;
  --fblk-wrap--mxw: 280px;
}
/* Utility Classes - Custom */
.footer-block--hours.fblk-hours--contained-centered-v1 {
  --footer-block--align-items: center;
  /* --fblk-body--mnw: 200px; */
  --fblk-wrap--mxw: 260px;
}
/* Footer Block - Newsletter */
.footer-block--newsletter {
  --footer-block--padding: 0 0 var(--space-s);
  --fblk-head-mxw: 90%;
  /* footer-block--body  */
  --fblk-body-text--wrap-margin: 0 0 var(--space-s);
}
.footer-block--newsletter .fblk-head-title-enlarge {
  --fblk-head-title-size: var(--text-2xl);
  --fblk-head-title-line-height: var(--default-title-line-height);
  --fblk-head-title-font-weight: 600;
}
/* footer-block-newsletter--2-col-v1 [Rspsv: m| */
.footer-block-newsletter--2-col-v1 {
  --footer-block--padding: 0 0 var(--space-s);
  --footer-w-border: 1px solid var(--theme-alt-1);
}

.footer-block-newsletter--2-col-v1 .fblk-wrap--row-cols-2 {
  --fblk-wrap--columns: 1fr 2fr;
}
/* Head */
.footer-block-newsletter--2-col-v1 .fblk-head-title-enlarge {
  --fblk-head-title-size: var(--text-2xl);
}
.footer-block-newsletter--2-col-v1 .bsd-form.bf-nl--btn-inside-field {
  --form-nl-field-height: calc(clamp(2.938rem, calc(2.804rem + 0.495vw), 3.25rem) + 2px); /* min: 47px, max: 52px */
  --form-nl-field-pd-l: 30px;
  --form-nl-field-pd-r: 180px;
}
/* Footer Bottom */
.footer-bottom {
  --fbtm-pd-tb: var(--space-3xs) 0;
  --fbtm-bg-color: var(--fbtm-bg-color);
}
/* Footer Bottom */
.footer-bottom {
  --fbtm-pd-tb: var(--space-3xs) 0;
  --fbtm-bg-color: var(--fbtm-bg-color);
}
/* Footer Bottom - Content */
.footer-bottom {
  /* Footer Copy */
  --fbtm-copy-font: var(--font-body);
  --fbtm-copy-font-weight: 400;
  --fbtm-copy-letter-spacing: 0;
  --fbtm-copy-text-size: var(--footer-text-size);
  --fbtm-copy-text-color: var(--footer-text-color);
  --fbtm-copy-link-color: var(---footer-text-color);
  --fbtm-copy-link-decor: none;

  /* Footer Content */
  --fbtm-content-title--font: var(--font-title);
  --fbtm-content-title--color: var(--footer-text-color);
  --fbtm-content-title--size: var(--text-xl);
  --fbtm-content-title--font-weight: 400;
  --fbtm-content-title--line-height: 1;
  --fbtm-content-title--letter-case: normal;
  --fbtm-content-title--letter-spacing: 0;
  --fbtm-content-title--margin: 0 0 var(--space-xs);
  /* --fbtm-content-title--link-color: var(--primary); */
  /* --fbtm-content-title--link-decor: none; */

  --fbtm-content-text-wrap--mxw: 100%;
  --fbtm-content-text-wrap-margin: 0;
  --fbtm-content-text-wrap-padding: 0;

  --fbtm-content-text--font: var(--font-body);
  --fbtm-content-text--color: var(--footer-text-color);
  --fbtm-content-text--size: var(--footer-text-size);
  --fbtm-content-text--font-weight: 400;
  --fbtm-content-text--line-height: 1;
  --fbtm-content-text--letter-case: normal;
  --fbtm-content-text--letter-spacing: 0;
  --fbtm-content-text--margin: 0 0 var(--space-xs);

  --fbtm-content-text--link-color: var(--primary);
  --fbtm-content-text--link-color_hover: var(--primary);
  --fbtm-content-text--link-font-weight: 400;
  --fbtm-content-text--link-font-weight_hover: 400;
  --fbtm-content-text--link-decor: none;
  --fbtm-content-text--link-decor_hover: none;

  /* Nav */
  --fbtm-nav-menu-gap-row: var(--space-xs);
  --fbtm-nav-menu-gap-column: var(--space-2xs);
  --fblk-nav-text-color: var(--footer-text-color);
  --fblk-nav-text-size: var(--text-s);
  --fblk-nav-text-case: capitalize;
  --fblk-nav-text-weight: 400;
  --fblk-nav-text-color-hover: var(--primary);
}
/* Footer Bottom - Row */
.footer-bottom {
  /* Footer Bootom - Row */
  --fbtm-row--display: grid;
  --fbtm-row--grid-cols: 1fr;
  /* --fbtm-row--flex-direction: row; */
  --fbtm-row--align-items: center;
  --fbtm-row--justify-content: start;
  --fbtm-row--gap-column: var(--space-xs);
  --fbtm-row--gap-row: var(--space-7xs);
  --fbtm-row--mxw: 100%;
  /* --fbtm-row--mnw: 100%; */
  --fbtm-row--width: 100%;
  --fbtm-row--margin: 0;
  --fbtm-row--padding: 0;

  --fbtm-row-col--display: flex;
  /* --fbtm-row-col--align-items: start; */
  --fbtm-row-col--justify-content: start;
}
/* Footer Elements */
/* Footer Elements - Social */
.footer-base {
  --footer-social--std-margin: var(--space-s) 0 0;
  --footer-social--std-icon-size: var(--text-2xl);
  --footer-social--std-icon-gap: var(--space-3xs);
  --footer-social--std-icon-color: initial;
  --footer-social--std-icon-pd: 0;
  --footer-social--std-icon-color: var(--accent);
  --footer-social--std-icon-color-hover: var(--primary);
  --footer-social--std-icon-height: 32px;
  --footer-social--std-icon-width: var(--footer-social--std-icon-height);
  --footer-social--std-icon-bg: none;
  --footer-social--std-icon-bg-hover: none;
  --footer-social--std-icon-border-radius: 0;
}
.footer-base.footer-social-icon--w-bg {
  /* --footer-social--std-icon-pd: 2px; */
  --footer-social--std-icon-color: var(--accent);
  --footer-social--std-icon-color-hover: var(--text-light);
  --footer-social--std-icon-height: 48px;
  --footer-social--std-icon-width: var(--footer-social--std-icon-height);
  --footer-social--std-icon-bg: var(--primary);
  --footer-social--std-icon-bg-hover: var(--accent);
  --footer-social--std-icon-border-radius: var(--icon-border-radius);
  /* --footer-social--std-icon-border-radius: 0; // Square */
  /* --footer-social--std-icon-border-radius: 50px; // Rounded */
}
/* Footer Elements - Back to Top */
.footer-base {
  --btt-icon-color: var(--primary);
  --btt-icon-color__hover: #e6e6e946;
  --btt-icon-font-size: 30px;
  --btt-border-color: var(--primary);
  --btt-border-color__hover: var(--primary);
  --btt-border-radius: 0;
  --btt-border-width: 2px;
  --btt-border-bg-color: #e6e6e946;
  --btt-border-bg-color__hover: var(--primary);
  --btt-border-pd: 20px;
  --btt-pos-bottom: 80px;
  --btt-pos-right: 38px;
  --btt-rounded-hw: 55px;
}
/***** Hero *****/
/* Hero */
:root {
  --font-hero-title: var(--font-h1);
  --font-hero-subtitle: clamp(1.125rem, calc(1.019rem + 0.396vw), 1.375rem); /* min: 18px, max: 22px */
  --font-hero-text: var(--font-p);
}
/* Hero Area */
.hero-area {
  /* Units */
  --ha-100vh-w-header-offset__mxh: 980px;

  /* Old css */
  --ha-height: var(--ha--height);
  --ha-height__on-l: var(--ha--height__on-l);
  --ha-height__on-m: 932px;

  --ha-mn-height: var(--ha-mnh);
  --ha-mn-height__on-l: var(--ha-mnh__on-l);
  --ha-mn-height__on-m: 932px;

  /* updated Version */
  --ha--height: 808px;
  --ha--height__on-3xl: var(--ha--height);
  --ha--height__on-2xl: var(--ha--height__on-3xl);
  --ha--height__on-xl: var(--ha--height__on-2xl);
  --ha--height__on-l: var(--ha--height__on-xl);
  --ha--height__on-m: 932px;

  --ha-mxh: 820px;
  --ha-mxh__on-3xl: var(--ha-mxh);
  --ha-mxh__on-2xl: var(--ha-mxh__on-3xl);
  --ha-mxh__on-xl: var(--ha-mxh__on-2xl);
  --ha-mxh__on-l: var(--ha-mxh__on-xl);
  --ha-mxh__on-m: 932px;

  /* --ha-mnh: 920px; */
  /* --ha-mnh__on-l: var(--ha-mnh); */
  /* --ha-mnh__on-m: var(--ha-mnh__on-l); */

  --ha--mxw: 100%;
  --ha--w: 100%;
  --ha--mg: 0;

  /* .hero-area--main-wrap */
  --ha-mn-wrp--pd: var(--space-3xl) 0;
  /* --ha-mn-wrp--bg-att: scroll; */
  --ha-mn-wrp--bg-clr: none;
  --ha-mn-wrp--bg-blend-mode: normal;
  --ha-mn-wrp--d: flex;
  --ha-mn-wrp--h: 100%;
  /* --ha-mn-wrp--mxh: 100%;
  --ha-mn-wrp--mnh: 100%; */
  --ha-mn-wrp--ali-ite: center;
  --ha-mn-wrp--jus-con: center;
  --ha-mn-wrp--mxw: center;
  --ha-mn-wrp--w: 100%;
  --ha-mn-wrp--zi: 3;
  --ha-mn-wrp--flx-dir: column;
  --ha-mn-wrp--flx-wrp: wrap;

  /* Hero Section Classes | If Hero has padding */
  --ha--mw-pd-tb: var(--ha-mn-wrp--pd);
  --ha--mw-pd-tb__on-xl: var(--ha--mw-pd-tb);
  --ha--mw-pd-tb__on-l: var(--ha--mw-pd-tb__on-xl);
  /* --ha--mw-pd-tb__on-l: var(--space-2xl) 0 var(--space-2xl); */

  --ha-pd-top__on-l: var(--ha-pd-top);
  --ha-pd-bottom__on-l: var(--ha-pd-bottom);
  --ha-pd-base__on-l: var(--space-3xl);
}
.hero-area.ha--w-mxh {
  --ha-mxh: 920px;
}
.hero-area .ha--w-mnh {
  --ha-mnh: 920px;
}
.hero-area.ha--w-std-pd {
  --ha-mn-wrp--pd: var(--space-4xl) 0 var(--space-4xl);
}
/* Hero Area - Base Row */
.hero-area {
  /* .hero-area--main-inner-row */
  --ha-main-inner-row--align-items: left;
  --ha--mir-col-gap: unset;
  --ha--mir-col-gap__on-2xl: var(--space-m);
  --ha--mir-col-gap__on-l: var(--ha--mir-col-gap__on-2xl);
  --ha--mir-row-gap: var(--space-2xl);
  --ha--mir-row-gap__on-l: var(--ha--mir-row-gap);
  --ha--mir-row-gap__on-m: var(--ha--mir-row-gap__on-l);
}
/* Hero Area - Base Content */
.hero-area {
  /* Hero Content */
  --ha--content_mt: 0;
  --ha--content_mb: 66px;
  --ha--content_text-wrap--mt: var(--space-s);
  --ha--content_text-wrap--mb: var(--space-l);

  /* Title / h1 */
  --ha--content_title--color: var(--text-title);
  --ha--content_title--font-size: var(--font-h1);
  --ha--content_title--line-height: 0.88;
  --ha--content_title--font-weight: 700;
  --ha--content_title--tex-trans: uppercase;
  --ha--content_title--let-spcing: 0;
  --ha--content_title--let-spcing__on-m: var(--ha--content_title--let-spcing);
  --ha--content_title--mb: 20px;
  --ha--content_title--mb__on-m: 24px;

  /* Subtitle / h3 */
  --ha--content_subtitle--color: var(--text-title);
  --ha--content_subtitle--font-size: var(--text-20-24);
  --ha--cnt_subttl--ff: var(--font-heading);
  --ha--content_subtitle--font-weight: 700;
  --ha--content_subtitle--line-height: 1.25;
  --ha--content_subtitle--tex-trans: capitalize;
  --ha--content_subtitle--let-spcing: 0;
  --ha--content_subtitle--let-spcing__on-m: var(--ha--content_subtitle--let-spcing);
  --ha--content_subtitle--mb: var(--space-xs);
  --ha--content_subtitle--mb__on-m: var(--ha--content_subtitle--mb);

  /* Text / p */
  --ha--content_text--color: var(--text-body);
  --ha--content_text-font-size: var(--font-p);
  --ha--content_text--font-weight: 400;
  --ha--content_text--line-height: var(--default-text-line-height);
  --ha--content_text--tex-trans: none;
  --ha--content_text--let-spcing: 0;
  --ha--content_text--mb: var(--space-xs);

  /* btn wrap OLD - to be DELETED */
  --ha--content_btn-wrap--mt: var(--space-m);
  --ha--content_btn-wrap--mb: var(--space-m);
  --ha--content_btn-wrap--col-gap: var(--space-3xs);
  --ha--content_btn-wrap--row-gap: var(--space-3xs);
  /* hero-area--content-btn-wrap - Updated */
  --ha--content-btn-wrap--mg: 26px 0;
  --ha--content-btn-wrap--mg__on-l: var(--ha--content-btn-wrap--mg);
  --ha--content-btn-wrap--mg__on-m: 300px 0;
  --ha--content-btn-wrap--pd: 0;
  --ha--content-btn-wrap--mxw: 100%;
  --ha--content-btn-wrap--col-gap: 34px;
  --ha--content-btn-wrap--row-gap: 28px;
  --ha--content-btn-wrap--ali-itm: start;
  --ha--content-btn-wrap--jus-cnt: start;
  --ha--content-btn-wrap--flx-dir: row;
}

/* Hero Block - Bottom Bar */
.ha--with-bottom-bar {
  /* Padding */
  --ha--bb-pd-t: var(--space-5xs);
  --ha--bb-pd-b: var(--space-5xs);
  --ha--bb-pd-t__on-m: var(--ha--bb-pd-t);
  --ha--bb-pd-b__on-m: var(--ha--bb-pd-b);
  /* BG Color | Font Size, Color | Separator Color */
  --ha--bb-bg-color: var(--accent);
  --ha--bb-font-size: var(--text-s);
  --ha--bb-font-color: var(--text-light);
  --ha--bb-separator-color: var(--text-light);
}
/* Hero Block - Card v1 */
.hero-area--card-v1 {
  /* Border Radius | Width w/ Mobile | BG |  */
  --ha--card-v1--border-radius: 0;
  --ha--card-v1--width: 500px;
  --ha--card-v1--width_on-l: 100%;
  --ha--card-v1--bg: var(--bg-light);

  /* Title Bar - Display | BG | Padding | Title */
  --ha--card-v1--top-bar-display: flex;
  --ha--card-v1--top-bar-bg: var(--accent);
  --ha--card-v1--top-bar-pd: var(--space-5xs) 0;
  --ha--card-v1--top-bar-title-color: var(--text-light);
  --ha--card-v1--top-bar-title-size: var(--text-s);
  --ha--card-v1--top-bar-title-weight: 400;
  --ha--card-v1--top-bar-title-case: uppercase;
  --ha--card-v1--top-bar-title-spacing: 0;
  --ha--card-v1--top-bar-title-mb: 0;

  --ha--card-v1--body-bg: var(--bg-light);
  --ha--card-v1--body-pd: var(--space-m) var(--space-4xs);

  --ha--card-v1--body-wrap-mxw: 380px;
  --ha--card-v1--body-wrap-mxw__on-m: 92%;

  --ha--card-v1--body-wrap-title-color: initial;
  --ha--card-v1--body-wrap-title-size: var(--text-xl);
  --ha--card-v1--body-wrap-title-weight: 700;
  --ha--card-v1--body-wrap-title-case: uppercase;
  --ha--card-v1--body-wrap-title-spacing: 0;
  --ha--card-v1--body-wrap-title-mb: var(--space-4xs);

  --ha--card-v1--body-wrap-subtitle-color: initial;
  --ha--card-v1--body-wrap-subtitle-size: initial;
  --ha--card-v1--body-wrap-subtitle-weight: 500;
  --ha--card-v1--body-wrap-subtitle-case: capitalize;
  --ha--card-v1--body-wrap-subtitle-spacing: 0;
  --ha--card-v1--body-wrap-subtitle-mb: var(--space-4xs);

  --ha--card-v1--body-wrap-text-color: initial;
  --ha--card-v1--body-wrap-text-size: initial;
  --ha--card-v1--body-wrap-text-weight: 400;
  --ha--card-v1--body-wrap-text-case: capitalize;
  --ha--card-v1--body-wrap-text-spacing: 0;
  --ha--card-v1--body-wrap-text-mb: var(--space-4xs);

  --ha--card-v1--bw-btn-wrap-mt: var(--space-4xs);
  --ha--card-v1--bw-btn-wrap-mb: 0;

  --ha--card-v1--bw-bw-multi-btn-col-gap: 0;
  --ha--card-v1--bw-bw-multi-btn-row-gap: 0;
}
/* Hero Block - Contact Form v1 */
.hero-area--main-wrap {
  /* Padding Top/Bottom */
  --ha--w-form-adj--main-wrap-pd: var(--space-m) 0 var(--space-m);
  --ha--w-form-adj--main-wrap-pd__on-l: var(--space-3xl) 0 var(--space-3xl);
  /* --ha--w-form-adj--mir-row-gap__on-l: var(--ha--mir-row-gap__on-l); */

  /* Column Row Gap */
  --ha--w-form-adj--mir-row-gap__on-l: var(--space-xl); /* uncomment to use, comment above to disable */
}

.ha--content--cf-layout {
  /* Hero Card Form -ha--content--cf-layout */
  --ha--cf-layout-bg: #ffffff;
  --ha--cf-layout-border-color: var(--theme-dark-gray);
  --ha--cf-layout-border-width: 1px;
  --ha--cf-layout-border-radius: 5px;
  --ha--cf-layout-pd-tb: var(--space-m);
  --ha--cf-layout-pd-lr: var(--space-s);
  --ha--cf-layout-mxw: 500px;

  --ha--cf-layout-head-mb: var(--space-s);
  --ha--cf-layout-head-font-family: var(--font-heading);

  --ha--cf-layout-head-label-font-size: var(--font-p);
  --ha--cf-layout-head-label-mb: var(--space-5xs);

  --ha--cf-layout-head-title-font-size: var(--text-2xl);
  --ha--cf-layout-head-title-mb: var(--space-6xs);

  --ha--cf-layout-head-subtitle-font-size: var(--text-l);
  --ha--cf-layout-head-subtitle-mb: var(--space-2xs);
  --ha--cf-layout-head-text-font-size: var(--font-p);
  --ha--cf-layout-head-text-mb: var(--space-3xs);
}
/* Page Title */
:root {
  --page-title-size: clamp(1.5rem, calc(0.649rem + 3.168vw), 3.5rem); /* min: 24px, max: 56px */
}
.page-heading {
  --ph--offset-height: 0;
  --ph--main-height: auto; /* calc(var(--space-7xl) + 30px) */
  --ph--main-height__on-l: var(--ph--main-height);
  --ph--main-height__on-m: var(--ph--main-height);
  --ph--main-bg-color: #23282d;
  --ph--main-bg-blend-mode: overlay;
  --ph--main-padding: var(--space-xl) 0; /* var(--space-4xl) 0 */

  --ph--main-content-mxw: 100%;

  --ph--main-title--color: var(--text-title);
  --ph--main-title--font-size: var(--page-title-size);
  --ph--main-title--font-weight: 700;
  --ph--main-title--tex-trans: capitalize;
  --ph--main-title--line-height: 1;
  --ph--main-title--mb: var(--space-xs);

  --ph--main-subtitle--color: var(--text-title);
  --ph--main-subtitle--font-size: var(--text-l);
  --ph--main-subtitle--font-weight: 500;
  --ph--main-subtitle--tex-trans: normal;
  --ph--main-subtitle--line-height: 1;
  --ph--main-subtitle--mb: var(--space-xs);

  --ph--main-text-wrap--mxw: 100%;
  --ph--main-p-text-wrap--mg: 0;

  --ph--main-p--color: var(--text-body);
  --ph--main-p--font-size: var(--text-p);
  --ph--main-p--font-weight: 400;
  --ph--main-p--tex-trans: normal;
  --ph--main-p--line-height: var(--default-text-line-height);
  --ph--main-p--mg: 0 auto;

  --ph--main-btn-wrap--mg: var(--space-xs) 0 0;
  --ph--main-btn-wrap--mxw: 100%;

  --ph--main-bc-padding: var(--space-3xs);
  --ph--main-bc-border-color: #fff;
  --ph--main-bc-border-width: 1px;
  --ph--main-bc-margin-bottom: var(--space-xs);
}
/* Accordion */
.accordion-faq {
  --faq-accordion--item-mb: 8px;
  --faq-accordion--item-border-bottom: 1px solid #6a6a6a;

  --faq-accordion--title-bg: transparent;
  --faq-accordion--title-pd: clamp(1.375rem, calc(1.109rem + 0.99vw), 2rem)
    clamp(0rem, calc(-0.745rem + 2.772vw), 1.75rem) clamp(2rem, calc(1.894rem + 0.396vw), 2.25rem) 0;
  --faq-accordion--title-border: none;

  --faq-accordion--title-color: var(--text-body);
  --faq-accordion--title-font-size: var(--text-18-20);
  --faq-accordion--title-font-weight: 700;
  --faq-accordion--title-text-transform: capitalize;
  --faq-acc--ttl--ff: var(--font-body);
  --faq-acc--ttl--mg: 0;
  --faq-acc--ttl--lh: 1.1;
  --faq-acc--ttl--w: 100%;

  --faq-accordion--title-icon-color: #6a6a6a;
  --faq-accordion--title-icon-font-size: var(--text-xl);
  --faq-accordion--title-icon-width: 24px;

  --faq-accordion--title-exp-bg: transparent;
  --faq-accordion--title-exp-pd: clamp(1.375rem, calc(1.109rem + 0.99vw), 2rem)
    clamp(0rem, calc(-0.745rem + 2.772vw), 1.75rem) 10px 0;
  --faq-accordion--title-exp-color: var(--text-body);
  --faq-accordion--title-exp-font-size: var(--text-18-20);
  --faq-accordion--title-exp-font-weight: 700;
  --faq-accordion--title-exp-text-transform: capitalize;
  --faq-accordion--title-exp-icon-color: var(--text-title);

  --faq-accordion--content-bg: transparent;
  --faq-accordion--content-pd: 0 clamp(0rem, calc(-0.745rem + 2.772vw), 1.75rem)
    clamp(2rem, calc(1.894rem + 0.396vw), 2.25rem) 0;
  --faq-accordion--content-mb: 0;

  --faq-accordion--content-text-font-size: var(--font-size-main);
  --faq-accordion--content-text-color: var(--text-body);
  --faq-accordion--content-text-mb: var(--space-2xs);
}
.accordion-faq-open--title-light-color {
  --faq-accordion--title-exp-color: var(--text-light);
  --faq-accordion--title-exp-icon-color: var(--text-light);
}
/* UI - Maps */
.ui-map {
  --map-embed--h: 540px;
  --map-embed--h__on-l: var(--map-embed--h);
  --map-embed--h__on-m: var(--map-embed--h__on-l);
  --map-embed--asp: 16 / 11;

  --map-card-ctr--w: auto;
  --map-card-ctr--h: auto;
  --map-card-ctr--pos-top: 50%;
  --map-card-ctr--pos-lft: calc(50% + -500px);
  /* --map-card-ctr--pos-rgt: 0; */
  /* --map-card-ctr--pos-bot: 0; */
  --map-card-ctr--tfm-trn-x: -50%; /* -50% to center */
  --map-card-ctr--tfm-trn-y: -50%; /* -50% to center */
}
/* Inherited */
.ui-map.ui-map--card-wrap .card-item {
  --card-item--mxw: 300px;
  --card-item-bg: rgba(255, 255, 255, 0.9);
  --card-item-pd: var(--space-l);
  --card-item--content-pd: 0;
  /* --card-item--content-title-size: ; */
}
/* Cookie Notice */
#cookie-notice {
  --cookie-notice--bg-color: var(--primary);
  --cookie-notice--bg-opacity: 1;
  --cookie-notice--pd-tb: var(--space-2xs);

  --cookie-notice--content-color: var(--text-light);
  --cookie-notice--content-font-family: var(--font-body);
  --cookie-notice--content-font-size: var(--text-xs);
  --cookie-notice--content-font-weight: 400;

  --cookie-notice--btn-color: var(--text-light);
  --cookie-notice--btn-bg: var(--secondary);
  --cookie-notice--btn-font-family: var(--cookie-notice--content-font-family);
  --cookie-notice--btn-font-size: var(--cookie-notice--content-font-size);
  --cookie-notice--btn-font-weight: var(--cookie-notice--content-font-weight);
  --cookie-notice--btn-pd-tb: var(--space-6xs);
  --cookie-notice--btn-pd-lr: var(--space-4xs);

  --cookie-notice--icon-close-color: var(--bg-light-gray);
  --cookie-notice--icon-close-size: var(--space-2xs);
}

.accordion-faq {
  > li:first-child .accordion-title-wrapper {
    padding-top: 0 !important;
  }

  > li:last-child {
    margin-bottom: 0;

    .accordion-title-wrapper {
      padding-bottom: 0;
    }

    .accordion-content-wrapper {
      padding-bottom: 0 !important;
    }
  }
}

/****** Responsive ********/
/* desktop-1440 | __on-3xl */
@media (max-width: 1440px) {
}

/* desktop-1366 | __on-2xl */
@media (max-width: 1366px) {
}

/* desktop-1200 | __on-xl */
@media (max-width: 1200px) {
}

/* tablet-992 | __on-l */
@media (max-width: 992px) {
}

/* tablet 767 __on-m */
@media (max-width: 767px) {
  .hero-area {
    --ha--content_btn-wrap--mt: 300px;
  }

  .hero-area--content {
    --ha--content_mt: 94px;
  }

  .footer-block--contact {
    --fblk-contact-gap-row: 14px;
    padding-bottom: 25px;
    border-bottom: 1px solid #fff;
  }

  .footer-block--about {
    --fblk-head-margin: 0 0 6px;
  }

  .footer-block--about-mobile-bottom {
    padding-top: 25px;
  }
}

/* mobile-440 __on-s */
@media (max-width: 440px) {
}
