.elementor-554 .elementor-element.elementor-element-425c02d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:030px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-73b4ac7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-73b4ac7:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-73b4ac7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-background );}.elementor-554 .elementor-element.elementor-element-ecf7b45{padding:0px 0px 0px 0px;}.elementor-554 .elementor-element.elementor-element-2400cd9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-2400cd9:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-2400cd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-554 .elementor-element.elementor-element-01c4261{padding:0px 0px 0px 0px;}.elementor-554 .elementor-element.elementor-element-c66f603{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-c66f603:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-c66f603 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afd4349 );}.elementor-554 .elementor-element.elementor-element-0979b8e{width:var( --container-widget-width, 1200px );max-width:1200px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-554 .elementor-element.elementor-element-8622eda.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-554 .elementor-element.elementor-element-8622eda{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-554 .elementor-element.elementor-element-8622eda .elementor-main-swiper{height:350px;}.elementor-554 .elementor-element.elementor-element-8622eda .elementor-swiper-button{font-size:20px;}.elementor-554 .elementor-element.elementor-element-3e4e9c5{width:var( --container-widget-width, 1200px );max-width:1200px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-554 .elementor-element.elementor-element-5017d20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-5017d20:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-5017d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-background );}.elementor-554 .elementor-element.elementor-element-47af8bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-f331fec{--display:flex;}.elementor-554 .elementor-element.elementor-element-f331fec:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-f331fec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3E9DC;}.elementor-554 .elementor-element.elementor-element-5e7ed62{--display:flex;}.elementor-554 .elementor-element.elementor-element-5e7ed62:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-5e7ed62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.echojourneys.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-31-2026-12_14_44-PM.png");background-position:center center;background-size:cover;}.elementor-554 .elementor-element.elementor-element-390a8a3{--spacer-size:350px;}.elementor-554 .elementor-element.elementor-element-26a65e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-4f5302b{--display:flex;--min-height:250px;}.elementor-554 .elementor-element.elementor-element-4f5302b:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-4f5302b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.echojourneys.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-31-2026-12_23_47-PM.png");background-position:center center;background-size:cover;}.elementor-554 .elementor-element.elementor-element-1886ef6{--spacer-size:350px;}.elementor-554 .elementor-element.elementor-element-e5646a9{--display:flex;}.elementor-554 .elementor-element.elementor-element-e5646a9:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-e5646a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8EDE2;}.elementor-554 .elementor-element.elementor-element-f8b4058{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-da64c55{--display:flex;--min-height:250px;--overlay-opacity:0.5;}.elementor-554 .elementor-element.elementor-element-da64c55::before, .elementor-554 .elementor-element.elementor-element-da64c55 > .elementor-background-video-container::before, .elementor-554 .elementor-element.elementor-element-da64c55 > .e-con-inner > .elementor-background-video-container::before, .elementor-554 .elementor-element.elementor-element-da64c55 > .elementor-background-slideshow::before, .elementor-554 .elementor-element.elementor-element-da64c55 > .e-con-inner > .elementor-background-slideshow::before, .elementor-554 .elementor-element.elementor-element-da64c55 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#E4EAEC;--background-overlay:'';}.elementor-554 .elementor-element.elementor-element-79ebf77{--display:flex;}.elementor-554 .elementor-element.elementor-element-79ebf77:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-79ebf77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.echojourneys.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-31-2026-12_39_08-PM.png");background-position:center center;background-size:cover;}.elementor-554 .elementor-element.elementor-element-7a0565e{--spacer-size:350px;}@media(min-width:768px){.elementor-554 .elementor-element.elementor-element-425c02d2{--content-width:1200px;}.elementor-554 .elementor-element.elementor-element-73b4ac7{--content-width:1200px;}.elementor-554 .elementor-element.elementor-element-2400cd9{--content-width:1200px;}.elementor-554 .elementor-element.elementor-element-c66f603{--content-width:1200px;}.elementor-554 .elementor-element.elementor-element-5017d20{--content-width:1200px;}}@media(max-width:1024px){.elementor-554 .elementor-element.elementor-element-425c02d2{--padding-top:64px;--padding-bottom:64px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-73b4ac7{--padding-top:64px;--padding-bottom:64px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-2400cd9{--padding-top:64px;--padding-bottom:64px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-c66f603{--padding-top:64px;--padding-bottom:64px;--padding-left:10px;--padding-right:10px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-554 .elementor-element.elementor-element-8622eda.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-554 .elementor-element.elementor-element-5017d20{--padding-top:64px;--padding-bottom:64px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-554 .elementor-element.elementor-element-425c02d2{--padding-top:48px;--padding-bottom:48px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-02eb758{padding:10px 10px 10px 10px;}.elementor-554 .elementor-element.elementor-element-73b4ac7{--padding-top:48px;--padding-bottom:48px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-ecf7b45{padding:10px 10px 10px 10px;}.elementor-554 .elementor-element.elementor-element-2400cd9{--padding-top:48px;--padding-bottom:48px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-01c4261{padding:10px 10px 10px 10px;}.elementor-554 .elementor-element.elementor-element-c66f603{--padding-top:48px;--padding-bottom:48px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-0979b8e{padding:10px 10px 10px 10px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-554 .elementor-element.elementor-element-8622eda.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-554 .elementor-element.elementor-element-3e4e9c5{padding:10px 10px 10px 10px;}.elementor-554 .elementor-element.elementor-element-5017d20{--padding-top:48px;--padding-bottom:48px;--padding-left:10px;--padding-right:10px;}.elementor-554 .elementor-element.elementor-element-47af8bd{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-554 .elementor-element.elementor-element-390a8a3{--spacer-size:200px;}.elementor-554 .elementor-element.elementor-element-26a65e2{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-554 .elementor-element.elementor-element-1886ef6{--spacer-size:200px;}.elementor-554 .elementor-element.elementor-element-e5646a9{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-554 .elementor-element.elementor-element-f8b4058{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-554 .elementor-element.elementor-element-7a0565e{--spacer-size:200px;}}/* Start custom CSS for html, class: .elementor-element-02eb758 *//* =========================================================
   LEARNING APPROACH INTRODUCTION
   Elementor-safe and background-transparent
   ========================================================= */

.echo-approach-intro,
.echo-approach-intro * {
  box-sizing: border-box;
}

.echo-approach-intro {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.echo-approach-intro__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 88px 0 80px;

  display: grid;
  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(380px, 0.88fr);
  gap: 88px;
  align-items: start;
}

/* =========================================================
   INTRODUCTION COPY
   ========================================================= */

.echo-approach-intro__content {
  width: 100%;
  max-width: 650px;
}

.echo-approach-intro__eyebrow {
  margin: 0 0 18px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  color: #e8602c !important;
}

.echo-approach-intro__title {
  max-width: 620px;
  margin: 0 0 28px !important;

  font-family: "Playfair Display", serif !important;
  font-size: 64px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.06 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;

  color: #0d4d4a !important;
}

.echo-approach-intro__body {
  max-width: 570px;
}

.echo-approach-intro__body p {
  margin: 0 0 16px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;

  color: #2e2e2e !important;
}

.echo-approach-intro__body p:last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
   PAGE NAVIGATION
   ========================================================= */

.echo-approach-nav {
  width: 100%;
  padding-top: 10px;
}

.echo-approach-nav__label {
  margin: 0 0 14px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;

  color: #0d4d4a !important;
}

.echo-approach-nav__list {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
  border-top: 1px solid rgba(13, 77, 74, 0.18);
}

.echo-approach-nav__item {
  margin: 0 !important;
  padding: 0 !important;

  border-bottom: 1px solid rgba(13, 77, 74, 0.18);
}

.echo-approach-nav__item a {
  min-height: 58px;
  padding: 15px 2px;

  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 24px;
  gap: 12px;
  align-items: center;

  color: #0d4d4a !important;
  text-decoration: none !important;

  transition:
    color 180ms ease,
    padding 180ms ease,
    background-color 180ms ease;
}

.echo-approach-nav__number {
  font-family: "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;

  color: #e8602c !important;
}

.echo-approach-nav__text {
  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  color: inherit !important;
}

.echo-approach-nav__arrow {
  justify-self: end;

  font-family: "DM Sans", sans-serif !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  color: #0d4d4a !important;

  transition: transform 180ms ease;
}

.echo-approach-nav__item a:hover,
.echo-approach-nav__item a:focus-visible {
  padding-left: 10px;
  padding-right: 10px;

  background-color: rgba(13, 77, 74, 0.045);
  color: #e8602c !important;
  outline: none;
}

.echo-approach-nav__item a:hover
.echo-approach-nav__arrow,
.echo-approach-nav__item a:focus-visible
.echo-approach-nav__arrow {
  transform: translateX(4px);
  color: #e8602c !important;
}

/* =========================================================
   ANCHOR OFFSET
   Prevents sections from sitting beneath a sticky header
   ========================================================= */

#how-learning-happens,
#core-beliefs,
#learning-methods,
#learning-themes {
  scroll-margin-top: 110px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {
  .echo-approach-intro__inner {
    padding: 80px 0 72px;

    grid-template-columns: 1fr;
    gap: 52px;
  }

  .echo-approach-intro__content {
    max-width: 720px;
  }

  .echo-approach-intro__title {
    max-width: 680px;
    font-size: 56px !important;
  }

  .echo-approach-nav {
    max-width: none;
    padding-top: 0;
  }

  .echo-approach-nav__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 36px;
  }

  .echo-approach-nav__item:nth-child(2) {
    border-top: 1px solid rgba(13, 77, 74, 0.18);
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {
  .echo-approach-intro__inner {
    padding: 64px 0 56px;
    gap: 40px;
  }

  .echo-approach-intro__eyebrow {
    margin-bottom: 14px !important;
    font-size: 16px !important;
  }

  .echo-approach-intro__title {
    margin-bottom: 22px !important;

    font-size: 42px !important;
    line-height: 1.08 !important;
  }

  .echo-approach-intro__body p {
    margin-bottom: 14px !important;

    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  .echo-approach-nav__label {
    margin-bottom: 12px !important;
  }

  .echo-approach-nav__list {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .echo-approach-nav__item:nth-child(2) {
    border-top: 0;
  }

  .echo-approach-nav__item a {
    min-height: 56px;
    padding: 14px 2px;

    grid-template-columns: 32px minmax(0, 1fr) 22px;
    gap: 10px;
  }

  .echo-approach-nav__text {
    font-size: 15px !important;
  }

  #how-learning-happens,
  #core-beliefs,
  #learning-methods,
  #learning-themes {
    scroll-margin-top: 80px;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .echo-approach-nav__item a,
  .echo-approach-nav__arrow {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-425c02d2 */.elementor-554 .elementor-element.elementor-element-425c02d2 {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  width: 100%;
  background-color: #f3eee3;
}

/* Soft atmospheric backdrop */
.elementor-554 .elementor-element.elementor-element-425c02d2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  pointer-events: none;

  background:
    radial-gradient(
      ellipse at 8% 18%,
      rgba(13, 77, 74, 0.09) 0%,
      rgba(13, 77, 74, 0.035) 25%,
      transparent 52%
    ),
    radial-gradient(
      ellipse at 92% 10%,
      rgba(232, 96, 44, 0.075) 0%,
      rgba(232, 96, 44, 0.02) 24%,
      transparent 48%
    ),
    radial-gradient(
      ellipse at 72% 92%,
      rgba(13, 77, 74, 0.045) 0%,
      transparent 44%
    ),
    linear-gradient(
      115deg,
      rgba(255, 255, 255, 0.48) 0%,
      rgba(255, 255, 255, 0.12) 50%,
      transparent 100%
    );
}

/* Large offset echo-inspired arcs */
.elementor-554 .elementor-element.elementor-element-425c02d2::after {
  content: "";
  position: absolute;
  top: 48%;
  right: -340px;
  z-index: 0;

  width: 820px;
  height: 720px;

  transform: translateY(-50%) rotate(-16deg);
  border-radius: 50%;

  pointer-events: none;
  opacity: 0.48;

  background:
    radial-gradient(
      ellipse at center,
      transparent 40%,
      rgba(13, 77, 74, 0.08) 40.4%,
      rgba(13, 77, 74, 0.08) 41%,
      transparent 41.5%
    ),
    radial-gradient(
      ellipse at center,
      transparent 54%,
      rgba(13, 77, 74, 0.065) 54.4%,
      rgba(13, 77, 74, 0.065) 55%,
      transparent 55.5%
    ),
    radial-gradient(
      ellipse at center,
      transparent 68%,
      rgba(13, 77, 74, 0.045) 68.4%,
      rgba(13, 77, 74, 0.045) 69%,
      transparent 69.5%
    ),
    radial-gradient(
      ellipse at center,
      transparent 81%,
      rgba(232, 96, 44, 0.035) 81.4%,
      rgba(232, 96, 44, 0.035) 82%,
      transparent 82.5%
    );
}

/* Keep Elementor content above the backdrop */
.elementor-554 .elementor-element.elementor-element-425c02d2 > * {
  position: relative;
  z-index: 1;
}

/* Tablet */
@media screen and (max-width: 1024px) {
  .elementor-554 .elementor-element.elementor-element-425c02d2::after {
    right: -360px;

    width: 720px;
    height: 640px;

    opacity: 0.38;
  }
}

/* Mobile */
@media screen and (max-width: 767px) {
  .elementor-554 .elementor-element.elementor-element-425c02d2::before {
    background:
      radial-gradient(
        ellipse at 12% 8%,
        rgba(13, 77, 74, 0.07) 0%,
        transparent 46%
      ),
      radial-gradient(
        ellipse at 96% 20%,
        rgba(232, 96, 44, 0.055) 0%,
        transparent 42%
      ),
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.3) 0%,
        transparent 72%
      );
  }

  .elementor-554 .elementor-element.elementor-element-425c02d2::after {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecf7b45 *//* =========================================================
   HOW LEARNING HAPPENS AT ECHO
   Elementor-safe, transparent outer background
   ========================================================= */

.echo-learning-process,
.echo-learning-process * {
  box-sizing: border-box;
}

.echo-learning-process {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.echo-learning-process__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 64px;
  align-items: start;
}

/* =========================================================
   LEFT COLUMN
   ========================================================= */

.echo-learning-process__copy {
  width: 100%;
  max-width: 510px;
}

.echo-learning-process__eyebrow {
  margin: 0 0 16px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  color: #e8602c !important;
}

.echo-learning-process__title {
  margin: 0 0 24px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;

  color: #0d4d4a !important;
}

.echo-learning-process__body {
  max-width: 500px;
}

.echo-learning-process__body p {
  margin: 0 0 18px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;

  color: #2e2e2e !important;
}

.echo-learning-process__body p:last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
   RIGHT PANEL
   ========================================================= */

.echo-learning-process__movement {
  width: 100%;
  margin: 0;
  padding: 28px;

  border: 1px solid rgba(13, 77, 74, 0.14);
  border-radius: 22px;

  background-color: #f6f2ea;
}

.echo-learning-process__movement-label {
  margin: 0 0 20px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  color: #0d4d4a !important;
}

.echo-learning-process__steps {
  display: grid;
  gap: 10px;
}

/* =========================================================
   INDIVIDUAL STEPS
   ========================================================= */

.echo-learning-process__step {
  width: 100%;
  padding: 16px;

  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  align-items: start;

  border: 1px solid rgba(13, 77, 74, 0.08);
  border-radius: 14px;

  background-color: rgba(255, 255, 255, 0.82);
}

.echo-learning-process__number {
  width: 38px;
  height: 38px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  font-family: "DM Sans", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  color: #ffffff !important;
  background-color: #0d4d4a;
}

.echo-learning-process__step:nth-child(2)
.echo-learning-process__number {
  background-color: #4d7887;
}

.echo-learning-process__step:nth-child(3)
.echo-learning-process__number {
  background-color: #e8602c;
}

.echo-learning-process__step:nth-child(4)
.echo-learning-process__number {
  background-color: #76885b;
}

.echo-learning-process__step-copy {
  min-width: 0;
}

.echo-learning-process__step-title {
  margin: 0 0 5px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;

  color: #0d4d4a !important;
}

.echo-learning-process__step-text {
  margin: 0 !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.45 !important;

  color: #2e2e2e !important;
}

/* =========================================================
   PANEL NOTE
   ========================================================= */

.echo-learning-process__note {
  margin: 18px 0 0 !important;
  padding: 18px 0 0;

  border-top: 1px solid rgba(13, 77, 74, 0.14);

  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.55 !important;

  color: #666861 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {
  .echo-learning-process__inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .echo-learning-process__copy,
  .echo-learning-process__body {
    max-width: 720px;
  }

  .echo-learning-process__movement {
    max-width: 760px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {
  .echo-learning-process__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .echo-learning-process__copy,
  .echo-learning-process__body {
    max-width: none;
  }

  .echo-learning-process__eyebrow {
    margin-bottom: 12px !important;
    font-size: 16px !important;
  }

  .echo-learning-process__title {
    margin-bottom: 20px !important;

    font-size: 32px !important;
    line-height: 1.18 !important;
  }

  .echo-learning-process__body p {
    margin-bottom: 16px !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .echo-learning-process__movement {
    max-width: none;
    padding: 20px;

    border-radius: 18px;
  }

  .echo-learning-process__movement-label {
    margin-bottom: 16px !important;
    font-size: 12px !important;
  }

  .echo-learning-process__step {
    padding: 14px;

    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
  }

  .echo-learning-process__number {
    width: 36px;
    height: 36px;

    font-size: 10px !important;
  }

  .echo-learning-process__step-title {
    font-size: 20px !important;
    line-height: 1.28 !important;
  }

  .echo-learning-process__step-text {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .echo-learning-process__note {
    margin-top: 16px !important;
    padding-top: 16px;

    font-size: 12px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01c4261 *//* =========================================================
   OUR CORE BELIEFS
   Transparent background for use inside an Elementor section
   Set the Elementor parent background to #0D4D4A
   ========================================================= */

.echo-core-beliefs,
.echo-core-beliefs * {
  box-sizing: border-box;
}

.echo-core-beliefs {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.echo-core-beliefs__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.echo-core-beliefs__header {
  max-width: 760px;
  margin: 0 0 52px;
}

.echo-core-beliefs__eyebrow {
  margin: 0 0 16px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  color: #f19a70 !important;
}

.echo-core-beliefs__title {
  margin: 0 0 22px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;

  color: #fffaf2 !important;
}

.echo-core-beliefs__intro {
  max-width: 680px;
  margin: 0 !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;

  color: rgba(255, 250, 242, 0.84) !important;
}

/* =========================================================
   BELIEF GRID
   ========================================================= */

.echo-core-beliefs__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 72px;
  row-gap: 0;

  border-top: 1px solid rgba(255, 250, 242, 0.2);
}

.echo-core-belief {
  position: relative;
  padding: 34px 0 36px 20px;

  border-bottom: 1px solid rgba(255, 250, 242, 0.2);
}

.echo-core-belief::before {
  content: "";
  position: absolute;
  top: 39px;
  left: 0;

  width: 3px;
  height: 24px;

  border-radius: 999px;
  background-color: #e8602c;
}

/* =========================================================
   BELIEF TYPOGRAPHY
   ========================================================= */

.echo-core-belief__title {
  max-width: 500px;
  margin: 0 0 14px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;

  color: #fffaf2 !important;
}

.echo-core-belief__text {
  max-width: 510px;
  margin: 0 !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.55 !important;

  color: rgba(255, 250, 242, 0.84) !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {
  .echo-core-beliefs__header {
    max-width: 720px;
    margin-bottom: 46px;
  }

  .echo-core-beliefs__grid {
    column-gap: 42px;
  }

  .echo-core-belief {
    padding: 30px 0 32px 20px;
  }

  .echo-core-belief::before {
    top: 35px;
    height: 22px;
  }

  .echo-core-belief__title {
    font-size: 21px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {
  .echo-core-beliefs__header {
    margin-bottom: 36px;
  }

  .echo-core-beliefs__eyebrow {
    margin-bottom: 12px !important;
    font-size: 16px !important;
  }

  .echo-core-beliefs__title {
    margin-bottom: 18px !important;

    font-size: 32px !important;
    line-height: 1.18 !important;
  }

  .echo-core-beliefs__intro {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .echo-core-beliefs__grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .echo-core-belief {
    padding: 26px 0 28px 18px;
  }

  .echo-core-belief::before {
    top: 31px;
    width: 3px;
    height: 21px;
  }

  .echo-core-belief__title {
    margin-bottom: 11px !important;

    font-size: 21px !important;
    line-height: 1.28 !important;
  }

  .echo-core-belief__text {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0979b8e *//* =========================================================
   LEARNING METHODS — TOP BLOCK V2
   Use above the panoramic image
   Background should remain transparent
   Parent Elementor section can control outer padding
   ========================================================= */

.echo-learning-methods-top-v2,
.echo-learning-methods-top-v2 * {
  box-sizing: border-box;
}

.echo-learning-methods-top-v2 {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.echo-learning-methods-top-v2__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* Eyebrow */

.echo-learning-methods-top-v2__eyebrow {
  margin: 0 0 16px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  color: #e8602c !important;
}

/* Main title */

.echo-learning-methods-top-v2__title {
  max-width: 680px;
  margin: 0 0 22px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;

  color: #0d4d4a !important;
}

/* Intro */

.echo-learning-methods-top-v2__intro {
  max-width: 700px;
  margin: 0 !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;

  color: #2e2e2e !important;
}

/* Tablet */

@media screen and (max-width: 1024px) {
  .echo-learning-methods-top-v2__title {
    max-width: 640px;
    font-size: 40px !important;
  }

  .echo-learning-methods-top-v2__intro {
    max-width: 660px;
  }
}

/* Mobile */

@media screen and (max-width: 767px) {
  .echo-learning-methods-top-v2__eyebrow {
    margin-bottom: 12px !important;
    font-size: 16px !important;
  }

  .echo-learning-methods-top-v2__title {
    max-width: none;
    margin-bottom: 18px !important;

    font-size: 32px !important;
    line-height: 1.18 !important;
  }

  .echo-learning-methods-top-v2__intro {
    max-width: none;

    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e4e9c5 *//* =========================================================
   LEARNING METHODS — BOTTOM BLOCK V2
   Editorial two-column method list
   No central divider, cards or bordered callout
   ========================================================= */

.echo-learning-methods-bottom-v2,
.echo-learning-methods-bottom-v2 * {
  box-sizing: border-box;
}

.echo-learning-methods-bottom-v2 {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.echo-learning-methods-bottom-v2__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* =========================================================
   METHODS GRID
   ========================================================= */

.echo-methods-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 72px;
  row-gap: 0;
}

.echo-method-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 18px;
  align-items: start;

  min-width: 0;
  padding: 30px 0 32px;

  border-bottom: 1px solid rgba(13, 77, 74, 0.13);
}

.echo-method-item--full {
  grid-column: 1 / -1;
}

.echo-method-item--full .echo-method-item__text {
  max-width: 880px;
}

/* =========================================================
   ICONS
   ========================================================= */

.echo-method-item__icon {
  width: 42px;
  height: 42px;

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

  border-radius: 50%;
  background-color: rgba(13, 77, 74, 0.055);
}

.echo-method-item__icon svg {
  width: 22px;
  height: 22px;

  fill: none;
  stroke: #0d4d4a;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================================================
   METHOD COPY
   ========================================================= */

.echo-method-item__content {
  min-width: 0;
  padding-top: 1px;
}

.echo-method-item__title {
  margin: 0 0 8px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;

  color: #0d4d4a !important;
}

.echo-method-item__text {
  max-width: 470px;
  margin: 0 !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.55 !important;

  color: #2e2e2e !important;
}

/* =========================================================
   CLOSING LINE
   ========================================================= */

.echo-methods-closing {
  max-width: 820px;
  margin: 36px auto 0;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;

  text-align: center;
}

.echo-methods-closing__icon {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
}

.echo-methods-closing__icon svg {
  width: 100%;
  height: 100%;

  fill: none;
  stroke: #e8602c;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.echo-methods-closing__text {
  margin: 0 !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.55 !important;

  color: #395653 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {
  .echo-methods-grid {
    column-gap: 48px;
  }

  .echo-method-item {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;
    padding: 27px 0 29px;
  }

  .echo-method-item__icon {
    width: 40px;
    height: 40px;
  }

  .echo-method-item__icon svg {
    width: 21px;
    height: 21px;
  }

  .echo-method-item__title {
    font-size: 21px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {
  .echo-methods-grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .echo-method-item,
  .echo-method-item--full {
    grid-column: auto;
  }

  .echo-method-item {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    padding: 22px 0 24px;
  }

  .echo-method-item__icon {
    width: 36px;
    height: 36px;
  }

  .echo-method-item__icon svg {
    width: 19px;
    height: 19px;
  }

  .echo-method-item__title {
    margin-bottom: 7px !important;

    font-size: 20px !important;
    line-height: 1.28 !important;
  }

  .echo-method-item__text,
  .echo-method-item--full .echo-method-item__text {
    max-width: none;

    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .echo-methods-closing {
    max-width: none;
    margin-top: 30px;

    align-items: flex-start;
    justify-content: flex-start;

    text-align: left;
  }

  .echo-methods-closing__icon {
    margin-top: 1px;
  }

  .echo-methods-closing__text {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abdff8b *//* =========================================================
   LEARNING THEMES — TOP BLOCK
   Transparent background
   Parent Elementor container controls outer padding
   ========================================================= */

.echo-learning-themes-top,
.echo-learning-themes-top * {
  box-sizing: border-box;
}

.echo-learning-themes-top {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.echo-learning-themes-top__inner {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

/* Eyebrow */

.echo-learning-themes-top__eyebrow {
  margin: 0 0 16px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  color: #e8602c !important;
}

/* Small accent line below eyebrow */

.echo-learning-themes-top__eyebrow::after {
  content: "";
  display: block;

  width: 48px;
  height: 2px;
  margin: 14px auto 0;

  background-color: rgba(232, 96, 44, 0.6);
}

/* Main title */

.echo-learning-themes-top__title {
  max-width: 860px;
  margin: 0 auto 22px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;

  color: #0d4d4a !important;
}

/* Intro */

.echo-learning-themes-top__intro {
  max-width: 720px;
  margin: 0 auto !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;

  color: #2e2e2e !important;
}

/* Tablet */

@media screen and (max-width: 1024px) {
  .echo-learning-themes-top__inner {
    max-width: 860px;
  }

  .echo-learning-themes-top__title {
    max-width: 760px;
    font-size: 40px !important;
  }

  .echo-learning-themes-top__intro {
    max-width: 680px;
  }
}

/* Mobile */

@media screen and (max-width: 767px) {
  .echo-learning-themes-top__inner {
    max-width: none;
    text-align: center;
  }

  .echo-learning-themes-top__eyebrow {
    margin-bottom: 12px !important;
    font-size: 16px !important;
  }

  .echo-learning-themes-top__eyebrow::after {
    width: 40px;
    margin-top: 12px;
  }

  .echo-learning-themes-top__title {
    max-width: none;
    margin-bottom: 18px !important;

    font-size: 32px !important;
    line-height: 1.18 !important;
  }

  .echo-learning-themes-top__intro {
    max-width: none;

    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd6ee73 *//* =========================================================
   CULTURE & IDENTITY — COPY BLOCK
   Place inside the left Elementor child container
   Background and outer layout are controlled by Elementor
   ========================================================= */

.echo-theme-feature-copy,
.echo-theme-feature-copy * {
  box-sizing: border-box;
}

.echo-theme-feature-copy {
  width: 100%;
  min-height: 390px;
  padding: 54px 52px 50px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  background: transparent;
}

/* =========================================================
   THEME LABEL
   ========================================================= */

.echo-theme-feature-copy__label {
  margin: 0 0 18px !important;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;

  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  color: #b44d25 !important;
}

.echo-theme-feature-copy__number {
  color: #e8602c !important;
}

/* =========================================================
   TITLE
   ========================================================= */

.echo-theme-feature-copy__title {
  max-width: 500px;
  margin: 0 0 22px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.18 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;

  color: #0d4d4a !important;
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

.echo-theme-feature-copy__description {
  max-width: 500px;
  margin: 0 0 30px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.65 !important;

  color: #2e2e2e !important;
}

/* =========================================================
   FOCUS TAGS
   ========================================================= */

.echo-theme-feature-copy__tags {
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  list-style: none !important;
}

.echo-theme-feature-copy__tags li {
  margin: 0 !important;
  padding: 7px 14px;

  border: 1px solid rgba(180, 77, 37, 0.45);
  border-radius: 5px;

  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.3 !important;

  color: #9e4524 !important;
  background-color: rgba(255, 255, 255, 0.18);
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {
  .echo-theme-feature-copy {
    min-height: 360px;
    padding: 44px 38px;
  }

  .echo-theme-feature-copy__title {
    font-size: 28px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {
  .echo-theme-feature-copy {
    min-height: 0;
    padding: 30px 24px 32px;
  }

  .echo-theme-feature-copy__label {
    margin-bottom: 14px !important;
    font-size: 13px !important;
  }

  .echo-theme-feature-copy__title {
    max-width: none;
    margin-bottom: 18px !important;

    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  .echo-theme-feature-copy__description {
    max-width: none;
    margin-bottom: 24px !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .echo-theme-feature-copy__tags {
    gap: 8px;
  }

  .echo-theme-feature-copy__tags li {
    padding: 6px 11px;
    font-size: 12px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-938bc9d *//* =========================================================
   ECOSYSTEMS & SUSTAINABILITY — COMPACT COPY BLOCK
   Designed for the lower two-panel theme layout
   Elementor controls the outer card, background and image
   ========================================================= */

.echo-theme-compact-copy,
.echo-theme-compact-copy * {
  box-sizing: border-box;
}

.echo-theme-compact-copy {
  width: 100%;
  min-height: 340px;
  padding: 38px 34px 36px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  background: transparent;
}

/* =========================================================
   LABEL
   ========================================================= */

.echo-theme-compact-copy__label {
  margin: 0 0 16px !important;

  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;

  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.35 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;

  color: #556b3e !important;
}

.echo-theme-compact-copy__number {
  color: #738755 !important;
}

/* =========================================================
   TITLE
   ========================================================= */

.echo-theme-compact-copy__title {
  max-width: 430px;
  margin: 0 0 18px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 27px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -0.012em !important;
  text-transform: none !important;

  color: #0d4d4a !important;
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

.echo-theme-compact-copy__description {
  max-width: 440px;
  margin: 0 0 24px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;

  color: #2e2e2e !important;
}

/* =========================================================
   TAGS
   ========================================================= */

.echo-theme-compact-copy__tags {
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  list-style: none !important;
}

.echo-theme-compact-copy__tags li {
  margin: 0 !important;
  padding: 6px 11px;

  border: 1px solid rgba(85, 107, 62, 0.42);
  border-radius: 5px;

  font-family: "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.3 !important;

  color: #556b3e !important;
  background-color: rgba(255, 255, 255, 0.2);
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {
  .echo-theme-compact-copy {
    min-height: 320px;
    padding: 32px 28px;
  }

  .echo-theme-compact-copy__title {
    font-size: 24px !important;
  }

  .echo-theme-compact-copy__description {
    font-size: 14px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {
  .echo-theme-compact-copy {
    min-height: 0;
    padding: 28px 24px 30px;
  }

  .echo-theme-compact-copy__label {
    margin-bottom: 13px !important;
    font-size: 12px !important;
  }

  .echo-theme-compact-copy__title {
    max-width: none;
    margin-bottom: 16px !important;

    font-size: 25px !important;
    line-height: 1.22 !important;
  }

  .echo-theme-compact-copy__description {
    max-width: none;
    margin-bottom: 22px !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .echo-theme-compact-copy__tags {
    gap: 7px;
  }

  .echo-theme-compact-copy__tags li {
    padding: 6px 10px;
    font-size: 12px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa65138 *//* =========================================================
   OUTDOOR & RESILIENCE — COMPACT COPY BLOCK
   Elementor controls the outer card, background and image
   ========================================================= */

.echo-theme-compact-copy--outdoor {
  width: 100%;
  min-height: 340px;
  padding: 38px 34px 36px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  background: transparent;
}

/* Theme label */

.echo-theme-compact-copy--outdoor
.echo-theme-compact-copy__label {
  margin: 0 0 16px !important;

  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;

  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.35 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;

  color: #52707a !important;
}

.echo-theme-compact-copy--outdoor
.echo-theme-compact-copy__number {
  color: #6f8790 !important;
}

/* Title */

.echo-theme-compact-copy--outdoor
.echo-theme-compact-copy__title {
  max-width: 430px;
  margin: 0 0 18px !important;

  font-family: "Urbanist", sans-serif !important;
  font-size: 27px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -0.012em !important;
  text-transform: none !important;

  color: #0d4d4a !important;
}

/* Description */

.echo-theme-compact-copy--outdoor
.echo-theme-compact-copy__description {
  max-width: 440px;
  margin: 0 0 24px !important;

  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;

  color: #2e2e2e !important;
}

/* Tags */

.echo-theme-compact-copy--outdoor
.echo-theme-compact-copy__tags {
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  list-style: none !important;
}

.echo-theme-compact-copy--outdoor
.echo-theme-compact-copy__tags li {
  margin: 0 !important;
  padding: 6px 11px;

  border: 1px solid rgba(82, 112, 122, 0.42);
  border-radius: 5px;

  font-family: "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.3 !important;

  color: #52707a !important;
  background-color: rgba(255, 255, 255, 0.2);
}

/* Tablet */

@media screen and (max-width: 1024px) {
  .echo-theme-compact-copy--outdoor {
    min-height: 320px;
    padding: 32px 28px;
  }

  .echo-theme-compact-copy--outdoor
  .echo-theme-compact-copy__title {
    font-size: 24px !important;
  }

  .echo-theme-compact-copy--outdoor
  .echo-theme-compact-copy__description {
    font-size: 14px !important;
  }
}

/* Mobile */

@media screen and (max-width: 767px) {
  .echo-theme-compact-copy--outdoor {
    min-height: 0;
    padding: 28px 24px 30px;
  }

  .echo-theme-compact-copy--outdoor
  .echo-theme-compact-copy__label {
    margin-bottom: 13px !important;
    font-size: 12px !important;
  }

  .echo-theme-compact-copy--outdoor
  .echo-theme-compact-copy__title {
    max-width: none;
    margin-bottom: 16px !important;

    font-size: 25px !important;
    line-height: 1.22 !important;
  }

  .echo-theme-compact-copy--outdoor
  .echo-theme-compact-copy__description {
    max-width: none;
    margin-bottom: 22px !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .echo-theme-compact-copy--outdoor
  .echo-theme-compact-copy__tags {
    gap: 7px;
  }

  .echo-theme-compact-copy--outdoor
  .echo-theme-compact-copy__tags li {
    padding: 6px 10px;
    font-size: 12px !important;
  }
}/* End custom CSS */