.elementor-kit-11{--e-global-color-primary:#FF6700;--e-global-color-secondary:#E0547B;--e-global-color-text:#3C3A35;--e-global-color-accent:#002855;--e-global-color-347775e:#00BFB3;--e-global-color-2dd0480:#006747;--e-global-color-c323146:#F8F4F2;--e-global-color-eb16661:#FFFFFF;--e-global-color-9421f21:#D50032;--e-global-color-1a30b7d:#403A60;--e-global-typography-primary-font-family:"Harmonia";--e-global-typography-primary-font-size:var(--font-size-3xl);--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-line-height:var(--line-height-3xl);--e-global-typography-secondary-font-family:"Harmonia";--e-global-typography-secondary-font-size:var(--font-size-xl);--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:var(--line-height-xl);--e-global-typography-text-font-family:"Harmonia";--e-global-typography-text-font-size:var(--fone-size-r);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:var(--line-height-r);--e-global-typography-accent-font-family:"Harmonia";--e-global-typography-accent-font-weight:500;background-color:#F8F4F2;font-family:"Harmonia", Sans-serif;font-size:var(--font-size-r);line-height:var(--line-height-r);}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{font-family:"Harmonia", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Size Matters Type Scale
 * Generated on 2025-10-30
 * Base: 16px, Ratio: 1.25, Steps: -1 to +5
 * Viewport: 360px - 1440px
 */

:root {
  /* Base font size */
  --font-size-base: 16px;

  /* Type scale tokens */
  --font-size-s: clamp(0.5rem, 0.292rem + 0.926vw, 1.125rem);
  --line-height-s: 1.6;
  --font-size-r: clamp(0.688rem, 0.479rem + 0.926vw, 1.313rem);
  --line-height-r: 1.6;
  --font-size-m: clamp(0.75rem, 0.417rem + 1.481vw, 1.75rem);
  --line-height-m: 1.55;
  --font-size-l: clamp(0.938rem, 0.521rem + 1.852vw, 2.188rem);
  --line-height-l: 1.49;
  --font-size-xl: clamp(1.188rem, 0.667rem + 2.315vw, 2.75rem);
  --line-height-xl: 1.3;
  --font-size-2xl: clamp(1.438rem, 0.771rem + 2.963vw, 3.438rem);
  --line-height-2xl: 1.2;
  --font-size-3xl: clamp(1.813rem, 1rem + 3.611vw, 4.25rem);
  --line-height-3xl: 1.1;
}

/* Utility classes */
.text-s * {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}

.text-r * {
  font-size: var(--font-size-r);
  line-height: var(--line-height-r);
}

.text-m * {
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
}

.text-l * {
  font-size: var(--font-size-l);
  line-height: var(--line-height-l);
}

.text-xl * {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
}

.text-2xl * {
  font-size: var(--font-size-2xl);
  line-height: var(--line-height-2xl);
}

.text-3xl * {
  font-size: var(--font-size-3xl);
  line-height: var(--line-height-3xl);
}

.text-s p {
    margin-bottom: var(--font-size-s);
}
.text-r p {
    margin-bottom: var(--font-size-r);
}
.text-m p {
    margin-bottom: var(--font-size-m);
}
.text-l p {
    margin-bottom: var(--font-size-l);
}
.bold * {
    font-weight: bold;
}
.nav-button {
    white-space:nowrap;
    width: auto;
}
@media (max-width:767px) {
    .nav-button {
      min-width:120px;   
    }
}
.ar-1-1 {
    aspect-ratio: 1 / 1;
}
.balance {
    text-wrap: balance;
}
.rounded {
    border-radius: var(--font-size-s);
    overflow: hidden;
}
.cover {
    padding: var(--font-size-xl);
    height: 90vh;
}
.brand-subsection {
    padding-top: var(--font-size-xl);
    padding-bottom: var(--font-size-xl);
}
@media (max-width: 767px) {
    .cover {
    padding: var(--font-size-xl);
    height: 60vh;
}
}

/* Base marker styles */
.ok::before,
.not-ok::before {
  content: "";
  position: absolute;
  top: var(--font-size-s);
  right: var(--font-size-s);
  width: var(--font-size-3xl);
  height: var(--font-size-3xl);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--font-size-3xl);
}

/* Green circle with white tick */
.ok::before {
  background-color: #22c55e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

/* Red circle with white cross */
.not-ok::before {
  background-color: #ef4444;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}
/* diagonal red slash */
/* 1. lift the whole grid above its neighbours */
.diagonal-red-line {
  position: relative;
  overflow: hidden;
  z-index: 10;            /* anything higher than surrounding sections */
}

/* 2. draw the line on top of everything inside that grid */
.diagonal-red-line::before {
  content: '';
  position: absolute;
  inset: 0;               /* shorthand for top:0 right:0 bottom:0 left:0 */
  background:
    linear-gradient(to top left,
      transparent  calc(50% - 1px),
      #e60000            calc(50% - 3px),
      #e60000            calc(50% + 3px),
      transparent  calc(50% + 1px));
  pointer-events: none;
  z-index: 9999;          /* safely above Elementor’s internal layers */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Harmonia';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brand.world-habitat.org/wp-content/uploads/2025/10/HarmoniaSansProRegular.woff2') format('woff2');
}
@font-face {
	font-family: 'Harmonia';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://brand.world-habitat.org/wp-content/uploads/2025/10/HarmoniaSansProBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */