/* ÇEKUD: Defansif kural — vendor script çalışma anında enjekte edebilecek
   herhangi bir Webflow rozeti veya webflow.com bağlantısını gizler. */
.w-webflow-badge,
[class*="w-webflow-badge"],
a[href*="webflow.com"],
a[aria-label*="Webflow" i],
a[aria-label*="webflow" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

:root {
  --colors--color-forest-green: #0b4e3d;
  --_typography---font-family--font-body: "Inter Tight", sans-serif;
  --colors--color-white: #fff;
  --_responsive---font-size--text-base: 1rem;
  --_typography---font-line-height--text-medium: 1.875;
  --_typography---font-weight--medium: 500;
  --_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>: 0px;
  --_typography---font-family--font-title: "Bricolage Grotesque", sans-serif;
  --_responsive---font-size--heading-1: 3.25rem;
  --_typography---font-line-height--h1-line-height: 1.21875;
  --_typography---font-weight--bold: 700;
  --_responsive---font-size--heading-2: 2.5rem;
  --_typography---font-line-height--h2-line-height: 1.36;
  --_responsive---font-size--heading-3: 1.625rem;
  --_typography---font-line-height--h3-line-height: var(--_typography---font-line-height--line-height-auto);
  --_responsive---font-size--heading-4: 1.125rem;
  --_typography---font-line-height--h4-line-height: var(--_typography---font-line-height--line-height-auto);
  --_typography---font-weight--semibold: 600;
  --_responsive---font-size--heading-5: 1rem;
  --_responsive---font-size--text-small: .875rem;
  --utility--border-radius-sm: 20px;
  --colors--color-lime-green: #d1f57c;
  --colors--color-deep-pine: #07271f;
  --_responsive---font-size--text-large: 1.25rem;
  --colors--color-white-15: #ffffff26;
  --colors--color-sage-gray: #a7c0b9;
  --_responsive---spacing--container-fluid: 40px;
  --_responsive---spacing--section-space-default: 120px;
  --utility--width-lg-2: 636px;
  --colors--color-white-20: #fff3;
  --_size---60\<deleted\|variable-45efddb3-d12e-8610-b4a1-4351fd11efa7\>: 60px;
  --utility--border-radius-xl: 40px;
  --_size---40\<deleted\|variable-e602b9cc-71a7-3a6b-9f95-2d2d68ed1903\>: 40px;
  --utility--border-radius-xs: 10px;
  --_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>: 16px;
  --_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>: 12px;
  --colors--color-transparent: #fff0;
  --colors--color-charcoal-gray: #555;
  --colors--color-dark: #121212;
  --colors--color-mint-mist: #e6f5f1;
  --colors--color-soft-aqua: #cbe8e0;
  --colors--color-teal-green: #2b7f6a;
  --_responsive---font-size--text-medium: 1.125rem;
  --colors--color-gray-stroke: #ccc;
  --_typography---font-line-height--text-regular: 1.625;
  --_typography---font-line-height--text-small: var(--_typography---font-line-height--line-height-auto);
  --_typography---font-weight--normal: 400;
  --utility--border-radius-pill: 50px;
  --colors--color-deep-pine-60: #07271fb3;
  --utility--border-radius-full: 50%;
  --_size---28\<deleted\|variable-3ae0217c-4396-19c3-bc3b-24e02f0fc2c8\>: 28px;
  --_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>: 8px;
  --_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>: 20px;
  --utility--menu-border-radius: 50px;
  --_size---200\<deleted\|variable-7a4d5664-a25b-a8e5-804a-1cfb1fd694d5\>: 200px;
  --_size---24\<deleted\|variable-12439b33-cc0f-7e0c-99e4-92656581cd4a\>: 24px;
  --_size---32\<deleted\|variable-684ac035-1bc9-9b7f-294d-85e5a525da4e\>: 32px;
  --_size---36\<deleted\|variable-a4d81008-32f0-9784-6973-5d81e22299c5\>: 36px;
  --_size---144\<deleted\|variable-d11cd43b-7aa2-cfc0-bb06-6bc7d57c5a41\>: 144px;
  --_typography---font-line-height--line-height-auto: 1;
  --_size---1\<deleted\|variable-2f73b53b-af2a-03dd-09fa-898eedc98d99\>: 1px;
  --_responsive---font-size--text-xlarge: 1.5rem;
  --colors--color-deep-pine-10: #07271f1a;
  --_size---4\<deleted\|variable-08e19724-e703-ab9f-a8b1-93d36e194e6f\>: 4px;
  --utility--width-md-2: 500px;
  --utility--width-md: 450px;
  --utility--border-radius-md: 25px;
  --_size---80\<deleted\|variable-1bc4ad42-4784-93fc-0562-0bb1b86f803e\>: 80px;
  --_size---156\<deleted\|variable-21410388-369a-27eb-1836-712bfd406165\>: 156px;
  --utility--width-xl-2: 700px;
  --_responsive---spacing--container-large: 1000px;
  --utility--width-xl: 650px;
  --utility--width-lg: 550px;
  --utility--width-sm-2: 400px;
  --utility--width-xs: 300px;
  --utility--width-full: 100%;
  --utility--width-sm: 350px;
  --colors--color-forest-green-30: #0b4e3d4d;
  --colors--color-white-30: #ffffff4d;
  --utility--width-2xl: 776px;
  --utility--border-radius-none: 0px;
  --_size---2\<deleted\|variable-04a37e99-52dc-b7f0-1f49-f4f0892e17e4\>: 2px;
  --colors--color-white-60: #fff9;
  --utility--border-radius-lg: 30px;
  --colors--color-deep-pine-15: #07271f26;
  --_responsive---font-size--display-heading-2: 2.15rem;
  --_responsive---font-size--heading-6: .875rem;
  --_typography---font-line-height--h5-line-height: 0;
  --_typography---font-line-height--h6-line-height: 0;
  --_responsive---spacing--section-space-small: 80px;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--colors--color-forest-green);
  font-family: var(--_typography---font-family--font-body);
  color: var(--colors--color-white);
  font-size: var(--_responsive---font-size--text-base);
  line-height: var(--_typography---font-line-height--text-medium);
  font-weight: var(--_typography---font-weight--medium);
  --_responsive---font-size--text-base: 1rem;
  --_responsive---font-size--heading-1: 3.25rem;
  --_responsive---font-size--heading-2: 2.5rem;
  --_responsive---font-size--heading-3: 1.625rem;
  --_responsive---font-size--heading-4: 1.125rem;
  --_responsive---font-size--heading-5: 1rem;
  --_responsive---font-size--text-small: .875rem;
  --_responsive---font-size--text-large: 1.25rem;
  --_responsive---spacing--container-fluid: 40px;
  --_responsive---spacing--section-space-default: 120px;
  --_responsive---font-size--text-medium: 1.125rem;
  --_responsive---font-size--text-xlarge: 1.5rem;
  --_responsive---spacing--container-large: 1000px;
  --_responsive---font-size--display-heading-2: 2.15rem;
  --_responsive---font-size--heading-6: .875rem;
  --_responsive---spacing--section-space-small: 80px;
  background-image: url('../images/background-dot.png');
  background-position: 0 0;
  background-size: auto;
}

h1 {
  margin-top: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  margin-bottom: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--heading-1);
  line-height: var(--_typography---font-line-height--h1-line-height);
  font-weight: var(--_typography---font-weight--bold);
}

h2 {
  margin-top: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  margin-bottom: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--heading-2);
  line-height: var(--_typography---font-line-height--h2-line-height);
  font-weight: var(--_typography---font-weight--medium);
}

h3 {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--heading-3);
  line-height: var(--_typography---font-line-height--h3-line-height);
  font-weight: var(--_typography---font-weight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--heading-4);
  line-height: var(--_typography---font-line-height--h4-line-height);
  font-weight: var(--_typography---font-weight--semibold);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--heading-5);
  line-height: 20px;
  font-weight: var(--_typography---font-weight--semibold);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

ul {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  display: flex;
}

ol {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-transform: capitalize;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  display: flex;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

blockquote {
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-lime-green);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-large);
  border-left: 5px solid #07271f99;
  margin-bottom: 10px;
  padding: 16px 36px;
}

figure {
  margin-bottom: 10px;
}

.container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.license-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.header {
  z-index: 99;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 12px;
  position: fixed;
  inset: 0% 0% auto;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease;
}

.header.is-scrolled {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: rgba(7, 39, 31, 0.92);
  backdrop-filter: saturate(140%) blur(8px);
  -webkit-backdrop-filter: saturate(140%) blur(8px);
  box-shadow: 0 2px 16px rgba(7, 39, 31, 0.25);
}

.main-wrapper {
  overflow: clip;
}

.footer {
  border-top: 1px solid var(--colors--color-white-15);
  background-color: var(--colors--color-forest-green);
  color: var(--colors--color-sage-gray);
}

.container-fluid {
  padding-right: var(--_responsive---spacing--container-fluid);
  padding-left: var(--_responsive---spacing--container-fluid);
  position: relative;
}

.breadcrumb-space {
  padding-top: 216px;
  padding-bottom: var(--_responsive---spacing--section-space-default);
}

.style-title-wrapper {
  max-width: var(--utility--width-lg-2);
  margin-left: auto;
  margin-right: auto;
}

.section-block {
  margin-bottom: 50px;
}

.section-block.text-center.section-gap-0 {
  margin-bottom: 0;
}

.text-center {
  text-align: center;
}

.section-title {
  letter-spacing: -1.5px;
  text-transform: capitalize;
  line-height: 1.18;
}

.section-title.text-dark.text-capp {
  text-transform: none;
}

.style-item {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-top: 1px solid var(--colors--color-white-20);
  grid-template-rows: auto;
  grid-template-columns: 250px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 75px;
  padding-bottom: 75px;
  display: grid;
}

.style-item.is-last {
  padding-bottom: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
}

.style-wrapper {
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-white);
  padding: 30px;
}

.background-list {
  grid-column-gap: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  grid-row-gap: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.background-item {
  border: 1px solid var(--colors--color-transparent);
  border-radius: var(--utility--border-radius-xs);
  height: 112px;
  padding: 20px;
}

.background-item.is-one {
  background-color: var(--colors--color-forest-green);
}

.background-item.is-two {
  border-color: var(--colors--color-charcoal-gray);
  background-color: var(--colors--color-white);
  color: var(--colors--color-charcoal-gray);
}

.background-item.is-three {
  background-color: var(--colors--color-lime-green);
  color: var(--colors--color-dark);
}

.background-item.is-four {
  background-color: var(--colors--color-deep-pine);
}

.background-item.is-five {
  background-color: var(--colors--color-mint-mist);
  color: var(--colors--color-deep-pine);
}

.background-item.is-six {
  background-color: var(--colors--color-charcoal-gray);
}

.background-item.is-seven {
  background-color: var(--colors--color-soft-aqua);
  color: var(--colors--color-deep-pine);
}

.background-item.is-nine {
  background-color: var(--colors--color-sage-gray);
  color: var(--colors--color-deep-pine);
}

.background-item.is-eight {
  background-color: var(--colors--color-teal-green);
}

.typography-header {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--text-medium);
  justify-content: space-between;
  margin-bottom: 24px;
  display: flex;
}

.typography-style {
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-medium);
  text-transform: capitalize;
}

.typography-item {
  border-top: 1px solid var(--colors--color-gray-stroke);
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.text-base {
  font-size: var(--_responsive---font-size--text-base);
  line-height: var(--_typography---font-line-height--text-regular);
}

.text-small {
  font-size: var(--_responsive---font-size--text-small);
  line-height: var(--_typography---font-line-height--text-small);
  font-weight: var(--_typography---font-weight--normal);
}

.button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--utility--border-radius-pill);
  color: var(--colors--color-deep-pine);
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  padding: 12px 12px 12px 26px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.button.button-primary {
  background-color: var(--colors--color-lime-green);
}

.button.button-primary.width-full {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.button.button-secondary {
  background-color: var(--colors--color-forest-green);
  color: var(--colors--color-white);
}

.button.button-small {
  padding: 8px 20px;
}

.button.button-small.button-priamry {
  background-color: var(--colors--color-lime-green);
}

.button.button-small.button-outline {
  border: 1px solid var(--colors--color-deep-pine-60);
}

.button-text-wrapper {
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.button-text-wrapper.text-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.button-text {
  display: block;
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
}

.button-text-hover {
  position: absolute;
  transform: translateY(110%);
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
}

.button:hover .button-text,
.menu-nav-link:hover .button-text,
.header-nav-link:hover .button-text,
.footer-nav-link:hover .button-text {
  transform: translateY(-110%);
}

.button:hover .button-text-hover,
.menu-nav-link:hover .button-text-hover,
.header-nav-link:hover .button-text-hover,
.footer-nav-link:hover .button-text-hover {
  transform: translateY(0);
}

/* Horizontal slide for right-arrow buttons */
.button .button-icon {
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
}

.button .button-icon-hover {
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
}

.button:hover .button-icon {
  transform: translateX(100%);
}

.button:hover .button-icon-hover {
  transform: translateX(0);
}

/* Diagonal slide for top-right-arrow icons (program cards, footer links) */
.program-link-wrapper .button-icon,
.footer-nav-link .button-icon {
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
}

.program-link-wrapper .button-icon-hover,
.footer-nav-link .button-icon-hover {
  transform: translate(-100%, 100%);
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
}

.program-link-wrapper:hover .button-icon,
.footer-nav-link:hover .button-icon {
  transform: translate(100%, -100%);
}

.program-link-wrapper:hover .button-icon-hover,
.footer-nav-link:hover .button-icon-hover {
  transform: translate(0, 0);
}

.button-icon-wrapper {
  border-radius: var(--utility--border-radius-full);
  background-color: var(--colors--color-forest-green);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.button-icon-wrapper.button-icon-primary {
  background-color: var(--colors--color-forest-green);
  flex: none;
}

.button-icon-wrapper.button-icon-secondary {
  background-color: var(--colors--color-lime-green);
}

.button-icon-wrapper.is-white {
  background-color: var(--colors--color-white);
}

.button-icon-hover {
  position: absolute;
}

.button-group {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  display: flex;
}

.footer-text-logo-wrapper {
  text-align: center;
  background-color: #0000;
}

.footer-center {
  border-bottom: 1px solid var(--colors--color-white-15);
  margin-top: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.footer-widgets-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1px 1fr 1px 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.footers-widget-about {
  align-self: center;
  max-width: 554px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-title {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-white);
  font-size: var(--_responsive---font-size--heading-4);
  line-height: var(--_typography---font-line-height--h4-line-height);
  font-weight: var(--_typography---font-weight--bold);
  margin-bottom: 10px;
}

.newsletter-form-block {
  max-width: 474px;
  margin-top: 30px;
  margin-bottom: 0;
}

.newsletter-form {
  position: relative;
}

.newsletter-text-field {
  border: 1px solid var(--colors--color-transparent);
  border-radius: var(--utility--border-radius-pill);
  background-color: var(--colors--color-teal-green);
  width: 100%;
  height: 72px;
  color: var(--colors--color-white);
  font-size: var(--_responsive---font-size--text-base);
  margin-bottom: 0;
  padding: 12px 150px 12px 30px;
  transition: border-color .3s;
}

.newsletter-text-field:focus {
  border-color: var(--colors--color-lime-green);
}

.newsletter-text-field::placeholder {
  color: var(--colors--color-white);
}

.submit-button {
  top: 50%;
  left: auto;
  right: var(--_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>);
  padding: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>) var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  border: 1px solid var(--colors--color-lime-green);
  border-radius: var(--utility--border-radius-pill);
  background-color: var(--colors--color-lime-green);
  color: var(--colors--color-dark);
  transition: color .3s, border-color .3s, background-color .3s;
  position: absolute;
  bottom: auto;
  transform: translate(0, -50%);
}

.submit-button:hover {
  background-color: var(--colors--color-forest-green);
  color: var(--colors--color-white);
}

.success-message {
  border-radius: var(--utility--border-radius-xs);
  background-color: var(--colors--color-lime-green);
  color: var(--colors--color-forest-green);
}

.error-message {
  padding: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
  border-radius: var(--utility--border-radius-xs);
  background-color: var(--colors--color-dark);
  color: var(--colors--color-white);
  text-align: center;
}

.footer-seperator {
  background-color: #325e53;
  flex: none;
  width: 1px;
}

.footer-widget-nav {
  flex: none;
  padding-top: 45px;
  padding-bottom: 45px;
}

.footer-title-nav {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-white);
  font-size: var(--_responsive---font-size--heading-4);
  line-height: var(--_typography---font-line-height--h4-line-height);
  font-weight: var(--_typography---font-weight--bold);
  text-transform: capitalize;
  margin-bottom: 40px;
}

.footer-nav {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}

.footer-nav-link {
  grid-column-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
  grid-row-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
  color: var(--colors--color-sage-gray);
  text-transform: capitalize;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.footer-nav-link:hover {
  color: var(--colors--color-white);
}

.footer-nav-wrapper {
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.footer-icon-wrapper {
  width: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  height: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.footer-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.navbar {
  z-index: 1;
  border-radius: var(--utility--border-radius-pill) var(--utility--border-radius-pill) var(--utility--menu-border-radius) var(--utility--menu-border-radius);
  background-color: var(--colors--color-white);
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  padding-right: 8px;
  display: flex;
}

.header-event {
  order: 9999;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand {
  order: -9999;
}

.nav-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.menu-line {
  z-index: -1;
  height: 100%;
  width: calc(100% - var(--_size---200\<deleted\|variable-7a4d5664-a25b-a8e5-804a-1cfb1fd694d5\>));
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.header-nav-link {
  height: 80px;
  padding: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.header-nav-link.w--current {
  color: var(--colors--color-teal-green);
}

.nav-wrapper {
  height: var(--_size---24\<deleted\|variable-12439b33-cc0f-7e0c-99e4-92656581cd4a\>);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.header-dropdown {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.megamenu-wrapper {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  width: 100%;
  max-width: calc(100% - var(--_responsive---spacing--container-fluid));
  border-radius: 0 0 30px 30px;
  margin-left: auto;
  margin-right: auto;
  transform: perspective(1000px);
}

.dropdown-list {
  left: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  top: 100px;
  right: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  z-index: 11;
  background-color: var(--colors--color-transparent);
  width: 100%;
  position: fixed;
}

.dropdown-list.w--open {
  background-color: var(--colors--color-transparent);
}

.megamenu-container {
  border-top-left-radius: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  border-top-right-radius: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  background-color: var(--colors--color-white);
  max-width: calc(100% - var(--_responsive---spacing--container-fluid));
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
}

.changelog-list {
  border-bottom: 1px solid var(--colors--color-white-20);
}

.changelog-item {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-top: 1px solid var(--colors--color-white-20);
  grid-template-rows: auto;
  grid-template-columns: 250px 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  padding: 40px 80px;
  display: flex;
}

.text-lime {
  color: var(--colors--color-lime-green);
}

.changelog-content {
  flex: 1;
  max-width: 450px;
}

.changelog-title {
  margin-bottom: var(--_size---24\<deleted\|variable-12439b33-cc0f-7e0c-99e4-92656581cd4a\>);
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--heading-3);
  line-height: var(--_typography---font-line-height--h3-line-height);
  letter-spacing: -1px;
}

.section-text {
  margin-top: 4px;
}

.licenses-header {
  font-size: var(--_responsive---font-size--heading-3);
  line-height: var(--_typography---font-line-height--h3-line-height);
  text-transform: capitalize;
  justify-content: space-between;
  display: flex;
}

.licenses-item {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-top: 1px solid var(--colors--color-white-20);
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 48px;
  padding-top: 48px;
  display: grid;
}

.licenses-content-block {
  grid-column-gap: var(--_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>);
  grid-row-gap: var(--_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.licenses-text-block {
  grid-column-gap: var(--_size---36\<deleted\|variable-a4d81008-32f0-9784-6973-5d81e22299c5\>);
  grid-row-gap: var(--_size---36\<deleted\|variable-a4d81008-32f0-9784-6973-5d81e22299c5\>);
  text-transform: capitalize;
  flex-flow: column;
  display: flex;
}

.licenses-text-block.text-right {
  text-align: right;
}

.licenses-image-block {
  border-radius: var(--utility--border-radius-xs);
  overflow: hidden;
}

.text-link {
  color: var(--colors--color-white);
}

.text-link.dark {
  color: var(--colors--color-deep-pine);
}

.licenses-image-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.licenses-font-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--utility--border-radius-xl);
  background-color: var(--colors--color-lime-green);
  color: var(--colors--color-deep-pine);
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.licenses-font-size {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_size---144\<deleted\|variable-d11cd43b-7aa2-cfc0-bb06-6bc7d57c5a41\>);
  line-height: var(--_typography---font-line-height--line-height-auto);
}

.license-seperator {
  width: 100%;
  height: var(--_size---1\<deleted\|variable-2f73b53b-af2a-03dd-09fa-898eedc98d99\>);
  background-color: #07271f33;
}

.megamnu-background {
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-soft-aqua);
  padding: 0;
}

.megamenu-grid {
  border-radius: var(--utility--border-radius-xs);
  background-color: var(--colors--color-mint-mist);
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  padding: 20px;
}

.megamenu-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.megamenu-landing-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--utility--border-radius-xs);
  background-color: var(--colors--color-white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 20px;
  display: grid;
}

.megamenu-landing-left {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-around;
  display: flex;
}

.megamenu-landing-right {
  background-color: var(--colors--color-soft-aqua);
  border-radius: 8px;
  padding: 14px;
}

.megamenu-landing-title {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-dark);
  font-size: var(--_responsive---font-size--text-medium);
  line-height: var(--_typography---font-line-height--line-height-auto);
  margin-top: 12px;
}

.megamenu-content {
  flex: 1;
  align-self: flex-start;
}

.megamenu-nav-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.megamenu-bottom {
  border-top: 1px solid var(--colors--color-deep-pine-10);
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
}

.megamenu-title {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine-60);
  margin-bottom: 30px;
}

.megamenu-nav-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.megamenu-bottom-left {
  grid-column-gap: var(--_size---4\<deleted\|variable-08e19724-e703-ab9f-a8b1-93d36e194e6f\>);
  grid-row-gap: var(--_size---4\<deleted\|variable-08e19724-e703-ab9f-a8b1-93d36e194e6f\>);
  color: var(--colors--color-deep-pine);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.megamenu-bottom-right {
  grid-column-gap: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  grid-row-gap: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  display: flex;
}

.width-full {
  width: 100%;
}

.menu-button {
  border-radius: var(--utility--border-radius-full);
  background-color: var(--colors--color-lime-green);
  flex: none;
  justify-content: center;
  align-items: center;
}

.menu-nav-link {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-small);
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.menu-nav-link.w--current {
  color: var(--colors--color-forest-green);
}

.section-home-hero {
  overflow: hidden;
}

.home-hero-area {
  padding-top: 220px;
  padding-bottom: var(--_responsive---spacing--section-space-default);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-tag {
  border: 1px solid var(--colors--color-transparent);
  border-radius: var(--utility--border-radius-pill);
  font-size: var(--_responsive---font-size--text-small);
  line-height: var(--_typography---font-line-height--text-small);
  letter-spacing: .8px;
  text-transform: uppercase;
  margin-bottom: 16px;
  padding: 12px 20px;
  display: inline-block;
}

.section-tag.is-white {
  border-color: var(--colors--color-white);
}

.section-tag.is-dark {
  border-color: var(--colors--color-deep-pine);
  color: var(--colors--color-deep-pine);
  font-weight: var(--_typography---font-weight--semibold);
  flex: none;
}

.hero-image {
  background-image: none;
  background-size: auto;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.position-relaitive {
  z-index: 1;
  position: relative;
}

.max-width-500 {
  max-width: var(--utility--width-md-2);
}

.margin-top-20 {
  margin-top: 20px;
}

.hero-info-wrapper {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 70px;
  display: flex;
}

.hero-avatar-list {
  display: flex;
}

.hero-avatar-item {
  margin-right: -20px;
}

.hero-avatar-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.counter-list {
  display: flex;
}

.counter-item.reverse {
  transform: none;
}

.hero-counter {
  height: 64px;
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-lime-green);
  font-size: 64px;
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--semibold);
  flex: none;
  display: flex;
  overflow: hidden;
}

.hero-info-left {
  max-width: 232px;
}

.hero-info-separator {
  background-color: var(--colors--color-white-20);
  width: 1px;
  height: 100px;
}

.hero-info-right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: var(--utility--border-radius-md);
  background-color: var(--colors--color-white);
  color: var(--colors--color-forest-green);
  font-size: var(--_responsive---font-size--heading-4);
  line-height: var(--_typography---font-line-height--h4-line-height);
  font-weight: var(--_typography---font-weight--semibold);
  letter-spacing: .5px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px 24px;
  display: inline-flex;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-cover.position-top {
  object-position: 50% 0%;
}

.hero-image-cover {
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
  display: none;
}

.section-background-white {
  background-color: var(--colors--color-white);
  color: var(--colors--color-charcoal-gray);
}

.space-top-80 {
  padding-top: var(--_size---80\<deleted\|variable-1bc4ad42-4784-93fc-0562-0bb1b86f803e\>);
}

.slider-text {
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--heading-3);
  line-height: var(--_typography---font-line-height--h3-line-height);
  text-align: center;
  margin-bottom: 56px;
  font-style: italic;
}

.slider-wrapper {
  position: relative;
  overflow: hidden;
}

.slider-list {
  grid-column-gap: var(--_size---60\<deleted\|variable-45efddb3-d12e-8610-b4a1-4351fd11efa7\>);
  grid-row-gap: var(--_size---60\<deleted\|variable-45efddb3-d12e-8610-b4a1-4351fd11efa7\>);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider-item {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider-image-block {
  flex: none;
}

.sllider-gradient-left {
  z-index: 1;
  width: var(--_size---156\<deleted\|variable-21410388-369a-27eb-1836-712bfd406165\>);
  background-image: linear-gradient(90deg, var(--colors--color-white), var(--colors--color-transparent));
  position: absolute;
  inset: 0% auto 0% -1%;
}

.sllider-gradient-right {
  z-index: 1;
  width: var(--_size---156\<deleted\|variable-21410388-369a-27eb-1836-712bfd406165\>);
  background-image: linear-gradient(90deg, var(--colors--color-transparent), var(--colors--color-white));
  position: absolute;
  inset: 0% -1% 0% auto;
}

.section-space-default {
  padding-top: var(--_responsive---spacing--section-space-default);
  padding-bottom: var(--_responsive---spacing--section-space-default);
}

.intro-area {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-block {
  position: relative;
}

.section-content-block {
  margin-bottom: 50px;
}

.text-dark {
  color: var(--colors--color-deep-pine);
}

.intro-text {
  max-width: var(--utility--width-xl-2);
}

.intro-count-down-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 52px;
  display: flex;
}

.intro-count-down-item {
  text-transform: capitalize;
}

.intro-count {
  height: 52px;
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: 52px;
  line-height: var(--_typography---font-line-height--text-small);
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.intro-seperator {
  background-color: #a4e24a;
  width: 2px;
  height: 132px;
}

.section-background-green {
  background-color: var(--colors--color-forest-green);
}

.container-large {
  width: 100%;
  max-width: var(--_responsive---spacing--container-large);
  padding-right: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
  padding-left: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
}

.direction-title-wrapper {
  max-width: var(--utility--width-xl);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.direction-text-wrapeer {
  max-width: var(--utility--width-lg);
  margin-left: auto;
  margin-right: auto;
}

.direction-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  perspective: 1000px;
  perspective-origin: 50% 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.direction-item {
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-lime-green);
  padding: 30px;
  position: sticky;
  top: 110px;
}

.direction-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.direction-title {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-xlarge);
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--bold);
  flex: none;
}

.direction-description {
  max-width: var(--utility--width-sm-2);
  color: var(--colors--color-charcoal-gray);
}

.direction-image-block {
  z-index: 1;
  max-width: var(--utility--width-sm);
  border-radius: var(--utility--border-radius-sm);
  position: relative;
  overflow: hidden;
}

.background-overlay {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.background-overlay.is-green-30 {
  z-index: 1;
  background-color: var(--colors--color-forest-green-30);
}

.program-column {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.program-column-left, .program-column-right {
  max-width: var(--utility--width-md-2);
}

.program-area {
  padding-left: var(--_responsive---spacing--container-fluid);
}

.program-list-wrapper {
  grid-column-gap: var(--_size---28\<deleted\|variable-3ae0217c-4396-19c3-bc3b-24e02f0fc2c8\>);
  grid-row-gap: var(--_size---28\<deleted\|variable-3ae0217c-4396-19c3-bc3b-24e02f0fc2c8\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.program-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.program-list.column-three {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.program-link-wrapper {
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-mint-mist);
  height: 100%;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.program-inner-image {
  position: relative;
  overflow: hidden;
}

.project-category {
  z-index: 2;
  border-radius: var(--utility--border-radius-pill);
  background-color: var(--colors--color-white);
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-small);
  font-weight: var(--_typography---font-weight--bold);
  text-transform: uppercase;
  padding: 4px 16px;
  display: inline-block;
  position: absolute;
  inset: auto 20px 20px auto;
}

.program-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 44px 30px;
  display: flex;
}

.program-title {
  color: var(--colors--color-dark);
  font-size: var(--_responsive---font-size--heading-4);
  line-height: var(--_typography---font-line-height--h4-line-height);
  font-weight: var(--_typography---font-weight--semibold);
  margin-bottom: 4px;
}

.program-summery {
  color: var(--colors--color-charcoal-gray);
}

.slider {
  background-color: var(--colors--color-transparent);
  height: auto;
}

.slider.stories {
  position: relative;
}

.project-slider-mask {
  width: 30%;
  height: auto;
  margin-bottom: 60px;
  margin-left: -15px;
  overflow: visible;
}

.hide {
  display: none;
}

.slider-1-3 {
  padding-left: 15px;
  padding-right: 15px;
}

.empty-state {
  background-color: var(--colors--color-dark);
  color: var(--colors--color-white);
  text-align: center;
}

.slider-arrow {
  width: 50px;
  height: 50px;
  margin-top: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  margin-bottom: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  border: 1px solid var(--colors--color-forest-green);
  border-radius: var(--utility--border-radius-full);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: static;
}

.slider-arrow.space-inline {
  margin-left: 4px;
  margin-right: 4px;
}

.slider-arrow.slider-arrow-top {
  position: absolute;
  inset: -112px 40px auto auto;
}

.slider-arrow.slider-arrow-top.is-left {
  right: 104px;
}

.slider-icon-wrapper {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.slider-icon-hover {
  opacity: 0;
  position: absolute;
}

.secton-background {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.secton-background.approach-bbackground {
  overflow: visible;
}

.sectoin-background-image {
  z-index: -2;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.background-overlay-lienar-green {
  z-index: -1;
  background-image: linear-gradient(180deg, var(--colors--color-transparent), var(--colors--color-forest-green) 91%);
  position: absolute;
  inset: 0%;
}

.approach-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  display: grid;
}

.approach-item {
  max-width: var(--utility--width-sm);
  color: var(--colors--color-sage-gray);
}

.approach-icon {
  margin-bottom: 30px;
  display: inline-block;
}

.approcah-title {
  color: var(--colors--color-white);
  font-size: var(--_responsive---font-size--heading-4);
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--semibold);
  margin-bottom: 10px;
}

.approach-seperator {
  width: var(--_size---1\<deleted\|variable-2f73b53b-af2a-03dd-09fa-898eedc98d99\>);
  background-color: var(--colors--color-white-30);
  height: 100%;
}

.direction-content {
  max-width: var(--utility--width-2xl);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.justify-center {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.impact-title-wrapper {
  max-width: var(--utility--width-sm-2);
  margin-left: auto;
  margin-right: auto;
}

.max-width-450 {
  max-width: var(--utility--width-md);
}

.margin-inline-auto {
  margin-left: auto;
  margin-right: auto;
}

.impact-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.impact-item {
  color: var(--colors--color-deep-pine);
  text-align: center;
}

.impact-counter {
  height: 80px;
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-soft-aqua);
  font-size: 80px;
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--semibold);
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.impact-seperator {
  width: var(--_size---1\<deleted\|variable-2f73b53b-af2a-03dd-09fa-898eedc98d99\>);
  background-color: #a4e24a;
}

.section-background-mint {
  background-color: var(--colors--color-mint-mist);
  color: var(--colors--color-charcoal-gray);
}

.stories-title-wrapper {
  max-width: var(--utility--width-xl-2);
}

.stories-list-wrapper {
  grid-column-gap: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  grid-row-gap: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
}

.stories-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.stories-list.column-two {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stories-item {
  height: 100%;
}

.stories-single-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--utility--border-radius-sm);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.stories-thumbnail {
  border-radius: var(--utility--border-radius-sm);
  display: block;
  overflow: hidden;
}

.stories-thumbnail.rounded-zero {
  border-radius: var(--utility--border-radius-none);
}

.stories-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--colors--color-white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 28px;
  display: flex;
}

.stories-content.padding-inline-zero {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.stories-title-link {
  margin-bottom: var(--_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>);
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-dark);
  font-size: var(--_responsive---font-size--heading-4);
  line-height: var(--_typography---font-line-height--line-height-auto);
  text-decoration: none;
  display: inline-block;
}

.slider-stories {
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.stories-mask {
  width: 55%;
  height: auto;
  margin-left: -15px;
  overflow: visible;
}

.movement-right {
  padding-left: 40px;
  padding-right: 40px;
}

.video-inner-block {
  position: relative;
  overflow: hidden;
}

.movement-wrapper {
  grid-template-rows: auto;
  grid-template-columns: .85fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: sticky;
  top: 0;
}

.movement-title-wrapper {
  max-width: var(--utility--width-md-2);
}

.background-video {
  z-index: 1;
}

.mission-area {
  grid-column-gap: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  grid-row-gap: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  border-radius: var(--utility--border-radius-xl);
  background-color: var(--colors--color-lime-green);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  overflow: hidden;
}

.mission-content {
  padding: 70px 60px;
}

.mission-image-block {
  height: 100%;
}

.mission-image {
  object-fit: cover;
  object-position: 0% 50%;
  height: 100%;
}

.mission-progress-wrapper {
  background-color: var(--colors--color-white);
  border-radius: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px;
}

.mission-progress-bar {
  height: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
  border-top-left-radius: var(--utility--border-radius-sm);
  border-top-right-radius: var(--utility--border-radius-sm);
  background-color: #e7edec;
  overflow: hidden;
}

.progress-bar-inner {
  border-top-left-radius: var(--utility--border-radius-sm);
  border-bottom-right-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-forest-green);
  width: 55%;
  height: 100%;
}

.progress-bar-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.progress-content-value {
  margin-bottom: var(--_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>);
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-dark);
  font-size: var(--_responsive---font-size--heading-4);
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--semibold);
}

.mission-section-text-wrapper {
  max-width: var(--utility--width-lg);
}

.faq-area {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.faq-title-wrapper {
  max-width: var(--utility--width-md);
  position: sticky;
  top: 0;
}

.accordion-menu {
  grid-column-gap: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
  grid-row-gap: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-fluid-left {
  padding-left: var(--_responsive---spacing--container-fluid);
  position: relative;
}

.accordion-link {
  padding: var(--_size---28\<deleted\|variable-3ae0217c-4396-19c3-bc3b-24e02f0fc2c8\>);
  background-color: var(--colors--color-white);
  box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.25);
  border-radius: 30px;
}

.accordion-link.w--current {
  background-color: var(--colors--color-white);
}

.accordion-head {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-dark);
  font-size: var(--_responsive---font-size--text-large);
  font-weight: var(--_typography---font-weight--semibold);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-icon-block {
  width: var(--_size---40\<deleted\|variable-e602b9cc-71a7-3a6b-9f95-2d2d68ed1903\>);
  height: var(--_size---32\<deleted\|variable-684ac035-1bc9-9b7f-294d-85e5a525da4e\>);
  border-radius: var(--_size---80\<deleted\|variable-1bc4ad42-4784-93fc-0562-0bb1b86f803e\>);
  background-color: var(--colors--color-lime-green);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.accordion-span {
  width: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  height: var(--_size---2\<deleted\|variable-04a37e99-52dc-b7f0-1f49-f4f0892e17e4\>);
  background-color: var(--colors--color-dark);
}

.accordion-span.is-vertical {
  position: absolute;
  transform: rotate(90deg);
}

.accrodion-body {
  overflow: hidden;
}

.accordion-text {
  padding-top: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
  color: var(--colors--color-charcoal-gray);
}

.blog-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-item-link-block {
  border-radius: var(--utility--border-radius-sm) var(--utility--border-radius-sm) var(--utility--border-radius-none) var(--utility--border-radius-none);
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.blog-thumbnail {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.blog-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

.blog-content-left {
  flex: 1;
}

.blog-title-text {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-dark);
  font-size: var(--_responsive---font-size--text-large);
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--semibold);
}

.blog-title-text.text-white {
  color: var(--colors--color-white);
}

.blog-excerpt {
  margin-top: var(--_size---4\<deleted\|variable-08e19724-e703-ab9f-a8b1-93d36e194e6f\>);
  color: var(--colors--color-charcoal-gray);
  font-size: var(--_responsive---font-size--text-small);
}

.blog-excerpt.text-white {
  color: var(--colors--color-white);
}

.section-background {
  z-index: 1;
  position: relative;
}

.section-space-325 {
  z-index: 1;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.approach-area {
  height: 200vh;
  overflow: clip;
}

.scroll-sticky {
  position: sticky;
  top: 0;
}

.background-overlay-large-lienar-green {
  z-index: -1;
  background-image: linear-gradient(180deg, var(--colors--color-transparent), var(--colors--color-forest-green) 65%);
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.hero-video-cover {
  z-index: 1;
  object-position: 0% 50%;
  height: 100%;
}

.about-hero-space {
  padding-top: 216px;
}

.breadcrumb-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-transform: uppercase;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  display: flex;
}

.breadcrumb-list.is-left {
  justify-content: flex-start;
  align-items: center;
}

.breadcrumb-list.is-left.is-text-dark {
  color: var(--colors--color-deep-pine);
}

.breadcrumb-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  font-size: var(--_responsive---font-size--text-small);
  font-weight: var(--_typography---font-weight--semibold);
  display: inline-flex;
}

.breadcrumb-link {
  color: var(--colors--color-white-60);
  letter-spacing: 1px;
  text-decoration: none;
  transition: color .3s;
}

.breadcrumb-link.w--current {
  color: var(--colors--color-white);
}

.breadcrumb-link.is-dark {
  color: var(--colors--color-deep-pine-60);
}

.breadcrumb-link.is-dark.w--current {
  color: var(--colors--color-deep-pine);
}

.breadcrumb-title-wrapper {
  max-width: var(--utility--width-lg);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb-text-wrapper {
  max-width: var(--utility--width-md);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb-text-wrapper.program-text {
  max-width: var(--utility--width-lg-2);
}

.breadcrumb-text-wrapper.blog-text {
  max-width: var(--utility--width-lg);
}

.timeline-title-wrapper {
  max-width: var(--utility--width-2xl);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.timeline-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.timeline-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-lime-green);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 30px;
  display: grid;
  position: sticky;
  top: 0;
}

.timeline-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--colors--color-charcoal-gray);
  flex-flow: column;
  justify-content: space-around;
  display: flex;
}

.timeline-image {
  border-radius: var(--utility--border-radius-md);
  overflow: hidden;
}

.timeline-year {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-large);
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--medium);
}

.timeline-title {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--heading-3);
  line-height: var(--_typography---font-line-height--h2-line-height);
  margin-top: 20px;
}

.program-list-title-wrapper {
  max-width: var(--utility--width-lg-2);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.blog-list-title-wrapper {
  max-width: var(--utility--width-lg);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.stories-text {
  color: var(--colors--color-charcoal-gray);
}

.stories-area {
  margin-left: auto;
  margin-right: auto;
}

.donation-list.column-three {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.donation-single-item {
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-white);
  padding: 15px;
}

.donation-thumbnail-link {
  border-radius: var(--utility--border-radius-sm);
  display: block;
  position: relative;
  overflow: hidden;
}

.donation-content-block {
  width: 100%;
  margin-top: 16px;
}

.donation-title-link {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-large);
  line-height: var(--_typography---font-line-height--line-height-auto);
  letter-spacing: -.3px;
  margin-bottom: 20px;
  text-decoration: none;
  display: inline-block;
}

.donation-target {
  margin-bottom: 22px;
}

.donation-progress {
  background-color: var(--colors--color-gray-stroke);
  border-radius: 10px;
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.donation-progres-inner {
  background-color: var(--colors--color-dark);
  width: 25%;
  height: 100%;
}

.donation-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-small);
  justify-content: space-between;
  display: flex;
}

.donation-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: inline-flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  background-color: var(--colors--color-white);
  max-width: 1070px;
  color: var(--colors--color-deep-pine);
  border-radius: 30px;
  flex-direction: column;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding: 60px;
  display: flex;
}

._404-area {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

._404-title {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-lime-green);
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--semibold);
  font-size: 10rem;
}

._404-text {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--heading-3);
  font-weight: var(--_typography---font-weight--semibold);
  margin-top: 30px;
  margin-bottom: 20px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.password-icon {
  margin-bottom: 40px;
}

.password-title {
  margin-top: 0;
  margin-bottom: 12px;
}

.password-field {
  height: 54px;
  font-size: var(--_responsive---font-size--text-base);
  border: 1px #000;
  border-bottom: 1px solid #1212121a;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 10px 0 30px;
}

.password-field::placeholder {
  color: var(--colors--color-dark);
}

.password-block {
  margin-top: 120px;
}

.button-submit {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--utility--border-radius-pill);
  color: var(--colors--color-deep-pine);
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  padding: 12px 12px 12px 26px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.button-submit.button-primary {
  background-color: var(--colors--color-lime-green);
  padding-right: 26px;
  transition: background-color .3s;
}

.button-submit.button-primary:hover {
  background-color: var(--colors--color-forest-green);
  color: var(--colors--color-white);
}

.password-text {
  font-weight: 500;
}

.contact-info-area {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-info-left {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.contact-info-image {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.contact-info-text {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--text-xlarge);
  margin-top: 30px;
}

.contact-info-link {
  color: var(--colors--color-white);
  text-decoration: none;
  display: inline-block;
}

.contact-area {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-wrapper {
  background-color: var(--colors--color-mint-mist);
  color: var(--colors--color-deep-pine);
  border-radius: 15px;
  padding: 45px;
}

.contact-title {
  color: var(--colors--color-deep-pine);
  line-height: var(--_typography---font-line-height--line-height-auto);
  letter-spacing: -.3px;
  margin-bottom: 10px;
  font-size: 2rem;
}

.donation-form {
  margin-bottom: 0;
}

.form-label {
  color: var(--colors--color-deep-pine);
  line-height: var(--_typography---font-line-height--line-height-auto);
  font-weight: var(--_typography---font-weight--normal);
  text-transform: capitalize;
  margin-bottom: 16px;
}

.input-field {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--colors--color-transparent);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--colors--color-transparent);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--colors--color-transparent);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--colors--color-transparent);
  width: 100%;
  height: 40px;
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-base);
  font-weight: var(--_typography---font-weight--normal);
  appearance: none;
  border-radius: 50px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.input-field:focus {
  border-color: var(--colors--color-sage-gray);
}

.input-field::placeholder {
  color: var(--colors--color-charcoal-gray);
  font-size: var(--_responsive---font-size--text-base);
}

.input-field.is-text-area {
  border-radius: 15px;
  height: 180px;
}

.form-column-two {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-column-one {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-column-one.input-doantion {
  margin-bottom: 10px;
}

.margin-top-10 {
  margin-top: 10px;
}

.play-pause-button {
  z-index: 2;
  border: 1px solid var(--colors--color-white-60);
  border-radius: var(--utility--border-radius-full);
  background-color: var(--colors--color-white-20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: inline-flex;
  box-shadow: 0 0 10px #0000001a;
}

.play-pause-button.is-center {
  box-shadow: none;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.background-video-2 {
  width: 100%;
  height: 100%;
}

.section-backgroud-video {
  position: absolute;
  inset: 0%;
}

.donation-details-title-wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.donation-top-wrapper {
  background-color: var(--colors--color-white);
  border-radius: 32px;
  overflow: hidden;
}

.donation-info-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  padding: 62px;
  display: flex;
}

.doneation-info-left {
  flex: none;
  max-width: 300px;
}

.doneation-info-right {
  width: 486px;
  max-width: 486px;
}

.donation-coordinator {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--colors--color-forest-green);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.donation-coordinator-thumb {
  border-radius: var(--utility--border-radius-full);
  width: 92px;
  height: 92px;
  overflow: hidden;
}

.donation-coordinator-name {
  font-family: var(--_typography---font-family--font-title);
  font-size: var(--_responsive---font-size--text-large);
  font-weight: var(--_typography---font-weight--semibold);
}

.donation-details-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid #07271f1a;
  justify-content: space-between;
  margin-bottom: 60px;
  padding-bottom: 60px;
  display: flex;
}

.donation-details-item.last-item {
  margin-bottom: 0;
}

.donation-details-left {
  max-width: 250px;
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--heading-3);
  flex: none;
}

.donation-details-right {
  max-width: 862px;
}

.donation-gallery {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.donation-gallery-item {
  border-radius: 20px;
  overflow: hidden;
}

.section-space-bottom {
  padding-bottom: var(--_responsive---spacing--section-space-default);
}

.donation-form-area {
  max-width: 926px;
  margin-left: auto;
  margin-right: auto;
}

.donation-seperator {
  background-color: #07271f1a;
  width: 100%;
  height: 1px;
}

.contact-form {
  margin-top: 40px;
  margin-bottom: 0;
}

.blog-details-title-wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.main-image-block {
  z-index: 1;
  border-radius: var(--utility--border-radius-lg);
  position: relative;
  overflow: hidden;
}

.blog-details-area {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-detail-left {
  flex: none;
  width: 440px;
  position: sticky;
  top: 0;
}

.blog-details-right {
  width: 967px;
}

.rich-text-block {
  margin-bottom: -50px;
}

.rich-text-block h1, .rich-text-block h2 {
  color: var(--colors--color-deep-pine);
  margin-top: 0;
  margin-bottom: 20px;
}

.rich-text-block h3, .rich-text-block h4, .rich-text-block h5, .rich-text-block h6 {
  color: var(--colors--color-deep-pine);
  margin-bottom: 20px;
}

.rich-text-block p {
  margin-bottom: 40px;
}

.rich-text-block blockquote {
  font-family: var(--_typography---font-family--font-title);
  font-weight: var(--_typography---font-weight--normal);
  margin-top: 40px;
  margin-bottom: 40px;
}

.rich-text-block ol {
  margin-bottom: 40px;
}

.rich-text-block ul {
  margin-bottom: 40px;
  padding-left: 0;
  list-style-type: none;
}

.rich-text-block figure {
  border-radius: var(--utility--border-radius-sm);
  margin-bottom: 40px;
  overflow: hidden;
}

.blog-details-info-list {
  color: var(--colors--color-deep-pine-60);
  font-weight: var(--_typography---font-weight--normal);
}

.blog-details-info-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px dashed #e5e5e5;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.blog-details-info-item.is-column {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 60px;
}

.blog-details-info-item.is-column.is-last-item {
  border-bottom-style: none;
}

.blog-details-info-text.is-underline {
  border-bottom: 1px dashed #e5e5e5;
  width: 100%;
  padding-bottom: 5px;
}

.blog-details-author {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-details-avatar {
  border-radius: var(--utility--border-radius-full);
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.social-link-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-link {
  border: 1px solid var(--colors--color-deep-pine-15);
  border-radius: var(--utility--border-radius-full);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: inline-flex;
  overflow: hidden;
}

.icon-wrapper {
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.social-icon-hover {
  position: absolute;
}

.program-details-title-wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.program-details-area {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.program-details-left {
  max-width: 980px;
}

.program-details-right {
  flex: none;
  max-width: 440px;
  position: sticky;
  top: 0;
}

.program-details-list {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.program-detail-item.is-column-two {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.program-details-inner-image {
  border-radius: var(--utility--border-radius-sm);
  position: relative;
  overflow: hidden;
}

.program-details-form {
  background-color: var(--colors--color-mint-mist);
  border-radius: 15px;
  padding: 20px;
}

.program-details-form-title {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--heading-3);
  margin-bottom: 20px;
}

.input-field-alter {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--colors--color-transparent);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--colors--color-transparent);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--colors--color-transparent);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--colors--color-transparent);
  border-top-left-radius: var(--utility--border-radius-xs);
  border-top-right-radius: var(--utility--border-radius-xs);
  border-bottom-left-radius: var(--utility--border-radius-xs);
  border-bottom-right-radius: var(--utility--border-radius-xs);
  height: 50px;
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--text-base);
  font-weight: var(--_typography---font-weight--normal);
  appearance: none;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  transition-property: border;
  transition-duration: .3s;
  transition-timing-function: ease;
}

.input-field-alter:focus {
  border-color: var(--colors--color-sage-gray);
}

.input-field-alter::placeholder {
  color: var(--colors--color-charcoal-gray);
  font-size: var(--_responsive---font-size--text-base);
}

.input-field-alter.is-text-area {
  border-radius: 15px;
  height: 95px;
}

.program-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-heo-video-shape {
  z-index: 2;
  object-fit: cover;
  position: absolute;
  inset: 0% auto 0% -1%;
}

.display-title {
  font-size: var(--_responsive---font-size--display-heading-2);
  letter-spacing: -1.5px;
  text-transform: capitalize;
}

.display-title.text-dark.text-capp {
  text-transform: none;
}

.program-scroll-wrapper {
  position: sticky;
  top: 0;
}

.program-list-wrapper-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.program-item-wrapper-block {
  flex: none;
  width: 30%;
}

.program-section-vh {
  height: 470vh;
  position: relative;
}

.impact-video-block {
  z-index: 1;
  max-height: 716px;
  position: relative;
  overflow: clip;
}

.impact-shape-top {
  z-index: 1;
  position: absolute;
  top: -40px;
  left: 0%;
  right: 0%;
}

.impact-shape-bottom {
  z-index: 1;
  width: 100%;
  height: 40px;
  position: absolute;
  inset: auto 0% 0%;
}

.menu-landing-thumbnail {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.about-video-block {
  position: relative;
  overflow: clip;
}

.video-shape-top {
  z-index: 2;
  position: absolute;
  inset: -1% 0% auto;
}

.video-shape-bottom {
  z-index: 2;
  position: absolute;
  inset: auto 0% -1%;
}

.intro-top-content-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.intro-title-content {
  max-width: 800px;
}

.intro-thumbnai-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 24px;
  display: grid;
}

.intro-thumbnail-item {
  border-radius: var(--utility--border-radius-md);
  position: relative;
  overflow: hidden;
}

.about-counter-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2px 1fr 2px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-counter-item {
  border-radius: var(--utility--border-radius-md);
  background-color: #f8f8f8;
  padding: 20px;
}

.about-seperator {
  background-color: #a4e24a;
  width: 2px;
}

.team-title-wrapper {
  max-width: var(--utility--width-lg);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.team-text-wrapeer {
  max-width: var(--utility--width-md);
  margin-left: auto;
  margin-right: auto;
}

.team-list {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-single-item {
  z-index: 1;
  border-radius: var(--utility--border-radius-xs);
  position: relative;
  overflow: hidden;
}

.team-overlay {
  z-index: 0;
  background-image: linear-gradient(180deg, var(--colors--color-transparent) 40%, var(--colors--color-forest-green));
  position: absolute;
  inset: 0%;
}

.team-content {
  z-index: 1;
  color: var(--colors--color-white);
  padding: 30px;
  position: absolute;
  inset: auto 0% 0%;
}

.team-member-name {
  font-family: var(--_typography---font-family--font-title);
  color: var(--colors--color-deep-pine);
  font-size: var(--_responsive---font-size--heading-3);
  line-height: var(--_typography---font-line-height--h3-line-height);
  margin-bottom: 10px;
  text-decoration: none;
}

.team-member-name.is-white {
  color: var(--colors--color-white);
}

.team-content-info {
  z-index: 3;
  background-color: var(--colors--color-white);
  opacity: 0;
  border-radius: 14px;
  padding: 16px;
  position: absolute;
  inset: auto 6px 6px;
  transform: translate(0, 100%);
}

.team-member-icon-link {
  border-radius: var(--utility--menu-border-radius);
  background-color: var(--colors--color-deep-pine-15);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
}

.team-member-top {
  justify-content: space-between;
  margin-bottom: 20px;
  display: flex;
}

.team-member-bottom {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.team-member-contact-info-list {
  margin-bottom: 0;
}

.team-memebr-contact-info-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.text-link-gray {
  color: var(--colors--color-charcoal-gray);
  text-decoration: none;
}

.social-link-team {
  border: 1px none var(--colors--color-deep-pine-15);
  border-radius: var(--utility--border-radius-xs);
  background-color: var(--colors--color-lime-green);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: inline-flex;
  overflow: hidden;
}

.social-link-team:hover {
  background-color: var(--colors--color-lime-green);
}

.team-details-area {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.team-details-thumbnail-block {
  border-radius: var(--utility--border-radius-sm);
  position: relative;
  overflow: hidden;
}

.team-details-wrapper {
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-white);
  color: var(--colors--color-charcoal-gray);
  padding: 30px;
}

.team-details-content {
  margin-top: 30px;
}

.team-memebr-bio {
  margin-top: 30px;
  margin-bottom: 100px;
}

.stories-single-item-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-white);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 20px;
  display: grid;
  overflow: hidden;
}

.stories-thumbnail-wide {
  border-radius: var(--utility--border-radius-sm);
  max-height: 350px;
  display: block;
  overflow: hidden;
}

.stories-inner-content {
  max-width: 540px;
}

.stories-details-title-wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.stories-details-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stories-details-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--utility--border-radius-sm);
  background-color: var(--colors--color-mint-mist);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  padding: 40px;
  display: grid;
}

.stories-gallery-image {
  border-radius: var(--utility--border-radius-sm);
  position: relative;
  overflow: hidden;
}

.related-stories-area {
  max-width: 945px;
  margin-left: auto;
  margin-right: auto;
}

.margin-top-60 {
  margin-top: 60px;
}

.license-font-name {
  font-family: var(--_typography---font-family--font-title);
  font-size: 2rem;
}

@media screen and (min-width: 1280px) {
  body {
    --_responsive---font-size--text-base: 1rem;
    --_responsive---font-size--heading-1: 3.75rem;
    --_responsive---font-size--heading-2: 2.875rem;
    --_responsive---font-size--heading-3: 1.75rem;
    --_responsive---font-size--heading-4: 1.25rem;
    --_responsive---font-size--heading-5: 1rem;
    --_responsive---font-size--text-small: .875rem;
    --_responsive---font-size--text-large: 1.25rem;
    --_responsive---spacing--container-fluid: 80px;
    --_responsive---spacing--section-space-default: 120px;
    --_responsive---font-size--text-medium: 1.125rem;
    --_responsive---font-size--text-xlarge: 1.5rem;
    --_responsive---spacing--container-large: 1180px;
    --_responsive---font-size--display-heading-2: 2.25rem;
    --_responsive---font-size--heading-6: .875rem;
    --_responsive---spacing--section-space-small: 80px;
  }

  .container {
    max-width: 1032px;
  }

  .style-wrapper {
    padding: var(--_size---40\<deleted\|variable-e602b9cc-71a7-3a6b-9f95-2d2d68ed1903\>);
    border-radius: var(--utility--border-radius-sm);
  }

  .background-item {
    border-radius: var(--utility--border-radius-sm);
  }

  .footer-widgets-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footers-widget-about {
    padding-top: var(--_size---28\<deleted\|variable-3ae0217c-4396-19c3-bc3b-24e02f0fc2c8\>);
    padding-bottom: var(--_size---28\<deleted\|variable-3ae0217c-4396-19c3-bc3b-24e02f0fc2c8\>);
  }

  .changelog-item {
    padding-left: 120px;
    padding-right: 120px;
  }

  .megamnu-background {
    padding: 10px;
  }

  .megamenu-landing-title {
    font-size: var(--_responsive---font-size--heading-4);
  }

  .megamenu-nav-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .menu-nav-link {
    font-size: var(--_responsive---font-size--text-base);
  }

  .section-home-hero {
    max-height: 100vh;
  }

  .intro-area {
    grid-template-columns: 1fr 1.1fr;
  }

  .slider-arrow.slider-arrow-top {
    right: 100px;
  }

  .slider-arrow.slider-arrow-top.is-left {
    right: 168px;
  }

  .approach-list {
    grid-column-gap: var(--_size---32\<deleted\|variable-684ac035-1bc9-9b7f-294d-85e5a525da4e\>);
    grid-row-gap: var(--_size---32\<deleted\|variable-684ac035-1bc9-9b7f-294d-85e5a525da4e\>);
  }

  .impact-title-wrapper {
    max-width: var(--utility--width-md-2);
  }

  .stories-single-item {
    grid-template-columns: 1fr 1fr;
  }

  .section-space-325 {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .breadcrumb-title-wrapper.is-about {
    max-width: var(--utility--width-lg-2);
  }

  .timeline-item {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .blog-list-title-wrapper {
    max-width: var(--utility--width-lg-2);
  }

  .utility-page-content {
    min-width: 1070px;
  }

  ._404-title {
    font-size: 12.5rem;
  }

  .contact-info-area {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .contact-area {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .menu-landing-thumbnail {
    object-fit: fill;
    height: 100%;
  }

  .team-details-wrapper {
    padding: 40px;
  }

  .stories-details-list {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .stories-details-item {
    grid-template-columns: 1fr 1.25fr;
  }

  .license-font-name {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1440px) {
  body {
    --_responsive---font-size--text-base: 1rem;
    --_responsive---font-size--heading-1: 4rem;
    --_responsive---font-size--heading-2: 3.125rem;
    --_responsive---font-size--heading-3: 1.875rem;
    --_responsive---font-size--heading-4: 1.25rem;
    --_responsive---font-size--heading-5: 1rem;
    --_responsive---font-size--text-small: .875rem;
    --_responsive---font-size--text-large: 1.25rem;
    --_responsive---spacing--container-fluid: 148px;
    --_responsive---spacing--section-space-default: 150px;
    --_responsive---font-size--text-medium: 1.125rem;
    --_responsive---font-size--text-xlarge: 1.5rem;
    --_responsive---spacing--container-large: 1360px;
    --_responsive---font-size--display-heading-2: 2.5rem;
    --_responsive---font-size--heading-6: .875rem;
    --_responsive---spacing--section-space-small: 80px;
  }

  .style-wrapper {
    padding: var(--_size---60\<deleted\|variable-45efddb3-d12e-8610-b4a1-4351fd11efa7\>);
    border-radius: var(--utility--border-radius-xl);
  }

  .background-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-widgets-list {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
  }

  .footers-widget-about {
    padding-top: var(--_size---40\<deleted\|variable-e602b9cc-71a7-3a6b-9f95-2d2d68ed1903\>);
    padding-bottom: var(--_size---40\<deleted\|variable-e602b9cc-71a7-3a6b-9f95-2d2d68ed1903\>);
  }

  .changelog-item {
    padding-left: 152px;
    padding-right: 152px;
  }

  .megamnu-background {
    padding: 20px;
  }

  .megamenu-grid {
    grid-template-columns: 1fr .75fr;
  }

  .megamenu-left {
    padding-top: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .megamenu-landing-wrapper {
    grid-template-columns: 1fr 1.5fr;
  }

  .megamenu-landing-title {
    line-height: var(--_typography---font-line-height--h2-line-height);
  }

  .megamenu-content {
    flex: 1;
  }

  .intro-area {
    grid-template-columns: .7fr 1fr;
  }

  .slider-arrow.slider-arrow-top {
    right: 148px;
  }

  .slider-arrow.slider-arrow-top.is-left {
    right: 216px;
  }

  .impact-item {
    font-size: var(--_responsive---font-size--text-large);
  }

  .stories-title-wrapper {
    max-width: var(--utility--width-2xl);
  }

  .stories-single-item {
    grid-template-columns: 1fr 1fr;
  }

  .background-video {
    height: 924px;
  }

  .blog-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .section-space-325 {
    padding-top: 220px;
    padding-bottom: 220px;
  }

  .breadcrumb-title-wrapper.is-about {
    max-width: var(--utility--width-xl-2);
  }

  .timeline-item {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  ._404-title {
    font-size: 15rem;
  }

  .contact-info-area {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .team-title-wrapper {
    max-width: var(--utility--width-lg-2);
  }

  .team-details-wrapper {
    padding: 60px;
  }

  .stories-single-item-grid {
    padding: 30px;
  }
}

@media screen and (min-width: 1920px) {
  body {
    --_responsive---font-size--text-base: 1rem;
    --_responsive---font-size--heading-1: 4rem;
    --_responsive---font-size--heading-2: 3.125rem;
    --_responsive---font-size--heading-3: 1.875rem;
    --_responsive---font-size--heading-4: 1.25rem;
    --_responsive---font-size--heading-5: 1rem;
    --_responsive---font-size--text-small: .875rem;
    --_responsive---font-size--text-large: 1.25rem;
    --_responsive---spacing--container-fluid: 148px;
    --_responsive---spacing--section-space-default: 120px;
    --_responsive---font-size--text-medium: 1.125rem;
    --_responsive---font-size--text-xlarge: 1.5rem;
    --_responsive---spacing--container-large: 1000px;
    --_responsive---font-size--display-heading-2: 3.125rem;
    --_responsive---font-size--heading-6: .875rem;
    --_responsive---spacing--section-space-small: 80px;
  }

  .megamenu-container {
    max-width: calc(100% - var(--_responsive---spacing--container-fluid));
  }

  .megamenu-grid {
    grid-template-columns: 1fr 646px;
  }

  .megamenu-landing-wrapper {
    grid-template-columns: 235px 1fr;
    align-items: stretch;
  }

  .megamenu-landing-title {
    font-size: var(--_responsive---font-size--text-xlarge);
  }

  .hero-image {
    width: 55%;
  }

  .hero-title {
    max-width: 612px;
  }

  .intro-area {
    grid-template-columns: 700px 1fr;
  }

  .background-overlay.is-green-30 {
    z-index: 1;
  }

  .slider {
    position: static;
  }

  .stories-single-item {
    grid-template-columns: 1fr 1fr;
  }

  .background-video {
    width: 100%;
    height: 924px;
  }

  .blog-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .blog-excerpt {
    font-size: var(--_responsive---font-size--text-base);
  }

  .section-space-325 {
    padding-top: 325px;
    padding-bottom: 325px;
  }

  .timeline-item {
    grid-column-gap: 110px;
    grid-row-gap: 110px;
  }

  ._404-title {
    font-size: 17.5rem;
  }

  .button-submit.button-primary:hover {
    background-color: var(--colors--color-forest-green);
    color: var(--colors--color-white);
  }

  .contact-info-area {
    grid-column-gap: 114px;
    grid-row-gap: 114px;
    grid-template-columns: 1fr 800px;
  }

  .contact-area {
    grid-column-gap: 134px;
    grid-row-gap: 134px;
    grid-template-columns: 1fr 926px;
  }

  .play-pause-button.is-center, .impact-shape-top, .impact-shape-bottom {
    z-index: 2;
  }

  .team-member-icon-link {
    cursor: pointer;
  }

  .team-member-top {
    margin-bottom: 142px;
  }

  .stories-details-item {
    grid-template-columns: 1fr 1.1fr;
  }

  .license-font-name {
    font-size: 4rem;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_responsive---font-size--text-base: 1rem;
    --_responsive---font-size--heading-1: 2.75rem;
    --_responsive---font-size--heading-2: 2.125rem;
    --_responsive---font-size--heading-3: 1.5rem;
    --_responsive---font-size--heading-4: 1.125rem;
    --_responsive---font-size--heading-5: 1rem;
    --_responsive---font-size--text-small: .875rem;
    --_responsive---font-size--text-large: 1.25rem;
    --_responsive---spacing--container-fluid: 40px;
    --_responsive---spacing--section-space-default: 100px;
    --_responsive---font-size--text-medium: 1.125rem;
    --_responsive---font-size--text-xlarge: 1.5rem;
    --_responsive---spacing--container-large: 740px;
    --_responsive---font-size--display-heading-2: 2.125rem;
    --_responsive---font-size--heading-6: .875rem;
    --_responsive---spacing--section-space-small: 60px;
  }

  .single-summery {
    text-align: center;
  }

  .header {
    padding-top: 16px;
  }

  .breadcrumb-space {
    padding-top: 180px;
  }

  .style-item {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .style-wrapper {
    border-radius: var(--utility--border-radius-xs);
  }

  .background-item {
    border: 1px solid var(--colors--color-transparent);
  }

  .button-group {
    flex-flow: wrap;
  }

  .footer-widgets-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: grid;
  }

  .footers-widget-about {
    padding-top: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
    padding-bottom: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  }

  .footer-seperator {
    display: none;
  }

  .footer-widget-nav {
    padding: 0;
  }

  .footer-title-nav {
    margin-bottom: 20px;
  }

  .navbar {
    border-radius: var(--utility--border-radius-xl);
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .header-event {
    grid-column-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
    grid-row-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
    justify-content: flex-start;
    align-items: center;
  }

  .nav-menu {
    background-color: var(--colors--color-white);
    border-radius: 20px;
    height: auto;
    padding: 20px;
  }

  .header-nav-link {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .header-dropdown {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: auto;
    display: block;
    position: static;
  }

  .megamenu-wrapper {
    border-top-left-radius: var(--utility--border-radius-xs);
    border-top-right-radius: var(--utility--border-radius-xs);
    border-bottom-left-radius: var(--utility--border-radius-xs);
    border-bottom-right-radius: var(--utility--border-radius-xs);
    min-width: 100%;
    max-width: 100%;
    height: 320px;
    overflow: auto;
  }

  .dropdown-list {
    border-radius: var(--utility--border-radius-xs);
    min-width: 100%;
    max-width: 100%;
    position: absolute;
    inset: 0% 0% auto;
    overflow: clip;
  }

  .dropdown-list.w--open {
    position: relative;
  }

  .megamenu-container {
    padding: 0;
  }

  .changelog-item {
    grid-column-gap: var(--_size---32\<deleted\|variable-684ac035-1bc9-9b7f-294d-85e5a525da4e\>);
    grid-row-gap: var(--_size---32\<deleted\|variable-684ac035-1bc9-9b7f-294d-85e5a525da4e\>);
    grid-template-columns: 1fr;
    padding-left: 40px;
    padding-right: 40px;
  }

  .licenses-header {
    line-height: var(--_typography---font-line-height--text-medium);
  }

  .licenses-font-wrapper {
    border-radius: var(--utility--border-radius-sm);
  }

  .megamenu-grid {
    grid-template-columns: 1.25fr;
  }

  .megamenu-landing-title {
    font-size: var(--_responsive---font-size--text-xlarge);
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    padding: 24px 20px;
  }

  .menu-button.w--open {
    background-color: var(--colors--color-transparent);
  }

  .menu-span {
    background-color: var(--colors--color-forest-green);
    width: 22px;
    height: 2px;
  }

  .menu-span.is-center {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .header-menu-block {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    position: relative;
  }

  .section-home-hero {
    height: auto;
    max-height: none;
  }

  .home-hero-area {
    padding-top: 180px;
    padding-bottom: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
    grid-column-gap: var(--_size---40\<deleted\|variable-e602b9cc-71a7-3a6b-9f95-2d2d68ed1903\>);
    grid-row-gap: var(--_size---40\<deleted\|variable-e602b9cc-71a7-3a6b-9f95-2d2d68ed1903\>);
    grid-template-columns: 1fr;
  }

  .hero-image-block {
    position: relative;
  }

  .hero-image {
    width: 100%;
    height: auto;
    position: static;
  }

  .hero-title {
    max-width: var(--utility--width-md-2);
  }

  .hero-info-wrapper {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
  }

  .slider-text {
    margin-bottom: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
  }

  .intro-area {
    grid-template-columns: 1fr;
  }

  .intro-count-down-list {
    flex-flow: wrap;
  }

  .container-large {
    max-width: var(--_responsive---spacing--container-large);
  }

  .direction-text-wrapeer {
    max-width: var(--utility--width-sm-2);
  }

  .direction-title {
    flex: none;
  }

  .direction-description {
    max-width: var(--utility--width-xs);
  }

  .direction-image-block {
    border-radius: var(--utility--border-radius-xs);
  }

  .program-column {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .program-list.column-three {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .project-slider-mask {
    width: 50%;
    margin-bottom: 40px;
  }

  .direction-content {
    flex-flow: column;
  }

  .impact-title-wrapper {
    max-width: var(--utility--width-sm);
  }

  .impact-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .impact-counter {
    height: 60px;
    font-size: 60px;
  }

  .impact-seperator {
    display: none;
  }

  .stories-single-item {
    grid-template-columns: 1fr 1fr;
  }

  .slider-stories {
    margin-left: 0;
    margin-right: 0;
  }

  .stories-mask {
    width: 100%;
    margin-left: 0;
  }

  .movement-area {
    height: auto;
  }

  .mission-area {
    border-radius: var(--utility--border-radius-sm);
    grid-template-columns: 1fr;
  }

  .mission-image {
    object-position: 50% 50%;
  }

  .mission-progress-wrapper {
    background-color: var(--colors--color-white);
  }

  .faq-area {
    grid-template-columns: 1fr;
  }

  .faq-title-wrapper {
    position: static;
  }

  .container-fluid-left {
    padding-right: var(--_responsive---spacing--container-fluid);
  }

  .blog-list {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .blog-item-link-block {
    border-radius: var(--utility--border-radius-xs);
  }

  .section-space-325 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .hero-video-cover {
    height: 400px;
  }

  .timeline-item {
    padding: 24px;
  }

  .timeline-image {
    border-radius: var(--utility--border-radius-sm);
  }

  .blog-list-title-wrapper {
    max-width: var(--utility--width-md-2);
  }

  .donation-list.column-three {
    grid-template-columns: 1fr 1fr;
  }

  .utility-page-content {
    padding: 40px;
  }

  ._404-area {
    max-width: var(--utility--width-sm);
  }

  ._404-title {
    font-size: 7.5rem;
  }

  ._404-text {
    margin-top: 10px;
  }

  .password-field {
    border-bottom: 1px solid #1212121a;
    padding: 10px 0 32px;
  }

  .password-block {
    margin-top: 60px;
  }

  .contact-info-area {
    grid-template-columns: 1fr;
  }

  .contact-info-title-wrapper {
    max-width: var(--utility--width-md-2);
  }

  .contact-area {
    grid-template-columns: 1fr;
  }

  .contact-left-block {
    max-width: var(--utility--width-sm);
  }

  .donation-info-block {
    padding: 40px;
  }

  .main-image-block {
    border-radius: var(--utility--border-radius-sm);
  }

  .blog-details-area {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blog-detail-left, .blog-details-right {
    width: auto;
  }

  .blog-details-info-item.is-column {
    padding-top: 40px;
  }

  .program-details-area {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .program-details-left, .program-details-right {
    max-width: 100%;
  }

  .home-heo-video-shape {
    display: none;
  }

  .program-item-wrapper-block {
    width: 50%;
  }

  .impact-shape-top {
    top: -40px;
  }

  .intro-thumbnai-list {
    margin-top: 40px;
  }

  .intro-thumbnail-item {
    border-radius: var(--utility--border-radius-xs);
  }

  .team-title-wrapper {
    max-width: var(--utility--width-md-2);
  }

  .team-text-wrapeer {
    max-width: var(--utility--width-sm-2);
  }

  .team-list {
    grid-template-columns: 1fr 1fr;
  }

  .team-details-area {
    grid-template-columns: 1fr;
  }

  .stories-details-item {
    grid-template-columns: 1fr;
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_responsive---font-size--text-base: 1rem;
    --_responsive---font-size--heading-1: 2.25rem;
    --_responsive---font-size--heading-2: 1.875rem;
    --_responsive---font-size--heading-3: 1.375rem;
    --_responsive---font-size--heading-4: 1.125rem;
    --_responsive---font-size--heading-5: 1rem;
    --_responsive---font-size--text-small: .875rem;
    --_responsive---font-size--text-large: 1.25rem;
    --_responsive---spacing--container-fluid: 20px;
    --_responsive---spacing--section-space-default: 80px;
    --_responsive---font-size--text-medium: 1.125rem;
    --_responsive---font-size--text-xlarge: 1.5rem;
    --_responsive---spacing--container-large: 580px;
    --_responsive---font-size--display-heading-2: 1.875rem;
    --_responsive---font-size--heading-6: .875rem;
    --_responsive---spacing--section-space-small: 60px;
  }

  .breadcrumb-space {
    padding-top: 160px;
  }

  .section-block {
    margin-bottom: 30px;
  }

  .style-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .style-wrapper {
    padding: 24px;
  }

  .background-item {
    height: 80px;
    padding: 12px;
  }

  .button {
    padding: 8px 8px 8px 20px;
  }

  .footer-widgets-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-bottom {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .copyright-text {
    order: 9999;
  }

  .navbar {
    padding-left: 8px;
  }

  .nav-menu {
    flex-flow: column;
    height: auto;
  }

  .megamenu-container {
    padding: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
  }

  .changelog-item {
    grid-column-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
    grid-row-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
    flex-flow: column;
    padding-left: 24px;
    padding-right: 24px;
  }

  .changelog-title {
    margin-bottom: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
  }

  .licenses-item {
    margin-top: 30px;
    padding-top: 30px;
  }

  .megamnu-background {
    padding: var(--_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>);
  }

  .megamenu-grid {
    padding: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
  }

  .megamenu-landing-wrapper {
    grid-template-columns: 1fr;
  }

  .megamenu-landing-title {
    font-size: var(--_responsive---font-size--text-medium);
  }

  .megamenu-nav-list {
    grid-template-columns: 1fr;
  }

  .megamenu-bottom {
    grid-column-gap: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
    grid-row-gap: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .megamenu-title {
    margin-bottom: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
  }

  .megamenu-nav-block {
    grid-column-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
    grid-row-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
  }

  .hide-mobile {
    display: none;
  }

  .hero-content-block {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-title {
    max-width: var(--utility--width-md);
  }

  .hero-info-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .hero-avatar-list {
    justify-content: center;
    align-items: center;
  }

  .hero-info-separator {
    display: none;
  }

  .section-content-block {
    text-align: center;
    margin-bottom: 40px;
  }

  .intro-count-down-list {
    grid-column-gap: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
    grid-row-gap: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
    margin-top: 40px;
  }

  .intro-count {
    height: 30px;
    font-size: 30px;
  }

  .container-large {
    max-width: var(--_responsive---spacing--container-large);
  }

  .direction-item {
    top: 80px;
  }

  .direction-grid {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 24px;
  }

  .direction-description {
    max-width: var(--utility--width-full);
  }

  .direction-image-block {
    max-width: var(--utility--width-full);
    margin-left: auto;
    margin-right: auto;
  }

  .program-column {
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .program-list.column-three {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .program-content {
    padding: 30px 24px;
  }

  .project-slider-mask {
    width: 66%;
    margin-bottom: var(--_size---32\<deleted\|variable-684ac035-1bc9-9b7f-294d-85e5a525da4e\>);
  }

  .slider-arrow.slider-arrow-top {
    margin-left: 4px;
    margin-right: 4px;
    position: static;
  }

  .approach-list {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .impact-list {
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .stories-title-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .stories-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-stories {
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .stories-mask {
    margin-bottom: var(--_size---40\<deleted\|variable-e602b9cc-71a7-3a6b-9f95-2d2d68ed1903\>);
  }

  .movement-right {
    padding: 80px 20px;
  }

  .movement-wrapper {
    grid-template-columns: 1fr;
  }

  .movement-title-wrapper {
    max-width: var(--utility--width-sm-2);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .mission-area {
    border-radius: var(--utility--border-radius-xs);
    grid-template-columns: 1fr;
  }

  .mission-content {
    text-align: center;
    padding: 30px;
  }

  .mission-image-block {
    height: auto;
  }

  .mission-image {
    object-position: 50% 50%;
  }

  .faq-title-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-list {
    grid-column-gap: 24px;
  }

  .blog-item-link-block {
    border-radius: var(--utility--border-radius-xs);
  }

  .blog-content {
    flex-flow: column;
    margin-top: 16px;
  }

  .section-space-325 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .breadcrumb-list.is-left {
    justify-content: center;
    align-items: center;
  }

  .breadcrumb-title-wrapper.is-about {
    max-width: var(--utility--width-md);
  }

  .breadcrumb-text-wrapper.blog-text {
    max-width: var(--utility--width-sm-2);
  }

  .timeline-item {
    grid-template-columns: 1fr;
  }

  .timeline-content {
    justify-content: flex-start;
  }

  .blog-list-title-wrapper {
    max-width: var(--utility--width-sm-2);
  }

  .utility-page-content {
    border-radius: 20px;
    padding: 20px;
  }

  .button-submit {
    padding: 8px 8px 8px 20px;
  }

  .contact-info-area {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .contact-info-title-wrapper {
    max-width: var(--utility--width-sm-2);
    margin-left: auto;
    margin-right: auto;
  }

  .contact-left-block {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-wrapper {
    padding: 30px;
  }

  .contact-title {
    text-align: center;
  }

  .contact-text {
    max-width: var(--utility--width-sm);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .donation-top-wrapper {
    border-radius: var(--utility--border-radius-sm);
  }

  .donation-info-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .doneation-info-left {
    order: 9999;
    max-width: 100%;
  }

  .doneation-info-right {
    width: 100%;
    max-width: 100%;
  }

  .donation-coordinator {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .donation-details-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }

  .donation-gallery-item {
    border-radius: 10px;
  }

  .main-image-block {
    border-radius: var(--utility--border-radius-xs);
  }

  .blog-details-area {
    grid-template-columns: 1fr;
  }

  .blog-detail-left {
    position: static;
  }

  .blog-details-info-item.is-column {
    padding-top: 10px;
  }

  .program-detail-item.is-column-two {
    grid-template-columns: 1fr;
  }

  .impact-shape-top {
    width: 110%;
    top: -30px;
  }

  .impact-shape-bottom {
    width: 110%;
  }

  .intro-top-content-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .about-counter-grid {
    grid-template-columns: 1fr 1fr;
  }

  .about-seperator {
    display: none;
  }

  .team-title-wrapper {
    max-width: var(--utility--width-sm-2);
  }

  .team-list {
    grid-template-columns: 1fr;
  }

  .stories-details-item, .stories-gallery-image {
    border-radius: var(--utility--border-radius-xs);
  }
}

@media screen and (max-width: 479px) {
  body {
    --_responsive---font-size--text-base: 1rem;
    --_responsive---font-size--heading-1: 2.25rem;
    --_responsive---font-size--heading-2: 1.875rem;
    --_responsive---font-size--heading-3: 1.375rem;
    --_responsive---font-size--heading-4: 1.125rem;
    --_responsive---font-size--heading-5: 1rem;
    --_responsive---font-size--text-small: .875rem;
    --_responsive---font-size--text-large: 1.25rem;
    --_responsive---spacing--container-fluid: 20px;
    --_responsive---spacing--section-space-default: 80px;
    --_responsive---font-size--text-medium: 1.125rem;
    --_responsive---font-size--text-xlarge: 1.5rem;
    --_responsive---spacing--container-large: 100%;
    --_responsive---font-size--display-heading-2: 1.875rem;
    --_responsive---font-size--heading-6: .875rem;
    --_responsive---spacing--section-space-small: 60px;
  }

  .license-content {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .style-wrapper {
    padding: 20px;
  }

  .background-list {
    grid-column-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
    grid-row-gap: var(--_size---12\<deleted\|variable-f0210d23-82e9-a3e4-300d-f3a550d9c1c9\>);
    grid-template-columns: 1fr 1fr;
  }

  .footer-widgets-list {
    grid-column-gap: 20px;
    grid-template-columns: 1fr;
    display: flex;
  }

  .newsletter-form {
    grid-column-gap: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
    grid-row-gap: var(--_size---16\<deleted\|variable-12a3eeaf-d868-2399-3f3a-951df7caf7e8\>);
    flex-flow: column;
    display: flex;
  }

  .newsletter-text-field {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .submit-button {
    width: 100%;
    position: static;
    transform: none;
  }

  .brand {
    max-width: 160px;
  }

  .megamenu-container {
    padding: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  }

  .licenses-item {
    grid-template-columns: 1fr 1fr;
  }

  .licenses-text-block {
    grid-column-gap: var(--_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>);
    grid-row-gap: var(--_size---8\<deleted\|variable-061d48da-2cb9-647b-46e1-b9a5e09cf675\>);
  }

  .megamnu-background {
    padding: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  }

  .megamenu-landing-left {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .megamenu-landing-title {
    font-size: var(--_responsive---font-size--text-small);
  }

  .megamenu-nav-list {
    grid-template-columns: 1fr;
  }

  .megamenu-bottom-right {
    flex-flow: column;
  }

  .menu-button {
    padding: 20px 15px;
  }

  .hero-info-wrapper {
    flex-flow: column;
  }

  .hero-info-separator {
    display: none;
  }

  .intro-count-down-list {
    grid-column-gap: var(--_size---24\<deleted\|variable-12439b33-cc0f-7e0c-99e4-92656581cd4a\>);
    grid-row-gap: var(--_size---24\<deleted\|variable-12439b33-cc0f-7e0c-99e4-92656581cd4a\>);
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }

  .intro-count-down-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .intro-seperator {
    display: none;
  }

  .container-large {
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .direction-item {
    padding: 20px;
  }

  .direction-grid {
    grid-column-gap: var(--_size---24\<deleted\|variable-12439b33-cc0f-7e0c-99e4-92656581cd4a\>);
    grid-row-gap: var(--_size---24\<deleted\|variable-12439b33-cc0f-7e0c-99e4-92656581cd4a\>);
  }

  .program-list.column-three {
    grid-template-columns: 1fr;
  }

  .program-content {
    padding: 30px 20px;
  }

  .project-slider-mask, .slider-1-3 {
    width: 100%;
  }

  .approach-list {
    grid-template-columns: 1fr;
  }

  .approach-seperator {
    display: none;
  }

  .impact-counter {
    height: 40px;
    font-size: 40px;
  }

  .stories-list.column-two, .stories-single-item {
    grid-template-columns: 1fr;
  }

  .stories-content {
    padding-right: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
    padding-left: var(--_size---20\<deleted\|variable-c3fd1a9a-7729-09fc-5e56-9d6b1f6edae6\>);
  }

  .slider-stories {
    margin-right: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
    margin-left: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
    padding-left: 10px;
    padding-right: 10px;
  }

  .stories-mask {
    margin-left: var(--_size---0\<deleted\|variable-4decb668-c5c6-f7c5-05a6-ae8804d13e2e\>);
  }

  .background-video {
    height: 320px;
  }

  .mission-content {
    padding: 30px 20px;
  }

  .mission-progress-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
  }

  .progress-bar-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-list {
    grid-template-columns: 1fr;
  }

  .hero-video-cover {
    height: 300px;
  }

  .about-hero-space {
    padding-top: 160px;
  }

  .breadcrumb-list {
    flex-flow: wrap;
  }

  .donation-list.column-three {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  ._404-title {
    font-size: 5rem;
  }

  .contact-wrapper {
    padding: 24px;
  }

  .form-column-two {
    grid-template-columns: 1fr;
  }

  .donation-top-wrapper {
    border-radius: var(--utility--border-radius-xs);
  }

  .donation-info-block {
    padding: 24px;
  }

  .donation-coordinator {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .donation-coordinator-content {
    text-align: center;
  }

  .program-item-wrapper-block {
    width: 100%;
  }

  .impact-shape-top {
    top: -10px;
  }

  .impact-shape-bottom {
    bottom: -10px;
  }

  .video-shape-top, .video-shape-bottom {
    display: none;
  }

  .intro-thumbnai-list {
    grid-template-columns: 1fr 1fr;
  }

  .about-counter-grid {
    grid-template-columns: 1fr;
  }

  .about-seperator {
    display: none;
  }

  .stories-single-item-grid {
    grid-template-columns: 1fr;
  }

  .stories-details-item {
    padding: 20px;
  }
}

#w-node-dae33341-8619-2888-85c4-ab0df79ebf6c-5c088cb6, #w-node-_8dbc3d76-8e00-1cb2-d5a7-26ce2b8e72bf-5c088cb6 {
  order: 9999;
}

#w-node-_5f29e157-8b3e-8743-eb95-93f147f3675d-5c088cbc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_19b125a9-accc-37e3-12b6-8177b8078ac6-b8078abf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-dae33341-8619-2888-85c4-ab0df79ebf6c-5c088cb6, #w-node-_8dbc3d76-8e00-1cb2-d5a7-26ce2b8e72bf-5c088cb6 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_19b125a9-accc-37e3-12b6-8177b8078ac6-b8078abf {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_37f2265d-2114-570e-033e-4d89b6ca31a4-5c088cb7 {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_19b125a9-accc-37e3-12b6-8177b8078ac6-b8078abf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7bc89c84-bb94-1705-c57d-60a18dd45355-5c088c85, #w-node-ca07cc8e-d2fa-48b0-378b-5f595e8c5401-5c088c85 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

/* Narrow single-column hover dropdown (e.g. Yazılar menu) */
.header-dropdown.is-narrow {
  position: relative;
}

.header-dropdown.is-narrow .dropdown-list {
  position: absolute;
  left: 0;
  right: auto;
  top: 100%;
  width: 220px;
  min-width: 0;
  max-width: none;
  padding-top: 10px;
  background-color: transparent;
  z-index: 950;
}

.header-dropdown.is-narrow .narrow-dropdown-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background-color: #fff;
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 12px 40px rgba(7, 39, 31, 0.12), 0 2px 6px rgba(7, 39, 31, 0.06);
}

.header-dropdown.is-narrow .narrow-dropdown-item {
  display: block;
  padding: 10px 14px;
  border-radius: 10px;
  color: #07271F;
  font-family: 'Inter Tight', sans-serif;
  font-size: 15px;
  line-height: 1.4;
  text-decoration: none;
  transition: background-color 160ms ease;
}

.header-dropdown.is-narrow .narrow-dropdown-item:hover {
  background-color: rgba(7, 39, 31, 0.06);
  color: #07271F;
}

@media screen and (max-width: 991px) {
  .header-dropdown.is-narrow .dropdown-list {
    position: relative;
    width: 100%;
    top: 0;
    padding-top: 0;
  }

  .header-dropdown.is-narrow .narrow-dropdown-inner {
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
  }
}

/* Impact bottom placeholder: images/impact/impact-bottom-placeholder.png */
.impact-shape-bottom--placeholder {
  position: static;
  width: 100%;
  height: auto;
  margin-top: 24px;
  background: #f2f4f1;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 16 / 6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.impact-shape-bottom--placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Hero slider */
.hero-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--colors--color-forest-green);
}

.hero-slider-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.45s ease;
  will-change: transform;
}

.hero-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.hero-slide .hero-image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-video-iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 177.78vh;
  min-height: 56.25vw;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
}

.hero-slider-indicator {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 3;
}

.hero-slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.hero-slider-dot:hover {
  background: rgba(255, 255, 255, 0.6);
}

.hero-slider-dot.is-active {
  background: #fff;
  transform: scale(1.15);
}

.hero-slider-counter {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(7, 39, 31, 0.55);
  color: #fff;
  font-family: 'Inter Tight', sans-serif;
  font-size: 13px;
  letter-spacing: 0.4px;
  font-variant-numeric: tabular-nums;
}

.hero-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.85);
  color: #07271F;
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  transition: background-color 0.2s ease;
}

.hero-slider-arrow:hover {
  background: #fff;
}

.hero-slider-arrow--prev { left: 12px; }
.hero-slider-arrow--next { right: 12px; }

@media screen and (max-width: 991px) {
  .hero-slider-arrow { display: none; }
  .hero-slider { height: 360px; }
  .hero-slide .hero-image-cover { height: 360px; }
  .hero-video-iframe { position: relative; top: 0; left: 0; transform: none; width: 100%; height: 360px; min-width: 100%; min-height: 360px; }
}

@media screen and (max-width: 767px) {
  .hero-slider { height: 280px; }
  .hero-slide .hero-image-cover { height: 280px; }
  .hero-video-iframe { height: 280px; min-height: 280px; }
}

/* ---------- Thumbnail gallery + Lightbox ---------- */
.cekud-thumb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
  margin: 24px 0;
}
.cekud-thumb-grid a {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px;
  background: #eef2ef;
  cursor: zoom-in;
  transition: transform .2s ease, box-shadow .2s ease;
}
.cekud-thumb-grid a:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(7,39,31,0.15); }
.cekud-thumb-grid a img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

.cekud-hero-image {
  display: block;
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 18px;
  margin-bottom: 28px;
  background: #eef2ef;
}
@media (max-width: 767px) {
  .cekud-hero-image { height: 220px; }
}

.cekud-lightbox {
  position: fixed; inset: 0;
  background: rgba(7, 22, 18, 0.94);
  display: none;
  z-index: 9999;
  align-items: center; justify-content: center;
  padding: 48px 24px;
}
.cekud-lightbox.is-open { display: flex; }
.cekud-lb-figure {
  margin: 0;
  max-width: 100%;
  max-height: 100%;
  display: flex; flex-direction: column;
  align-items: center; gap: 12px;
}
.cekud-lb-img {
  max-width: min(1200px, 100%);
  max-height: calc(100vh - 140px);
  object-fit: contain;
  border-radius: 10px;
  background: #000;
}
.cekud-lb-caption {
  color: #e4eee8;
  font-size: 14px;
  text-align: center;
  max-width: 720px;
}
.cekud-lb-close, .cekud-lb-prev, .cekud-lb-next {
  position: absolute;
  background: rgba(255,255,255,0.12);
  color: #fff;
  border: 0;
  border-radius: 50%;
  width: 44px; height: 44px;
  font-size: 22px; line-height: 1;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .15s ease;
}
.cekud-lb-close:hover, .cekud-lb-prev:hover, .cekud-lb-next:hover { background: rgba(255,255,255,0.25); }
.cekud-lb-close { top: 18px; right: 18px; font-size: 28px; }
.cekud-lb-prev { left: 18px; top: 50%; transform: translateY(-50%); font-size: 30px; }
.cekud-lb-next { right: 18px; top: 50%; transform: translateY(-50%); font-size: 30px; }
.cekud-lb-counter {
  position: absolute;
  bottom: 18px; left: 50%; transform: translateX(-50%);
  color: #e4eee8;
  font-size: 13px;
  background: rgba(255,255,255,0.08);
  padding: 4px 12px;
  border-radius: 999px;
}

/* Article meta bar (tag + date) */
.cekud-article-meta {
  display: flex; align-items: center; gap: 12px; margin-bottom: 24px;
  flex-wrap: wrap;
}
.cekud-article-meta time { font-size: 14px; color: #5a7a6a; }

/* ---------- Article body typography ---------- */
.cekud-article-body {
  font-size: 17px;
  line-height: 1.78;
  color: #2a3e35;
  font-feature-settings: "kern", "liga", "ss01";
  hanging-punctuation: first last;
}
.cekud-article-body > * + * { margin-top: 1.1em; }
.cekud-article-body p { margin: 0; }
.cekud-article-body p + p { margin-top: 1.1em; }

.cekud-article-body h2,
.cekud-article-body h3,
.cekud-article-body h4 {
  color: #07271F;
  font-family: "Fraunces", Georgia, serif;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin: 2.2em 0 0.6em;
  font-weight: 600;
}
.cekud-article-body h2 { font-size: 28px; }
.cekud-article-body h3 { font-size: 22px; }
.cekud-article-body h4 { font-size: 18px; text-transform: none; letter-spacing: 0; }
.cekud-article-body h2:first-child,
.cekud-article-body h3:first-child,
.cekud-article-body h4:first-child { margin-top: 0; }

.cekud-article-body h2::after,
.cekud-article-body h3::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 10px;
  background: linear-gradient(90deg, #2f7a4f, #9ad08a);
  border-radius: 3px;
}

.cekud-article-body ul,
.cekud-article-body ol {
  margin: 0;
  padding-left: 1.4em;
}
.cekud-article-body ul { list-style: none; padding-left: 0; }
.cekud-article-body ul > li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}
.cekud-article-body ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2f7a4f;
  box-shadow: 0 0 0 3px rgba(47, 122, 79, 0.15);
}
.cekud-article-body ol > li { margin-bottom: 0.5em; }
.cekud-article-body li > p { margin: 0; display: inline; }
.cekud-article-body li > p + p { display: block; margin-top: 0.4em; }

.cekud-article-body a {
  color: #1f6a44;
  text-decoration: none;
  border-bottom: 1px solid rgba(47, 122, 79, 0.35);
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.cekud-article-body a:hover {
  color: #0c4a2b;
  border-bottom-color: #0c4a2b;
}

.cekud-article-body strong { color: #07271F; font-weight: 600; }
.cekud-article-body em { color: #3d5a4b; }

.cekud-article-body blockquote {
  margin: 1.6em 0;
  padding: 18px 24px;
  border-left: 4px solid #2f7a4f;
  background: #f4f9f3;
  border-radius: 0 10px 10px 0;
  font-size: 18px;
  color: #25392f;
  font-style: italic;
  quotes: "“" "”" "‘" "’";
}
.cekud-article-body blockquote p { margin: 0; }
.cekud-article-body blockquote p + p { margin-top: 0.6em; }
.cekud-article-body blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-style: normal;
  color: #5a7a6a;
}

.cekud-article-body hr {
  border: 0;
  height: 1px;
  margin: 2.2em 0;
  background: linear-gradient(90deg, transparent, rgba(7,39,31,0.18), transparent);
}

.cekud-article-body figure {
  margin: 1.6em 0;
}
.cekud-article-body figure img {
  width: 100%;
  border-radius: 12px;
  display: block;
}
.cekud-article-body figcaption {
  margin-top: 10px;
  font-size: 14px;
  color: #5a7a6a;
  text-align: center;
  font-style: italic;
}

.cekud-article-body .cekud-lead {
  font-size: 19px;
  line-height: 1.7;
  color: #1f3a2e;
  font-weight: 500;
  padding-left: 16px;
  border-left: 3px solid #9ad08a;
}

.cekud-article-body a.cekud-inline-cta,
.cekud-article-body .cekud-inline-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #07271F;
  color: #ffffff;
  border-radius: 999px;
  border-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s ease, transform .15s ease;
}
.cekud-article-body a.cekud-inline-cta::before {
  content: "↗";
  font-size: 13px;
  opacity: 0.85;
}
.cekud-article-body a.cekud-inline-cta:hover {
  background: #0c4a2b;
  color: #ffffff;
  transform: translateY(-1px);
}

.cekud-article-body .cekud-signature {
  padding: 20px 24px;
  background: #f6faf4;
  border-radius: 12px;
  border-left: 4px solid #07271F;
  margin-top: 32px;
}
.cekud-article-body .cekud-signature p { margin: 0; }
.cekud-article-body .cekud-signature p:first-child {
  font-weight: 600;
  color: #07271F;
}
.cekud-article-body .cekud-signature p + p {
  margin-top: 4px;
  font-style: italic;
  color: #5a7a6a;
}

.cekud-article-body .cekud-chip-list {
  list-style: none;
  padding: 0;
  margin: 1.2em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cekud-article-body .cekud-chip-list > li {
  display: inline-block;
  padding: 6px 14px;
  background: #f4f9f3;
  color: #1f3a2e;
  border: 1px solid rgba(47, 122, 79, 0.2);
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
.cekud-article-body .cekud-chip-list > li::before { content: none; }
.cekud-article-body .cekud-chip-list > li { padding-left: 14px; }

.cekud-article-body .cekud-kv-list {
  list-style: none;
  padding: 0;
  margin: 1.2em 0;
  display: grid;
  gap: 10px;
}
.cekud-article-body .cekud-kv-list > li {
  padding: 14px 18px;
  background: #fafcf8;
  border: 1px solid rgba(7, 39, 31, 0.08);
  border-left: 3px solid #2f7a4f;
  border-radius: 0 10px 10px 0;
  margin: 0;
}
.cekud-article-body .cekud-kv-list > li::before { content: none; }
.cekud-article-body .cekud-kv-list > li { padding-left: 18px; }
.cekud-article-body .cekud-kv-list > li > strong:first-child {
  display: inline-block;
  margin-right: 6px;
  color: #07271F;
}

.cekud-article-body p strong {
  background: linear-gradient(180deg, transparent 62%, rgba(154, 208, 138, 0.35) 62%);
  padding: 0 2px;
}
.cekud-article-body li strong,
.cekud-article-body h2 strong,
.cekud-article-body h3 strong,
.cekud-article-body h4 strong,
.cekud-article-body blockquote strong { background: none; padding: 0; }

@media (max-width: 767px) {
  .cekud-article-body { font-size: 16px; line-height: 1.72; }
  .cekud-article-body h2 { font-size: 24px; }
  .cekud-article-body h3 { font-size: 20px; }
  .cekud-article-body blockquote { padding: 14px 18px; font-size: 17px; }
  .cekud-article-body .cekud-chip-list > li { font-size: 13px; padding: 5px 12px; }
}

.section-home-hero.hero-full {
  position: relative;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
  padding: 0;
  max-height: none;
}
.hero-full-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 0;
}
.hero-full-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11, 78, 61, 0.72) 0%, rgba(11, 78, 61, 0.45) 45%, rgba(11, 78, 61, 0) 75%);
  z-index: 1;
}
.hero-full-inner {
  position: relative;
  z-index: 2;
  min-height: 560px;
  padding-top: 180px;
  padding-bottom: 96px;
  display: flex;
  align-items: center;
}
.hero-content-block--over {
  max-width: 620px;
  color: var(--colors--color-white);
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hero-content-block--over .hero-title { color: var(--colors--color-white); }
.hero-content-block--over .section-text { color: rgba(255, 255, 255, 0.92); }

@media (max-width: 991px) {
  .section-home-hero.hero-full { min-height: 460px; }
  .hero-full-inner { min-height: 460px; padding-top: 150px; padding-bottom: 72px; }
}
@media (max-width: 767px) {
  .section-home-hero.hero-full { min-height: 420px; }
  .hero-full-image { object-position: 70% center; }
  .hero-full-overlay { background: linear-gradient(180deg, rgba(11, 78, 61, 0.72) 0%, rgba(11, 78, 61, 0.55) 100%); }
  .hero-full-inner { min-height: 420px; padding-top: 140px; padding-bottom: 56px; }
  .hero-content-block--over { max-width: 100%; }
}

/* ===== Anasayfa hero slider (ölçüler korunur: aktif slide akışta, diğerleri absolute) ===== */
.hero-slider { position: relative; width: 100%; }
.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .8s ease;
  z-index: 0;
}
.hero-slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.hero-slider-nav { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.hero-slider-arrow {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease;
}
.hero-slider-arrow:hover { background: rgba(255, 255, 255, 0.34); }
.hero-slider-prev { left: 24px; }
.hero-slider-next { right: 24px; }
.hero-slider-dots {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  gap: 10px;
}
.hero-slider-dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}
.hero-slider-dot.is-active { background: #fff; transform: scale(1.2); }
@media (max-width: 767px) {
  .hero-slider-arrow { width: 38px; height: 38px; font-size: 22px; }
  .hero-slider-prev { left: 12px; }
  .hero-slider-next { right: 12px; }
}

/* Footer sosyal medya ikonları — hover'da açık yeşil arkaplan */
.footer-social a:hover { background: #D1F57C !important; color: #07271F !important; }

/* Footer Instagram akışı (rightmost sütun) */
.footer-ig{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;max-width:210px;}
.footer-ig a{aspect-ratio:1;min-height:54px;border-radius:8px;overflow:hidden;display:block;background:rgba(255,255,255,.06);}
.footer-ig img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .25s ease,opacity .2s ease;}
.footer-ig a:hover img{transform:scale(1.06);opacity:1;}
.footer-ig-follow{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:#D1F57C;text-decoration:none;}
.footer-ig-follow:hover{text-decoration:underline;}

/* Anasayfa Karbonmetre CTA — iki sütun (metin solda, görsel sağda) */
.km-cta-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;}
.km-cta-text .section-title{margin-bottom:14px;}
.km-cta-text .section-text{max-width:480px;}
.km-cta-visual{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 60px rgba(0,0,0,.25);}
.km-cta-visual img{width:100%;height:100%;object-fit:cover;}
.km-cta-badge{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:7px;background:rgba(7,39,31,.82);color:#fff;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;}
.km-cta-badge span{color:#D1F57C;font-size:18px;line-height:1;}
@media(max-width:767px){.km-cta-grid{grid-template-columns:1fr;gap:28px;}.km-cta-visual{aspect-ratio:16/10;}}

/* İletişim formu: mobilde iki sütunlu satırları tek sütuna indir */
@media (max-width: 600px) {
  .cekud-form-row { grid-template-columns: 1fr !important; }
}

/* Mobil header: Gönüllü Ol hamburger menüde; Fidan Bağışla header'da kompakt + hızlı erişilir */
.nav-mobile-only { display: none; }
@media screen and (max-width: 767px) {
  .nav-mobile-only { display: block; }
  .header-fidan { padding: 11px 20px !important; margin-right: 10px; }
  .header-fidan .button-icon-wrapper { display: none; }
}

/* === Mobil/UX düzeltmeleri === */

/* 1) Anasayfa etkinlik kartları: tıklanabilir hover hareketi */
.program-link-wrapper { cursor: pointer; transition: transform .3s ease, box-shadow .3s ease; }
.program-inner-image img { transition: transform .5s ease; }
@media (hover: hover) {
  .program-link-wrapper:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(7,39,31,.14); }
  .program-link-wrapper:hover .program-inner-image img { transform: scale(1.06); }
}

/* 3) Fidan Bağışı başlığı: mobilde iki satır (Bir Fidan Dik / Geleceğe Nefes Ol) */
@media screen and (max-width: 767px) {
  .fidan-sep { display: none; }
  .fidan-l2 { display: block; }
}

/* 4) İletişim sayfası: mobilde tek sütun (form alta iner, taşma yok) */
@media screen and (max-width: 767px) {
  .cekud-iletisim-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
}

/* 2) Mobil footer: Kurumsal/Etkinlikler sıkışık olmasın — aralık + kenar boşluğu */
@media screen and (max-width: 767px) {
  .footer-widgets-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 36px;
  }
  .footers-widget-about { grid-column: 1 / -1; }
  .footer-widgets-list > .footer-widget-nav:last-child { grid-column: 1 / -1; }
  .footer-seperator { display: none; }
  .footer-widget-nav { padding: 0; }
}

/* Mobil hamburger: Gönüllü Ol belirgin lime CTA buton (beyaz menüde öne çıksın) */
@media screen and (max-width: 767px) {
  .nav-mobile-only { margin-top: 6px; }
  .nav-mobile-only .header-nav-link {
    background: #D1F57C;
    border-radius: 999px;
    padding: 13px 26px;
    height: auto;
    width: 100%;
    justify-content: center;
  }
  .nav-mobile-only .nav-wrapper { justify-content: center; }
  .nav-mobile-only .button-text,
  .nav-mobile-only .button-text-hover { color: #07271F; font-weight: 700; }
}

/* Tüzüğümüz: sticky madde indexi + okunabilir içerik */
.tuzuk-layout { display: grid; grid-template-columns: 264px 1fr; gap: 48px; max-width: 1180px; margin: 28px auto 0; align-items: start; }
.tuzuk-toc { position: sticky; top: 100px; align-self: start; border: 1px solid rgba(7,39,31,.1); border-radius: 16px; padding: 16px 18px; background: #f6faf4; }
.tuzuk-toc-title { font-weight: 700; color: #07271F; font-size: 13px; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; list-style: none; margin-bottom: 8px; }
.tuzuk-toc-title::-webkit-details-marker { display: none; }
.tuzuk-toc nav { display: flex; flex-direction: column; gap: 1px; max-height: 70vh; overflow-y: auto; }
.tuzuk-toc a { font-size: 13px; color: #3f5148; text-decoration: none; padding: 7px 10px; border-radius: 8px; line-height: 1.3; transition: background .15s, color .15s; }
.tuzuk-toc a:hover { background: #e3efdd; color: #07271F; }
.tuzuk-content { min-width: 0; }
.tuzuk-content h3 { scroll-margin-top: 100px; border-top: 1px solid rgba(7,39,31,.08); padding-top: 26px; }
.tuzuk-content h3:first-of-type { border-top: none; padding-top: 0; }
@media (max-width: 900px) {
  .tuzuk-layout { grid-template-columns: 1fr; gap: 20px; }
  .tuzuk-toc { position: static; }
  .tuzuk-toc nav { max-height: none; }
}

/* Erişilebilirlik: içeriğe atla bağlantısı + klavye odak görünürlüğü */
.skip-to-content { position: absolute; left: -9999px; top: 0; z-index: 1000; background: #07271F; color: #fff; padding: 10px 16px; border-radius: 0 0 10px 0; font-size: 14px; font-weight: 600; text-decoration: none; }
.skip-to-content:focus { left: 0; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 2px solid #07271F; outline-offset: 2px; border-radius: 2px; }