,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  /* --primary-font: 'Montserrat', sans-serif; */
  /* --secondary-font: 'Open Sans'; */
  --primary-font: 'Open Sans';
  --green-primary: #1c7a41;
  --green-dark: #003a15;
  --green-light: #bef8d9;
}
#wpadminbar {
  z-index: 999999999999 !important;
}

html {
  font-size: 13px;
}

@media screen and (min-width: 768px) {

html {
    font-size: 14px
}
  }

@media screen and (min-width: 1000px) {

html {
    font-size: 15px
}
  }

@media screen and (min-width: 1400px) {

html {
    font-size: 16px
}
  }

body {
  padding-top: 93px;
  font-family: var(--primary-font) !important;
  overflow-x: hidden;
}

table {
  width: 100%;
  max-width: 100%;
}

/* Landing Page */
.about-white-bg-section {
  border-radius: 98px;
  background-color: #fff;
  padding: 20px;
  max-width: 1040px;
  margin: auto;
}
@media (min-width: 768px) {
.about-white-bg-section {
    padding: 60px 60px
}
  }
.about-white-bg-section__graphic {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }
.about-white-bg-section__heading {
    color: var(--green-primary);
    font-size: 25.6px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 18px;
  }
.about-white-bg-section__content {
    font-size: 14px;
    line-height: 18.65px;
  }

.landing-questions__heading {
    border: 2px solid #1c7a41;
    border-radius: 58px;
    padding: 50px 60px;
    color: var(--green-primary);
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    max-width: 525px;
  }

@media (min-width: 768px) {

.landing-questions__heading {
      font-size: 50px;
      line-height: 56px
  }
    }

.landing-questions__subheading {
    font-weight: 700;
    font-size: 27px;
    line-height: 31px;
    margin-left: 3.75rem;
  }

.landing-questions__subheading.-large {
      font-size: 27px;
      line-height: 31px;
    }

@media (min-width: 768px) {

.landing-questions__subheading {
      font-size: 38px;
      line-height: 40px
  }

      .landing-questions__subheading.-large {
        font-size: 83px;
        line-height: 85px;
      }
    }

.landing-questions__bg {
    background: transparent
      linear-gradient(
        180deg,
        #ffffff 0%,
        #f9fefb 16%,
        #eafcf3 35%,
        #d1fae4 56%,
        #bef8d9 69%,
        #b7f8ce 73%,
        #a7f9b2 80%,
        #8cfb84 88%,
        #67fe46 99%,
        #63ff3f 100%
      )
      0% 0% no-repeat padding-box;
  }

.landing-questions__bg .l-content-container {
      min-height: 513px;
      box-sizing: border-box;
      padding-top: 70px;
    }

.landing-questions__graphic {
    position: absolute;
    right: 0;
    bottom: 0;
  }

@media (max-width: 1100px) {

.landing-questions__graphic {
      width: 450px
  }
    }

@media (max-width: 900px) {

.landing-questions__graphic {
      width: 350px
  }
    }

@media (max-width: 700px) {

.landing-questions__graphic {
      width: auto;

      position: relative;
      right: auto;
      bottom: auto;
      left: 0;
      margin: auto
  }
    }

.landing-bottom {
  max-width: 780px;
  margin: 40px auto 32px;
  text-align: center;
  width: 90%;
}

.landing-bottom p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }

.landing-bottom p span {
      color: var(--green-primary);
      font-weight: 700;
      font-size: 28px;
      line-height: 20px;
    }

.landing-bottom h2 {
    color: var(--green-primary) !important;
    font-weight: 800 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    text-align: center !important;
    margin-bottom: 12px !important;
  }

.landing-bottom h3 {
    font-weight: 800 !important;
    font-size: 21px !important;
    line-height: 24px !important;
    text-align: center !important;
    margin-bottom: 12px !important;
  }

.landing-bottom__bottom-heading {
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
  }

.landing-bottom__bottom-subheading {
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 28px !important;
  }

.landing-footer {
  color: #fff;
  background: transparent
    linear-gradient(180deg, #1c7941 1%, #196838 54%, #15582f 100%) 0% 0%
    no-repeat padding-box;
}

.landing-footer__top {
    max-width: 860px;
    margin: auto;
    padding: 40px 0;
    font-size: 14px;
    line-height: 18px;
  }

.landing-footer__connect-grid {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.81px;

    position: relative;
    padding: 50px 0;
    margin-bottom: 50px;
  }

.landing-footer__connect-grid:before,
    .landing-footer__connect-grid:after {
      width: 466px;
      max-width: 80%;
      content: '';
      position: absolute;
      left: 0;
      height: 1px;
      right: 0;
      margin: auto;
      background-color: #fff;
    }

.landing-footer__connect-grid:before {
      top: 0;
    }

.landing-footer__connect-grid:after {
      bottom: 0;
    }

.landing-footer__connect {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.38px;
  }

.landing-footer__copyright {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
  }

.landing-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.landing-header__inner {
    background-color: #fff;
    padding: 40px 0 18px;
  }

.l-content-container {
  max-width: 1475px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

  .l-content-container.-wide {
    max-width: 1260px;
    width: 94%;
  }

  .l-content-container.-skinny {
    max-width: 726px;
  }

.l-main-with-aside {
  display: flex;
  gap: 46px;
  flex-direction: column;
}

.l-main-with-2-aside {
  display: flex;
  gap: 46px;
  flex-direction: column;
}

.l-main-with-aside aside {
    display: none;
    order: -1;
  }

/* Hide both asides on mobile */
.l-main-with-2-aside aside {
  display: none;
}

@media (min-width: 600px) {

.l-main-with-aside {
    display: grid
    /* grid-template-columns: 65% auto; */
}

    .l-main-with-aside aside {
      order: 2;
    }
  }

@media (min-width: 600px) {
  .l-main-with-2-aside {
    display: grid;
    /* Single column until 900px */
  }
}

@media (min-width: 900px) {
	.l-main-with-aside {
    grid-template-columns: 75% auto
}

    .l-main-with-aside.-wide-gap {
      gap: 100px;
      grid-template-columns: auto 180px;
    }
	
	.vocab{
        display: grid;
        grid-template-columns:  180px auto !important; /* aside  first, main content second */
	}
	
	.toc-vocab {
		order: 1 !important;
	}
	
	.main-vocab{
		order: 2 !important;
	}

    .l-main-with-aside aside {
      display: block;
      order: 2;
    }
	
  .l-main-with-2-aside {
    grid-template-columns: 
      auto    /* Left aside width controlled by max-width */
      1fr     /* Main content takes remaining space */
      auto;   /* Right aside width controlled by max-width */
    gap: 46px;
  }

  .l-main-with-2-aside aside {
    max-width: 254px;
    width: 100%; /* Ensures aside respects grid column width */
  }

  /* Original wide-gap version */
  .l-main-with-2-aside.-wide-gap {
    grid-template-columns: 180px 1fr 180px;
    gap: 100px;
  }

/*   .l-main-with-aside {
    grid-template-columns: 25% 50% 25%; /* Left | Main | Right */
/*     gap: 46px; */
/*   } */ 

/*   .l-main-with-aside.-wide-gap {
    gap: 100px;
    grid-template-columns: 180px auto 180px; /* Original wide-gap behavior */
/*   } */ 

  /* Show both asides */
  .l-main-with-2-aside aside {
    display: block;
  }

  /* Automatic ordering based on HTML sequence */
  .l-main-with-2-aside > :first-child { /* Left aside */
    order: 1;
  }
  
  .l-main-with-2-aside > :nth-child(2) { /* Main content */
    order: 2;
  }
  
  .l-main-with-2-aside > :last-child { /* Right aside */
    order: 3;
  }
}

.l-section-header {
  position: relative;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent linear-gradient(90deg, #bef8d9 0%, #63ff3f 100%) 0% 0%
    no-repeat padding-box;
  border: 2px solid #15ce38;
  border-radius: 2px;
  text-align: center;
  padding: 12px 32px;
  display: inline-block;
}

@media (min-width: 768px) {

.l-section-header {
    padding: 22px 48px;
    top: -40px
}
  }

.l-section-header__heading {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.56px;
  }

@media (min-width: 768px) {

.l-section-header__heading {
      font-size: 28px;
      line-height: 33.6px
  }
    }

/* Home Hero */
.home-hero {
  color: #fff;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;

  background: transparent
    linear-gradient(180deg, #1bb044 1%, #1c7a41 54%, #106a26 75%, #005500 100%)
    0% 0% no-repeat padding-box;
}
.home-hero .l-content-container {
    padding-top: 80px;
  }
/*
    @media (min-width: 768px) {
      min-height: 589px;
    }
    */
@media (min-width: 768px) {
.home-hero .l-content-container {
      min-height: calc(85dvh - 96px);
      max-width: 1300px;
      display: flex;
      flex-direction: column;
      justify-content: center
  }
    }
@media (max-width: 920px) {
.home-hero .l-content-container {
      padding-top: 0;
      min-height: calc(60dvh - 96px)
  }
    }
@media (max-width: 768px) {
.home-hero .l-content-container {
      padding-top: 80px;
      min-height: calc(40dvh - 96px)
  }
    }
.home-hero__desk {
    position: absolute;
    bottom: 0;
    height: 130px;
    width: 100%;
    background-repeat: repeat-x;
  }
@media (max-width: 1280px) {
.home-hero__desk {
      height: 115px
  }
    }
@media (max-width: 1000px) {
.home-hero__desk {
      height: 104px
  }
    }
@media (max-width: 920px) {
.home-hero__desk {
      height: 85px
  }
    }
@media (min-height: 1080px) and (min-width: 1340px) {
.home-hero__desk {
      height: 149px
  }
    }
.home-hero__graphic {
    /*
    width: 100%;
    height: 100%;
    */
    width: 770px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: -8vw;
    bottom: 0;
    -o-object-position: left bottom;
       object-position: left bottom;
    margin: auto;
  }
@media (max-width: 1280px) {
.home-hero__graphic {
      width: 640px
  }
    }
@media (max-width: 1080px) {
.home-hero__graphic {
      left: -11vw
  }
    }
@media (max-width: 1000px) {
.home-hero__graphic {
      left: -8vw;
      width: 560px
  }
    }
@media (max-width: 920px) {
.home-hero__graphic {
      left: -8vw;
      width: 398px
  }
    }
@media (max-width: 768px) {
.home-hero__graphic {
      display: none
  }
    }
@media (min-height: 1080px) and (min-width: 1340px) {
.home-hero__graphic {
      width: 930px;
      left: -15vw
  }
    }
.home-hero__graphic--small {
      margin-top: 12px;
      min-width: 100%;
    }
@media (min-width: 768px) {
.home-hero__graphic--small {
        display: none
    }
      }
.home-hero__ratings {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
  }
.home-hero__phone {
    top: 15px;
    position: absolute;
    right: 0;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.96px;
  }
.home-hero-coins {
    position: absolute;
  }
.home-hero-coins-1 {
      top: 84px;
    }
.home-hero-coins-2 {
      right: 5vw;
      bottom: 25px;
    }
@media (max-width: 768px) {
.home-hero-coins {
      display: none
  }
    }

/* Home CTA */
.home-cta {
  padding: 24px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.51px;
  background: transparent
    linear-gradient(150deg, #1bb044 1%, #1c7a41 54%, #106a26 75%, #005500 100%)
    0% 0% no-repeat padding-box;
  border-radius: 66px;
}
@media (min-width: 768px) {
.home-cta {
    font-size: 25px;
    line-height: 30px;
    padding: 32px 54px
}
  }

/* Home Financial Help */
.home-financial-help h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--green-dark);
  }
.home-financial-help h2 span {
      color: var(--green-primary);
    }
@media (min-width: 800px) {
.home-financial-help h2 {
      font-size: 42px;
      line-height: 54px
  }
    }

/* Home Intro */
.home-intro {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #010206;
  padding-bottom: 55px;
  position: relative;
}
@media (min-width: 800px) {
.home-intro {
    font-size: 15px;
    line-height: 37px
}
  }
.home-intro__intro {
    color: var(--green-primary);
    font-size: 18px;
    line-height: 30px;
  }
@media (min-width: 800px) {
.home-intro__intro {
      font-size: 23px;
      line-height: 37px
  }
    }
.home-intro:after {
    content: '';
    height: 7px;
    width: 280px;
    background-color: var(--green-primary);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

/* Home Three Steps */
.home-three-steps__intro {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
  }
.home-three-steps ol {
    list-style: none;
    counter-reset: item;
  }
.home-three-steps ol li {
      counter-increment: item;
      display: flex;
    }
.home-three-steps ol li:not(:last-child) {
        margin-bottom: 36px;
      }
.home-three-steps ol li:before {
        margin-right: 24px;
        flex: 0 0 75px;
        content: counter(item);
        font-size: 53px;
        line-height: 1;
        font-weight: 700;
        background: transparent
          linear-gradient(
            150deg,
            #1c7a41 1%,
            #1c7a41 54%,
            #106a26 75%,
            #005500 100%
          )
          0% 0% no-repeat padding-box;
        width: 75px;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 100%;
      }

/* Funding CTA */
.home-funding-cta {
  text-align: center;
  padding: 25px 15px;
  color: #fff;
}
@media (min-width: 800px) {
.home-funding-cta {
    padding: 40px 15px
}
  }
.home-funding-cta {

  background: transparent
    linear-gradient(150deg, #1bb044 1%, #1c7a41 54%, #106a26 75%, #005500 100%)
    0% 0% no-repeat padding-box;
  border-radius: 39px;
}
.home-funding-cta h2 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: -0.7px;
  }
.home-funding-cta span {
    font-weight: 500;
  }
.home-funding-cta.-circular {
    border-radius: 66px;
    padding: 26px 20px;
  }
@media (min-width: 800px) {
.home-funding-cta.-circular {
      padding: 30px 60px
  }
    }
@media (min-width: 800px) {
    .home-funding-cta h2 {
      font-size: 35px;
      line-height: 42px;
    }
  }

/* Demystified */
.home-demystified {
  background-color: #002a08;
  padding: 24px;
  font-size: 15px;
  line-height: 18px;
}
@media (min-width: 768px) {
.home-demystified {
    padding: 76px
}
  }

/* Why Choose Us */
.home-why-choose-us {
  background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
    0% no-repeat padding-box;
}
.home-why-choose-us__button {
    padding: 18px;
    display: inline-block;
    background: transparent linear-gradient(90deg, #bef8d9 0%, #63ff3f 100%) 0%
      0% no-repeat padding-box;
    border: 2px solid #15ce38;
    border-radius: 44px;
    text-align: center;
    color: #000;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: -0.56px;
  }
@media (min-width: 768px) {
.home-why-choose-us__button {
      padding: 26px 54px;
      font-size: 28px;
      line-height: 33px
  }
    }
.home-why-choose-us__grid {
    background-color: #fff;
    padding: 24px;
    border-radius: 40px;
  }
@media (min-width: 768px) {
.home-why-choose-us__grid {
      padding: 40px 50px;
      border-radius: 98px
  }
    }
.home-why-choose-us__graphic {
    text-align: center;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.home-why-choose-us__graphic img {
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
.home-why-choose-us__block {
    font-size: 14px;
    line-height: 18.65px;
  }

/* Lawsuit Loan */
@media (min-width: 768px) {
.home-better-than-lawsuit-loan__graphic {
      flex: 0 0 457px
  }
    }

/* Pricing Cards */
.home-pricing-card {
  text-align: center;
  border-radius: 12px;
  padding: 36px;
}
.home-pricing-card.-outline {
    border: solid 3px #707070;
  }
.home-pricing-card.-green {
    background: transparent
      linear-gradient(
        150deg,
        #1bb044 1%,
        #1c7a41 54%,
        #106a26 75%,
        #005500 100%
      )
      0% 0% no-repeat padding-box;
  }
.home-pricing-card__title {
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
  }
.home-pricing-card__label {
    font-size: 12px;
    line-height: 15px;
  }
.home-pricing-card__value {
    line-height: 1.1;
  }
.home-pricing-card__value.-large {
      font-weight: 700;
      font-size: 50px;
    }
.home-pricing-card__value.-small {
      font-weight: 500;
      font-size: 28px;
    }

.home-legal-rates-info {
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
}

.home-legal-rates-info__small {
    font-size: 11px;
  }

.home-legal-rates-info__details {
    font-size: 10px;
    line-height: 12px;
  }

/* Testimonials */
.home-testimonial-card {
  border-radius: 26px;
  padding: 0 40px 20px 40px;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
  background: transparent linear-gradient(0deg, #ffffff 0%, #f7f8f9 100%) 0% 0%
    no-repeat padding-box;
}
.home-testimonial-card__graphic {
    margin: auto;
    margin-top: -60px;
  }
.home-testimonial-card__graphic img {
      display: block;
      margin: auto;
    }
.home-testimonial-card__name {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14.5px;
    margin-bottom: 4px;
  }
.home-testimonial-card__location {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
  }
@media (min-width: 768px) {
    .home-testimonial-card:nth-child(2),
    .home-testimonial-card:nth-child(5) {
      margin-top: -32px;
    }
  }

/* Explore Options */
.home-explore-options {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
}
@media (min-width: 768px) {
.home-explore-options {
    font-size: 25px;
    line-height: 30px
}
  }
.home-explore-options__inner {
    background: transparent linear-gradient(150deg, #bef8d9 0%, #b9e9cd 100%) 0%
      0% no-repeat padding-box;
    border-radius: 40px;
    padding: 24px;
  }
@media (min-width: 768px) {
.home-explore-options__inner {
      border-radius: 88px;
      padding: 32px 50px
  }
    }
.home-explore-options__heading {
    color: var(--green-primary);
    font-weight: 900;
    font-size: 26px;
    line-height: 1;
    letter-spacing: -0.7px;
  }
@media (min-width: 768px) {
.home-explore-options__heading {
      font-size: 35px
  }
    }

/* Resources */
@media (min-width: 768px) {
.home-resources-columns {
    grid-template-columns: 64% 36%
}
  }
.home-resource {
  padding-bottom: 28px;
  margin-bottom: 28px;
  position: relative;
}
.home-resource__content {
    padding-left: 50px;
  }
.home-resource__header {
    padding-left: 50px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: var(--green-dark);
  }
.home-resource__header span {
      font-weight: 700;
    }
@media (min-width: 768px) {
.home-resource__header {
      font-size: 23px;
      line-height: 27px
  }
    }
.home-resource.-is-open .home-resource__header:before {
        transform: rotate(180deg);
      }
.home-resource.-is-open .home-resource__content {
      margin-top: 8px;
      overflow: auto;
    }
.home-resource:not(:last-child):after {
      content: '';
      background-color: #b2d8be;
      height: 1px;
      position: absolute;
      left: 50px;
      bottom: 0;
      width: calc(100% - 50px);
    }

/* Pre-settlement Funds */
.home-pre-settlement-funds {
  display: grid;
  position: relative;
}
.home-pre-settlement-funds img {
    max-width: 620px;
  }
.home-pre-settlement-funds__heading {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -1px;
    text-align: center;
  }
.home-pre-settlement-funds__heading span {
      font-weight: 500;
    }
@media (min-width: 768px) {
.home-pre-settlement-funds__heading {
      font-size: 50px;
      line-height: 58px
  }
    }
.home-pre-settlement-funds__block {
    padding: 43px 8%;
    background: transparent
      linear-gradient(
        150deg,
        #1bb044 1%,
        #1c7a41 54%,
        #106a26 75%,
        #005500 100%
      )
      0% 0% no-repeat padding-box;
    border-radius: 39px;
  }
@media (min-width: 768px) {
.home-pre-settlement-funds {
    grid-template-columns: 40% 60%
}
    .home-pre-settlement-funds .home-pre-settlement-funds__graphic {
      position: relative;
    }
      .home-pre-settlement-funds .home-pre-settlement-funds__graphic img {
        top: 100px;
        bottom: 0;
        right: -35%;
        margin: auto;
        position: absolute;
      }
  }

/* Cases We Fund */
.home-cases-we-fund__container {
    background: #f4f4f4;
    border: 2px solid #707070;
    border-radius: 26px;
    padding: 6px;
  }
@media (min-width: 768px) {
.home-cases-we-fund__container {
      padding: 48px 22px 22px
  }
    }
.home-cases-we-fund.-alt .home-cases-we-fund__menu-container {
      border: none !important;
    }
.home-cases-we-fund.-alt .home-cases-we-fund__container {
      background: none;
      border: none;
      padding: 0 !important;
    }
.home-cases-we-fund.-alt .home-cases-we-fund__inner {
      padding-bottom: 0;
    }
.home-cases-we-fund.-alt .home-cases-we-fund__inner,
    .home-cases-we-fund.-alt .home-cases-we-fund__content__inner {
      min-height: 100px !important;
    }
.home-cases-we-fund__heading {
    color: var(--green-primary);
    font-size: 22px;
    line-height: 1.1;
  }
@media (min-width: 768px) {
.home-cases-we-fund__heading {
      font-size: 30px
  }
    }
.home-cases-we-fund__main {
    margin-top: -4px;
  }
@media (min-width: 768px) {
.home-cases-we-fund__main {
      margin-top: -60px
  }
    }
.home-cases-we-fund__subheading {
    font-size: 16px;
  }
@media (min-width: 768px) {
.home-cases-we-fund__subheading {
      font-size: 20px
  }
    }
.home-cases-we-fund__inner {
    border-radius: 14px;
    background-color: #fff;
    padding: 6px;
  }
@media (min-width: 768px) {
.home-cases-we-fund__inner {
      min-height: 720px;
      padding: 36px 8% 36px 48px
  }
    }
.home-cases-we-fund__menu {
    list-style: none;
  }
.home-cases-we-fund__menu button {
      color: var(--green-primary);
      text-align: left;
      font-size: 17px;
      line-height: 21px;
      margin-bottom: 2px;
      font-weight: 700;
    }
@media (min-width: 768px) {
.home-cases-we-fund__menu button {
        font-size: 24px;
        line-height: 30px
    }
      }
.home-cases-we-fund__menu > li {
      margin-bottom: 24px;
    }
.home-cases-we-fund__menu ul li {
        list-style: none;
        cursor: pointer;
        font-size: 12px;
        font-weight: 900;
        position: relative;
        border-radius: 7px;
        padding: 4px 8px;
        margin-left: -8px;
      }
.home-cases-we-fund__menu ul li span {
          position: relative;
          z-index: 3;
        }
.home-cases-we-fund__menu ul li:before {
          content: '';
          background: linear-gradient(90deg, #bef8d9 0%, #63ff3f 100%);
          opacity: 0;
          transition: 0.2s linear;
          display: block;
          width: 100%;
          height: 100%;
          border-radius: 7px;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
        }
.home-cases-we-fund__menu ul li:after {
          transition: 0.2s linear;
          content: '';
          height: 14px;
          width: 7px;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 6px;
          margin: auto;
          z-index: 3;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274.869%27 height=%278.854%27 viewBox=%270 0 4.869 8.854%27%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.873px; %7D %3C/style%3E%3C/defs%3E%3Cpath id=%27Path_136%27 data-name=%27Path 136%27 class=%27cls-1%27 d=%27M448.41,911.712l3.815,3.815-3.8,3.8%27 transform=%27translate%28-447.792 -911.095%29%27/%3E%3C/svg%3E%0A");
          opacity: 0;
        }
.home-cases-we-fund__menu ul li:hover,
        .home-cases-we-fund__menu ul li.-active {
          opacity: 1;
          color: #000;
        }
.home-cases-we-fund__menu ul li:hover:after,
          .home-cases-we-fund__menu ul li:hover:before,
          .home-cases-we-fund__menu ul li.-active:after,
          .home-cases-we-fund__menu ul li.-active:before {
            opacity: 1;
          }
.home-cases-we-fund__menu ul li:not(:last-child) {
          margin-bottom: 2px;
        }
@media (min-width: 768px) {
.home-cases-we-fund__menu ul li {
          font-size: 14px
      }
        }
.home-cases-we-fund__content {
    font-size: 15px;
    line-height: 21px;
    padding-bottom: 24px;
  }
.home-cases-we-fund__content__inner {
      display: none;
      padding: 0 24px;
    }
.home-cases-we-fund__content__inner img {
        width: auto;
        max-height: 300px;
        margin: auto;
      }
.home-cases-we-fund__content__inner.-active {
        display: block;
      }
@media (min-width: 768px) {
.home-cases-we-fund__content__inner {
        padding: 0;
        min-height: 720px
    }

        .home-cases-we-fund__content__inner img {
          margin: 0;
        }
      }
@media (min-width: 768px) {
.home-cases-we-fund__content {
      padding-top: 32px
  }
    }
.home-cases-we-fund__menu-container {
    padding: 10px 0;
    flex: 0 0 100px;
    margin-right: 8px;
    display: none;
  }
@media (min-width: 768px) {
.home-cases-we-fund__menu-container {
      display: block;
      border-right: solid 1px #a8ddb9;
      padding: 32px 10px 32px 0;

      flex: 0 0 290px;
      margin-right: 38px
  }
    }

/* Large CTA Form */
.large-cta-form__intro {
    position: relative;
    z-index: 20;
    max-width: 800px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
      0% no-repeat padding-box;
    border-radius: 58px;
  }
@media (min-width: 768px) {
.large-cta-form__intro {
      display: flex;
      justify-content: flex-end
  }
    }
.large-cta-form__intro__text {
      padding: 40px;
    }
@media (min-width: 768px) {
.large-cta-form__intro__text {
        padding: 0;
        position: absolute;
        width: 40%;
        top: 43px;
        left: 53px
    }
      }
.large-cta-form__intro__heading {
      font-weight: 500;
      color: var(--green-dark);
      font-size: 21px;
      line-height: 26px;
    }
.large-cta-form__intro__graphic {
      margin-top: -32px;
      position: relative;
    }
@media (min-width: 768px) {
.large-cta-form__intro__graphic {
        right: -3%
    }
      }
.large-cta-form__main {
    position: relative;
    padding-top: 150px;
    top: -120px;
    padding-bottom: 40px;
  }
@media (min-width: 768px) {
.large-cta-form__main {
      padding-top: 276px;
      top: -240px;
      padding-bottom: 160px
  }
    }
.large-cta-form__main__inner {
      margin: auto;
      max-width: 685px;
      width: 66%;
    }
.large-cta-form__main__heading {
      font-weight: 700;
      letter-spacing: -0.7px;
      font-size: 28px;
      line-height: 30px;
      color: var(--green-dark);
    }
@media (min-width: 768px) {
.large-cta-form__main__heading {
        font-size: 35px;
        line-height: 38px
    }
      }
.large-cta-form__main__subheading {
      font-weight: 700;
      letter-spacing: -0.56px;
      font-size: 22px;
      line-height: 30px;
      color: var(--green-dark);
    }
@media (min-width: 768px) {
.large-cta-form__main__subheading {
        font-size: 28px;
        line-height: 38px
    }
      }
.large-cta-form__main__formheading {
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 0.9;
      letter-spacing: -1px;
      color: var(--green-dark);
    }
@media (min-width: 768px) {
.large-cta-form__main__formheading {
        font-size: 50px
    }
      }
.large-cta-form__main__formheading span {
        letter-spacing: -0.74px;
        font-size: 30px;
      }
@media (min-width: 768px) {
.large-cta-form__main__formheading span {
          font-size: 37px
      }
        }
.large-cta-form__main__legal-text {
      font-size: 15px;
      line-height: 27px;
      text-align: center;
    }
.large-cta-form__main__graphic {
      margin-top: 32px;
    }
@media (min-width: 768px) {
.large-cta-form__main__graphic {
        margin-top: 0;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -270px
    }
      }
.large-cta-form__main:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%)
        0% 0% no-repeat padding-box;
      border-radius: 20px;
      opacity: 0.4;
    }
@media (min-width: 768px) {
.large-cta-form__main:before {
        border-radius: 57px 57px 185px 185px
    }
      }

/* Drawers */
.js-drawer-toggle {
    cursor: pointer;
  }
.js-drawer-content {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
  }
.js-drawer.-is-open:before {
      transform: rotate(180deg);
    }
.js-drawer.-is-open .js-drawer-content {
      max-height: 500px;
    }

.home-cases-we-fund-mobile-menu {
  gap: 8px;
  margin-bottom: 22px;
}

.home-cases-we-fund-mobile-menu li {
    list-style: none;
  }

.home-cases-we-fund-mobile-menu__button {
    width: 100%;
    min-height: 72px;
    border: solid 1px var(--green-primary);
    border-radius: 15px;
    padding: 8px;
    color: var(--green-primary);
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    background-color: #fff;
    transition: 0.3s linear;
    height: 100%;
    text-align: left;
    font-weight: 700;
  }

.home-cases-we-fund-mobile-menu__button.-active {
      background-color: var(--green-primary);
      color: #fff;
    }

.home-cases-we-fund-sub-menu-mobile__links {
    display: none;
    gap: 14px;
    align-items: center;
    justify-content: center;
  }

.home-cases-we-fund-sub-menu-mobile__links.-active {
      display: flex;
    }

.home-cases-we-fund-sub-menu-mobile__links ol {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
    }

.home-cases-we-fund-sub-menu-mobile__links ol button {
        display: block;
        width: 16px;
        height: 16px;
        border: 2px solid var(--green-primary);
        border-radius: 100%;
      }

.home-cases-we-fund-sub-menu-mobile__links ol button.-active {
          background-color: var(--green-primary);
        }

.home-cases-we-fund-sub-menu-mobile__links svg {
      width: 18px;
    }

.state-hero {
  background: transparent
    linear-gradient(180deg, #1bb044 1%, #1c7a41 54%, #106a26 75%, #005500 100%)
    0% 0% no-repeat padding-box;
  display: flex;
  justify-content: space-between;
}
  /* overflow: hidden; */

  @media (max-width: 768px) {

  .state-hero__meta {
      display: none !important
  }
    }

  @media (max-width: 1100px) {

  .state-hero__container {
      width: 100%;
      max-width: 100%
  }
    }

  @media (min-width: 1100px) {.state-hero {
    gap: 48px
}
  }

  @media (max-width: 1100px) {

  .state-hero__flex {
      flex-direction: column
  }
    }

  .state-hero__main {
    padding: 11px 0 50px;
    flex: 1;
  }

  @media (min-width: 1100px) {
      .state-hero__main.-tall {
        padding-bottom: 80px;
      }
    }

  @media (max-width: 1100px) {

  .state-hero__main {
      padding-bottom: 0;
      padding-left: 5%;
      padding-right: 5%
  }
    }

  .state-hero__graphic {
    position: relative;
    z-index: 3;
    /* 
    @media (max-width: 960px) {
      max-width: 300px;
    } */
  }

  @media (min-width: 1100px) {

  .state-hero__graphic {
      left: -2rem;
      max-width: 100%
  }

      .state-hero__graphic.-services {
        left: auto;
        position: absolute;
        right: -5vw;
        top: 1rem;
      }

      .state-hero__graphic.-left {
        left: -6rem;
      }
    }

  @media (max-width: 1100px) {

  .state-hero__main-content {
      display: flex
  }
    }

  @media (max-width: 700px) {

  .state-hero__main-content {
      flex-direction: column
  }
    }

  @media (min-width: 1100px) {

  .state-hero__main-content__cta {
        display: none
    }
      }

  .state-hero__heading-group {
    color: #fff;
  }

  /* order: 3; */

  @media (min-width: 1100px) {

  .state-hero__heading-group {
      /* right: 2.75rem;
      padding-top: 1.5rem;
      position: absolute; */
      flex: 0 0 36%
  }

      .state-hero__heading-group.-wide {
        /* flex: 0 0 49%; */
        flex: 0 0 56%;
      }
    }

  @media (max-width: 700px) {

  .state-hero__heading-group {
      order: -1;
      text-align: center
  }
    }

  .state-hero__heading {
    font-weight: 800;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.74px;
    margin-bottom: 20px;
  }

  @media (min-width: 768px) {

  .state-hero__heading {
      font-size: 62px;
      letter-spacing: -1.24px
  }
    }

  .state-hero__subheading {
    font-weight: 800;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.24px;
  }

  @media (min-width: 768px) {

  .state-hero__subheading {
      font-size: 33px;
      letter-spacing: -0.54px
  }
    }

  .state-hero__secondary {
    padding: 11px 0 0;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
  }

  @media (max-width: 1100px) {

  .state-hero__secondary {
      padding-bottom: 200px;
      padding-top: 40px;
      padding-bottom: 40px
  }
    }

  @media (max-width: 600px) {

  .state-hero__secondary {
      padding-bottom: 260px
  }
    }

  .state-hero__secondary__heading {
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.7px;
      font-size: 28px;
      color: #fff;
    }

  .state-hero__secondary__heading span {
        font-size: 21px;
        letter-spacing: -0.52px;
      }

  @media (min-width: 768px) {

  .state-hero__secondary__heading {
        font-size: 35px
    }

        .state-hero__secondary__heading span {
          font-size: 26px;
        }
      }

  .state-hero__secondary__inner {
      position: relative;
      z-index: 10;
    }

  @media (max-width: 1100px) {

  .state-hero__secondary__inner__cta {
          display: none !important
      }
        }

  .state-hero__secondary:before {
      content: '';
      position: absolute;
      top: 0;
      width: 500%;
      height: 100%;
      right: -400%;
      background-color: #1ac156;
      mix-blend-mode: multiply;
    }

  @media (min-width: 1100px) {

  .state-hero__secondary {
      padding-top: 30px;
      flex: 0 0 37%;
      padding-left: 2.5rem;
      padding-right: 0
  }

      .state-hero__secondary.-taller {
        padding-bottom: 115px;
      }
    }

  .state-hero__secondary__cta {
      gap: 15px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 500;
      font-size: 19px;
    }

  @media (min-width: 768px) {

  .state-hero__secondary__cta {
        font-size: 24px
    }
      }

  .state-hero__footer {
    background-color: #061600;
    border-radius: 33px;
    padding: 19px 23px;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 13;
  }

  @media (max-width: 1100px) {

  .state-hero__footer {
      margin-left: 5%;
      margin-right: 5%
  }
    }

  .state-hero__footer__button {
      border: solid 1px #fff;
      border-radius: 24px;
      padding: 6px 15px;
    }

  .state-hero__footer__button.-small {
        padding: 3px 12px;
        font-size: 12px;
      }

  .state-hero__footer__button.--green {
        border-color: var(--green-primary);
      }

  .state-hero__footer__button.--green svg path {
            fill: var(--green-primary);
          }

  .state-hero__footer__reviews {
      font-weight: 500;
      font-size: 10px;
    }

.fast-facts {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  padding: 18px 24px;
  border: 1px solid #000000;
  border-radius: 12px;
  background-color: #f6f6f6;
}

.fast-facts__heading {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--green-primary);
  }

/* Hero fixes */
/* Florida */
@media (min-width: 1100px) {
    .page-id-13147 .state-hero__main-content {
      padding-top: 50px;
    }
    .page-id-13147 .state-hero__graphic {
      left: 0;
      top: 4rem;
    }
  }
@media (min-width: 1180px) {
    .page-id-13147 .state-hero__graphic {
      top: 2rem;
    }
  }
@media (min-width: 1220px) {
    .page-id-13147 .state-hero__graphic {
      top: 0;
    }
  }

/* Oklahoma */
@media (min-width: 1100px) {
    .page-id-14186 .state-hero__main-content {
      padding-top: 50px;
    }
    .page-id-14186 .state-hero__graphic {
      left: 0;
      top: 3rem;
    }
  }
@media (min-width: 1180px) {
    .page-id-14186 .state-hero__graphic {
      top: -1rem;
    }
  }
@media (min-width: 1220px) {
    .page-id-14186 .state-hero__graphic {
      top: -2rem;
    }
  }

/* Missouri */
@media (min-width: 1100px) {
    .page-id-14195 .state-hero__main-content {
      padding-top: 50px;
    }
    .page-id-14195 .state-hero__graphic {
      left: 0;
      top: 6rem;
    }
  }
@media (min-width: 1180px) {
    .page-id-14195 .state-hero__graphic {
      top: 3rem;
    }
  }
@media (min-width: 1220px) {
    .page-id-14195 .state-hero__graphic {
      top: 1rem;
    }
  }
@media (min-width: 1280px) {
    .page-id-14195 .state-hero__graphic {
      top: 4px;
    }
  }

/* Text */
@media (min-width: 1100px) {
    .page-id-14200 .state-hero__main-content {
      padding-top: 50px;
    }
    .page-id-14200 .state-hero__graphic {
      left: 0;
      top: 2rem;
    }
  }
@media (min-width: 1180px) {
    .page-id-14200 .state-hero__graphic {
      top: -2rem;
    }
  }

.blog-hero {
  padding: 20px 0 32px;
}

  .blog-hero__footer {
    align-items: flex-start;
  }

  .blog-hero__main__graphic {
      text-align: center;
      overflow: hidden;
    }

  .blog-hero__main__graphic img {
        display: inline;
      }

  .blog-hero__category {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.36px;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 26px;
  }

  @media (min-width: 768px) {

  .blog-hero__category {
      font-size: 18px
  }
    }

  .blog-hero__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 20px;
  }

  @media (min-width: 768px) {

  .blog-hero__title {
      font-size: 45px;
      line-height: 60px
  }
    }

  .blog-hero__meta {
    font-size: 14px;
    letter-spacing: -0.23px;
    line-height: 18px;
  }

  .blog-hero__published {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.23px;
    line-height: 16px;
  }

  .blog-hero__tags__label {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 12px;
      color: #fff;
    }

  .blog-hero__tags__tag {
      font-size: 11px;
      background-color: #e5e5e5;
      border-radius: 13px;
      text-transform: uppercase;
      padding: 6px 11px;
    }

.article-about-author__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
  }

.article-about-author__block {
    padding: 32px;
    border-radius: 60px;
    margin: auto;
    max-width: 700px;
    background: transparent linear-gradient(0deg, #ffffff 0%, #f7f8f9 100%) 0%
      0% no-repeat padding-box;
  }

@media (min-width: 768px) {

.article-about-author__block {
      padding: 85px 50px
  }
    }

.article-about-author__name {
    color: var(--green-primary);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
  }

@media (min-width: 768px) {

.article-about-author__name {
      font-size: 25px;
      line-height: 30px
  }
    }

.article-about-author__bio {
    font-size: 12px;
    line-height: 25px;
  }

.article-related-reading {
  position: relative;
  padding-top: 97px;
  padding-bottom: 100px;
}

.article-related-reading:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 7px;
    width: 280px;
    background-color: var(--green-primary);
  }

.blog-post-card {
  color: var(--green-primary);
  padding-bottom: 10px;
}

.blog-post-card__category {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
  }

.blog-post-card__image {
    overflow: hidden;
    flex: 0 0 248px;
  }

.blog-post-card__image.-video-thumbnail {
      flex: 0 0 160px;
    }

.blog-post-card__title {
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
  }

.blog-post-card__date {
    font-size: 11px;
  }

.blog-post-card.-large .blog-post-card__title {
      font-size: 24px;
      line-height: 28.8px;
    }

.blog-post-card.-medium .blog-post-card__title {
      font-size: 17px;
      line-height: 21px;
    }

.blog-post-card.-medium .blog-post-card__byline {
      font-size: 10px;
      line-height: 14px;
    }

.blog-post-card.-small .blog-post-card__title {
      font-size: 11px;
      line-height: 14px;
    }

.blog-post-card.-small .blog-post-card__byline {
      font-size: 10px;
      line-height: 12px;
    }

.blog-post-card.-small .blog-post-card__image {
      flex: 0 0 85px;
    }

/* Make the aside-cta sticky within the aside */
.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 100px; /* Adjust this value to control when the element becomes sticky */
    z-index: 15; 
	padding-top: 0px;
	    transition: opacity 0.3s ease, 
                transform 0.3s ease,
                padding-top 0.3s ease; /* Add padding transition */
}

/* Add padding ONLY when the element is sticky */
.sticky.is-sticky {
    padding-top: 32px !important;
	transform: translateY(0);
}

.aside-cta {
  color: var(--green-primary);
  background: transparent linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  padding: 24px 22px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;

  /* Transition styles */
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%); /* Start fully below container */
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Sticky positioning */
  position: sticky;
  top: 100px; /* Where it should stick */
  margin-top: -60px; /* Compensate for initial offset */
  z-index: 1000;
}

.aside-cta.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* Final position */
}

.aside-cta__spacer {
    padding: 6px;
    font-weight: 900;
    text-align: center;
  }

.aside-cta__heading {
    font-weight: 900;
    letter-spacing: -0.51px;
    font-size: 26px;
    line-height: 28px;
  }

.blog-ai-generated-flyout-container,
.visual-meta-flyout-container {
  position: relative;
}

.visual-meta-flyout {
  opacity: 0;
  right: 0;
  display: none;
  transition: opacity 0.3s ease-in-out;
  width: 300px;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + 16px);
  background-color: #f2fcf6;
  border: solid 1px #707070;
  padding: 25px 20px;
  border-radius: 12px;
  z-index: 20;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.visual-meta-flyout.-left {
    right: auto;
    left: 0;
  }

@media (min-width: 900px) {

.visual-meta-flyout {
    width: 529px
}
  }

.visual-meta-flyout.-is-active {
    display: block;
    opacity: 1;
  }

.blog-ai-generated-flyout {
  opacity: 0;
  right: 0;
  display: none;
  transition: opacity 0.3s ease-in-out;
  width: 300px;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + 16px);
  background-color: #f2fcf6;
  border: solid 1px #707070;
  padding: 25px 20px;
  border-radius: 12px;
  z-index: 20;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.blog-ai-generated-flyout.-left {
    right: auto;
    left: 0;
  }

@media (min-width: 900px) {

.blog-ai-generated-flyout {
    width: 529px
}
  }

.blog-ai-generated-flyout.-left {
    right: auto;
    left: 0;
  }

.blog-ai-generated-flyout.-is-active {
    display: block;
    opacity: 1;
  }

.blog-ai-generated-flyout__content {
    margin-bottom: 20px;
    opacity: 0;
    display: none;
    transition: opacity 0.3s ease-in-out;
  }

.blog-ai-generated-flyout__content.-is-active {
      display: block;
      opacity: 1;
    }

.blog-ai-generated-flyout__heading {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
  }

.blog-ai-generated-flyout__footer__button {
      background-color: #e5e5e5;
      border-radius: 12px;
      padding: 6px 11px;
      text-align: center;
    }

.blog-ai-generated-flyout__footer__button.-is-active {
        background-color: var(--green-primary);
        color: #fff;
      }

.blog-category-hero {
    padding-bottom: 30px;
    background-size: cover;
    background-position: center;
  }

.blog-category-hero__content {
      padding-top: 80px;
    }

.blog-category-hero__label {
      font-weight: 800;
      font-size: 17px;
      line-height: 20px;
      color: #97ffa6;
      text-transform: uppercase;
    }

.blog-category-hero__subheading {
      font-weight: 700;
      font-size: 26px;
      color: #fff;
      line-height: 1.12;
    }

@media (min-width: 768px) {

.blog-category-hero__subheading {
        font-size: 32px
    }
      }

.blog-category-hero__heading {
      color: #fff;
      font-weight: 700;
      font-size: 60px;
      line-height: 1.12;
    }

@media (min-width: 768px) {

.blog-category-hero__heading {
        font-size: 120px
    }
      }

.blog-category-hero__brow {
      padding: 18px 0;
      background: transparent
        linear-gradient(
          180deg,
          #1bb044 1%,
          #1c7a41 54%,
          #106a26 75%,
          #005500 100%
        )
        0% 0% no-repeat padding-box;
    }

.blog-category-hero__banner {
      padding: 12px 20px;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      gap: 20px;
      color: #000;
      font-weight: 700;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: -1.23px;
      background: transparent linear-gradient(180deg, #bef8d9 0%, #63ff3f 100%)
        0% 0% no-repeat padding-box;
    }

@media (min-width: 600px) {

.blog-category-hero__banner {
        flex-direction: row;
        font-size: 14px;
        line-height: 18px
    }

        .blog-category-hero__banner .blog-category-hero__banner__text__small-icon {
          display: none;
        }
      }

@media (min-width: 768px) {

.blog-category-hero__banner {
        font-size: 17px;
        line-height: 21px
    }
      }

@media (min-width: 850px) {

.blog-category-hero__banner {
        font-size: 20px;
        line-height: 24px
    }
      }

@media (min-width: 1060px) {

.blog-category-hero__banner {
        font-size: 26px;
        line-height: 30px
    }
      }

@media (min-width: 1220px) {

.blog-category-hero__banner {
        font-size: 30px;
        line-height: 36px
    }
      }

.blog-category-hero__banner__text {
        display: flex;
        align-items: center;
        gap: 5px;
      }

.blog-category-group__label {
  text-transform: uppercase;
  color: #6d6d6d;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.9px;
}

.blog-category-group__toggle {
  display: flex;
  gap: 8px;
  padding: 3px;
  border: solid 1px #1c7a41;
  border-radius: 15.72px;
  width: 245px;
}

.blog-category-group__toggle__button {
    transition: 0.2s linear;
    border-radius: 12px;
    width: 120px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: 0.18px;
  }

.blog-category-group__toggle__button.-is-active {
      background: transparent linear-gradient(90deg, #bef8d9 0%, #63ff3f 100%)
        0% 0% no-repeat padding-box;
    }

.blog-category-group__label-container {
  border-bottom: 1px solid #bddbc7;
  padding-bottom: 12px;
}

.blog-category-newsletter-signup-container__heading {
    font-size: 23px;
    line-height: 27px;
    font-weight: 500;
    letter-spacing: -0.58px;
  }

@media (min-width: 768px) {

.blog-category-newsletter-signup-container__heading {
      font-size: 29px;
      line-height: 34px
  }
    }

.blog-category-newsletter-signup__subheading {
  color: #1c7a41;
  font-weight: 900;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
}

.blog-category-newsletter-signup-form {
  padding: 20px 50px;
  background: transparent
    linear-gradient(150deg, #57b55a 1%, #41824f 54%, #347134 77%, #275e16 100%)
    0% 0% no-repeat padding-box;
  border: 1px solid #b8d6bf;
  border-radius: 47px;
}

.blog-category-newsletter-signup-form input[type='text'] {
    border-radius: 11px;
    background-color: #fff;
    border: solid 1px #b8d6bf;
    padding: 13px 18px;
    color: #929e95;
    font-size: 15px;
    font-weight: 500;
    max-width: 100%;
    /* width: 440px; */
  }

.blog-category-group__buttons__button {
    border: 0.75px solid var(--green-primary);
    border-radius: 5px;
    width: 138px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    color: var(--green-primary);
    transition: 0.3s linear;
  }

.blog-category-group__buttons__button.-is-active {
      background: var(--green-primary);
      color: #fff;
    }

.blog-category-group__large-button {
  border: 1px solid #1c7a41;
  border-radius: 28px;
  text-transform: uppercase;
  width: 216px;
  height: 44px;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #6d6d6d;

  letter-spacing: 0.9px;
}

@media (min-width: 768px) {

.blog-category-group__large-button {
    width: 270px;
    height: 56px;
    font-size: 15px;
    line-height: 18px
}
  }

.blog-category-group__video-heading {
  color: var(--green-primary);
  font-weight: 900;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {

.blog-category-group__video-heading {
    font-size: 30px
}
  }

.category-page-tab {
  display: none;
  transition: 0.3s ease-in;
}

.category-page-tab.-is-active {
    display: block;
  }

.blog-category-group-posts-group {
  display: none;
}

.blog-category-group-posts-group.-is-active {
    display: block;
  }

.glossary-landing-hero {
  color: #fff;
  position: relative;
  padding: 0;
}

  .glossary-landing-hero__label {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 4px;
  }

  .glossary-landing-hero__text {
    line-height: 1.7;
    font-weight: 500;
  }

  .glossary-landing-hero__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -1.2px;
    text-transform: uppercase;
  }

  @media (min-width: 768px) {

  .glossary-landing-hero__title {
      font-size: 60px
  }
    }

  .glossary-landing-hero__title div {
      text-transform: none;
      font-size: 24px;
      letter-spacing: -0.74px;
    }

  @media (min-width: 768px) {

  .glossary-landing-hero__title div {
        font-size: 37px
    }
      }

  .glossary-landing-hero__meta {
    font-size: 12px;
    font-weight: 500;
  }

  .glossary-landing-hero__graphic {
    position: relative;
    bottom: -30px;
  }

.glossary-landing-intro {
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0.78px;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 100px;
}

.glossary-landing-intro__text span {
      color: var(--green-primary);
      font-size: 20px;
      line-height: 32px;
      letter-spacing: 1.2px;
    }

.glossary-landing-intro:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 7px;
    width: 280px;
    background-color: var(--green-primary);
  }

.glossary-landing-alphabet {
  padding-bottom: 16px;
  border-bottom: solid 2px var(--green-primary);
  margin-bottom: 75px;
}

.glossary-landing-alphabet__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: center;
  }

.glossary-landing-alphabet__list a,
    .glossary-landing-alphabet__list span {
      text-transform: uppercase;
      color: #c9c9c9;
      font-weight: 500;
      font-size: 24px;
      line-height: 1.1;
      letter-spacing: 5.28px;
    }

.glossary-landing-alphabet__list a.-active, .glossary-landing-alphabet__list span.-active {
        color: var(--green-primary);
      }

.glossary-landing-letter:not(:last-child) {
    margin-bottom: 40px;
  }

@media (min-width: 768px) {

.glossary-landing-letter:not(:last-child) {
      margin-bottom: 120px
  }
    }

.glossary-landing-letter__letter {
    color: var(--green-primary);
    font-weight: 500;
    line-height: 1;
    font-size: 40px;
  }

@media (min-width: 768px) {

.glossary-landing-letter__letter {
      font-size: 72px;
      padding-left: 70px
  }
    }

.glossary-landing-letter__text__list dt {
        font-weight: 700;
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: 0.84px;
        padding-bottom: 5px;
      }

.glossary-landing-letter__text__list dd {
        font-size: 14px;
        line-height: 18.4px;
        padding-left: 30px;
        margin-bottom: 30px;
      }

.glossary-landing-letter__text__list dd p {
          display: inline;
        }

.glossary-landing-letter__text__list dd a {
          color: var(--green-primary);
        }

.glossary-detail-hero__top__text {
      font-weight: 500;
      font-size: 10px;
      color: var(--green-primary);
    }

.glossary-detail-hero__block {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1.2px;
    background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
      0% no-repeat padding-box;
    border-radius: 44px;
    padding: 40px 7% 0;
  }

.glossary-detail-section {
  position: relative;
  padding-bottom: 80px;
}

.glossary-detail-section blockquote {
    margin-bottom: 20px;
    padding-left: 46px;
    position: relative;
  }

.glossary-detail-section blockquote:before {
      content: '\201C';
      display: block;
      font-size: 6rem;
      line-height: 0.8;
      font-family: Georgia, serif;
      position: absolute;
      left: 0;
      opacity: 0.5;
    }

.glossary-detail-section blockquote p {
      font-size: 125%;
      line-height: 1.3;
    }

.glossary-detail-section h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
    color: var(--green-primary);
  }

@media (min-width: 768px) {

.glossary-detail-section h4 {
      font-size: 25px;
      line-height: 30px
  }
    }

.glossary-detail-section h5 {
    color: var(--green-primary);
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 20px;
  }

@media (min-width: 768px) {

.glossary-detail-section h5 {
      font-size: 21px;
      line-height: 24px
  }
    }

@media (min-width: 768px) {

.glossary-detail-section__inner {
      padding-left: 52px
  }
    }

.glossary-detail-section:not(:first-child) {
    padding-top: 80px;
  }

.glossary-detail-section:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: var(--green-primary);
    width: 300%;
    left: -200%;
  }

.glossary-landing-grid__word {
    background: #fff;
    border: 0.75px solid #c5ead2;
    border-radius: 12px;
    padding: 24px;
  }

.glossary-landing-grid__word__icon {
      height: 75px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
    }

.glossary-landing-grid__word dt {
      font-weight: 700;
      font-size: 14px;
      line-height: 16.8px;
      letter-spacing: 0.84px;
      color: var(--green-primary);
      margin-bottom: 8px;
    }

.glossary-landing-grid__word dd {
      font-weight: 500;
      font-size: 12px;
      letter-spacing: 0.22px;
      line-height: 16.8px;
      color: #000;
    }

.glossary-landing-grid__word a {
      transition: 0.2s linear;
    }

.glossary-landing-grid__word a:hover {
        background: var(--green-primary);
        text-decoration: none;
        color: #fff;
      }

.sitemap-hero {
  border-bottom: solid 2px var(--green-primary);
  color: var(--green-primary);
}

  .sitemap-hero__subheading {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
  }

  .sitemap-hero__heading {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -1.2px;
  }

  @media (min-width: 768px) {

  .sitemap-hero__heading {
      font-size: 60px
  }
    }

@media (min-width: 768px) {

.sitemap-grid {
    grid-template-columns: 33% 1fr
}

    .sitemap-grid ul {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

.sitemap-section {
  padding: 40px 0;
  border-bottom: solid 2px var(--green-primary);
}

@media (min-width: 768px) {

.sitemap-section {
    padding: 120px 0
}
  }

.sitemap-section ul {
    list-style: none !important;
    padding: 0 !important;
  }

.sitemap-section ul li {
      list-style: none !important;
    }

.sitemap-section ul li ul {
        list-style: disc outside !important;
        padding-left: 14px !important;
        margin-bottom: 32px;
      }

.sitemap-section ul li ul li {
          list-style: none outside !important;
          position: relative;
        }

.sitemap-section ul li ul li:before {
            content: '•';
            position: absolute;
            left: -12px;
            top: 1px;
            color: #6b6b6b;
          }

.sitemap-section ul li ul li a {
            font-weight: 400 !important;
            color: #6b6b6b;
          }

.about-hero {
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 9900;
}

  .about-hero > .l-content-container {
    padding: 20px 0 0 0;
  }

  @media (min-width: 768px) {

  .about-hero > .l-content-container {
      padding: 20px 0 80px 0
  }
    }

  .about-hero {

  color: #fff;
}

  .about-hero__main {
    padding: 24px 0;
  }

  @media (min-width: 768px) {

  .about-hero__main {
      flex: 0 0 42%;
      padding: 50px 0
  }
    }

  .about-hero__graphic {
    position: relative;
    bottom: -8px;
  }

  .about-hero__graphic img {
      position: relative;
      z-index: 20;
    }

  @media (min-width: 768px) {

  .about-hero__graphic {
      bottom: -12px;
      position: absolute;
      margin-top: -80px;
      right: -60px
  }
    }

.about-why-choose-us {
  background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
    0% no-repeat padding-box;
}

/* Committed */
.about-committed {
  background-color: #001c0a;
  position: relative;
  overflow: hidden;
}
.about-committed-block {
    box-sizing: border-box;
    max-width: 400px;
    position: relative;
    border: solid 1px #fff;
    border-radius: 17px;
    padding: 24px 32px 24px 60px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.36px;
    color: #fff;
  }
.about-committed-block__icon {
      position: absolute;
      top: -26px;
      left: -26px;
    }
@media (min-width: 768px) {
.about-committed__main {
      flex: 0 0 420px
  }
    }
@media (min-width: 768px) {
.about-committed__graphic {
      position: absolute;
      bottom: 0;
      right: 0;
      max-width: 400px
  }
    }
@media (min-width: 960px) {
.about-committed__graphic {
      max-width: 500px
  }
    }
@media (min-width: 1160px) {
.about-committed__graphic {
      max-width: 650px
  }
    }
@media (min-width: 1300px) {
.about-committed__graphic {
      max-width: 100%
  }
    }

.about-values {
  background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
    0% no-repeat padding-box;
  font-size: 18px;
  line-height: 24px;
}
.about-core-value-block {
  padding: 24px 34px;
  background: #e9ffec 0% 0% no-repeat padding-box;
  border: 2px solid #707070;
  border-radius: 22px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.25px;
  position: relative;
}
@media (max-width: 900px) {
.about-core-value-block {
    margin-left: 80px;
    margin-right: 80px
}
  }
.about-core-value-block__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
.about-core-value-block:nth-child(1) .about-core-value-block__icon {
      left: -100px;
    }
.about-core-value-block:nth-child(2) .about-core-value-block__icon {
      right: -70px;
    }
.about-core-value-block:nth-child(3) .about-core-value-block__icon {
      left: -60px;
    }
.about-core-value-block:nth-child(4) .about-core-value-block__icon {
      right: -60px;
    }
.about-core-value-block:nth-child(5) .about-core-value-block__icon {
      left: -85px;
    }
.about-core-value-block:nth-child(6) .about-core-value-block__icon {
      right: -60px;
    }
.about-core-value-block:nth-child(7) .about-core-value-block__icon {
      left: -85px;
    }
.about-core-value-block:nth-child(8) .about-core-value-block__icon {
      right: -60px;
    }
.about-core-value-block:not(:last-child) {
    margin-bottom: 46px;
  }
.about-core-value-block__heading {
    font-weight: 700;
    font-size: 26px;
    line-height: 29px;
    letter-spacing: -0.53px;
    margin-bottom: 8px;
  }

.about-member {
  position: relative;
}

.about-member__name {
    color: var(--green-primary);
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.6px;
  }

.about-member__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.48px;
  }

@media (min-width: 640px) {

.about-member:nth-child(even) .about-member-bio {
        left: -115%
    }

        .about-member:nth-child(even) .about-member-bio:before {
          left: auto;
          right: 25%;
        }
      }

@media (min-width: 768px) {

.about-member:nth-child(even) .about-member-bio {
        left: -179%
    }
        .about-member:nth-child(even) .about-member-bio:before {
          right: 20%;
        }
      }

@media (min-width: 1000px) {

.about-member:nth-child(even) .about-member-bio {
        left: -186%
    }
      }

@media (min-width: 1400px) {

.about-member:nth-child(even) .about-member-bio {
        left: -194%
    }

        .about-member:nth-child(even) .about-member-bio:before {
          right: 16%;
        }
      }

.about-editorial {
  background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
    0% no-repeat padding-box;
  position: relative;
}

.about-editorial__content {
    width: 90%;
    max-width: 583px;
    margin-left: auto;
    margin-right: auto;
  }

.about-editorial__arrows {
    opacity: 0.05;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: 90%;
    max-height: 662px;
  }

.give-back {
  margin-bottom: 100px;
}

.give-back__inner {
    border-bottom: solid 1px var(--green-primary);
  }

.give-back__heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
  }

.about-member-bio {
  position: absolute;
  top: calc(100% + 50px);
  background: #fff;
  z-index: 20;
  border-radius: 10px;
  color: #6b6b6b;
  font-weight: 500;
  display: none;
  opacity: 0;
  transition: opacity 0.3s linear;
  border: 2px solid #001c0a;
  width: 100%;
}

.about-member-bio.-is-active {
    display: block;
    transition: opacity 0.3s linear;
    opacity: 1;
  }

.about-member-bio-close-btn {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 5px;
    right: 5px;
  }

.about-member-bio-close-btn:before,
    .about-member-bio-close-btn:after {
      content: '';
      width: 2px;
      height: 12px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      background-color: var(--green-primary);
    }

.about-member-bio-close-btn:before {
      transform: rotate(45deg);
    }

.about-member-bio-close-btn:after {
      transform: rotate(-45deg);
    }

@media (min-width: 640px) {

.about-member-bio-close-btn {
      width: 20px;
      height: 20px
  }

      .about-member-bio-close-btn:before,
      .about-member-bio-close-btn:after {
        height: 20px;
        width: 3px;
      }
    }

@media (min-width: 1200px) {

.about-member-bio-close-btn {
      top: 10px;
      right: 10px;
      width: 32px;
      height: 32px
  }

      .about-member-bio-close-btn:before,
      .about-member-bio-close-btn:after {
        height: 32px;
      }
    }

.about-member-bio__inner {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    z-index: 22;
  }

.about-member-bio h2,
  .about-member-bio h3,
  .about-member-bio h4 {
    margin-bottom: 6px !important;
  }

.about-member-bio:before {
    content: '';
    border: 2px solid #001c0a;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: -17px;
    transform: rotate(45deg);
    z-index: 19;
    left: 0;
    right: 0;
    margin: auto;
  }

@media (min-width: 640px) {

.about-member-bio {
    letter-spacing: -0.48px;
    left: -5%;
    width: 217%
}

    .about-member-bio:before {
      right: auto;
      margin: 0;
      left: 12.5%;
    }

    .about-member-bio__inner {
      padding: 40px;
    }
  }

@media (min-width: 768px) {

.about-member-bio {
    width: 286%
}
  }

@media (min-width: 1200px) {
    .about-member-bio__inner {
      padding: 70px;
    }
  }

.about-member-bio__heading {
    color: var(--green-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
  }

@media (min-width: 768px) {

.about-member-bio__heading {
      font-size: 30px;
      line-height: 36px
  }
    }

.contact-hero {
  align-items: center;
  border-bottom: solid 3px var(--green-primary);
}

  .contact-hero__main {
    color: var(--green-primary);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
  }

  @media (min-width: 768px) {

  .contact-hero__main {
      flex: 0 0 376px
  }
    }

  .contact-hero__subheading {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 24px;
  }

  .contact-hero__button {
    width: 256px;
    height: 46px;

    text-align: center;
    border: 1px solid var(--green-primary);
    border-radius: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.96px;
    color: var(--green-primary);
    transition: 0.3s linear;
  }

  .contact-hero__button:hover:hover {
        color: #fff;
        background-color: var(--green-primary);
      }

.contact-cta-block {
  background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
    0% no-repeat padding-box;
  border-radius: 18px;
  text-align: center;
  padding: 32px 26px 90px 26px;
  position: relative;
}

.contact-cta-block__graphic {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.contact-cta-block__icon {
    margin-bottom: 28px;
  }

.contact-cta-block__heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.64px;
    margin-bottom: 1rem;
    color: var(--green-primary);
  }

@media (min-width: 768px) {

.contact-cta-block__heading {
      font-size: 32px;
      line-height: 36px
  }
    }

.contact-cta-block__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
  }

.contact-cta-block__button {
    max-width: 145px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
  }

.contact-git {
  background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
    0% no-repeat padding-box;
}

.contact-git__map {
    font-size: 14px;
    line-height: 20px;
  }

.contact-git__map__title,
    .contact-git__map__phone {
      font-weight: 700;
    }

.contact-git__map__address {
      font-weight: 500;
      display: block;
    }

.contact-block {
  border: 2px solid #1a6f39;
  border-radius: 12px;
  padding: 20px;
}

@media (min-width: 768px) {

.contact-block {
    padding: 32px 50px 72px
}
  }

.contact-block__heading {
    color: var(--green-primary);
  }

.contact-block .contact-block__contacts__contact {
    margin-bottom: 20px;
  }

.contact-block .contact-block__contacts__label {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
  }

@media (min-width: 768px) {

.contact-block .contact-block__contacts__label {
      text-align: right
  }
    }

.contact-block .contact-block__contacts__value {
    color: var(--green-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
  }

.socials-block {
  border-bottom: solid 1px var(--green-primary);
}

.socials-block__heading {
    color: var(--green-primary);
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.74px;
    line-height: 34px;
  }

@media (min-width: 768px) {

.socials-block__heading {
      font-size: 37px;
      line-height: 48px
  }
    }

.service-category-block {
  text-align: center;
}

  .service-category-block__icon {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #9ed8ac;
    border-radius: 12px;
    height: 156px;
  }

  .service-category-block__icon img {
      max-width: 80%;
    }

.site-header {
  background-color: #fff;
  position: fixed;
  z-index: 9099900;
  width: 100%;
  top: 0;
}

  @media (max-width: 1000px) {

  .site-header__buttons {
      display: none
  }
    }

.primary-navigation {
  display: flex;
}

.primary-navigation > ul {
    margin-right: 18px;
  }

.primary-navigation > ul > li {
      display: inline-block;
      vertical-align: middle;
    }

.primary-navigation > ul > li svg {
        transition: 0.2s linear;
      }

.primary-navigation > ul > li:hover svg {
          transform: rotate(180deg);
        }

.primary-navigation > ul > li:hover .sub-menu-flyout {
          opacity: 1;
          visibility: visible;
          pointer-events: all;
        }

.primary-navigation > ul > li:not(:first-child) {
        margin-left: 32px;
      }

.primary-navigation > ul > li > a {
        display: flex;
        align-items: center;
        padding: 4px 8px;
        border-radius: 3px;
        gap: 4px;
        color: var(--green-primary);
        font: 700 11px/12px var(--primary-font);
        letter-spacing: 0.19px;
        text-transform: uppercase;
        vertical-align: middle;
        background-color: #fff;
        transition: 0.2s linear;
      }

.primary-navigation > ul > li > a:hover {
          background-color: #eff4f1;
        }

@media (max-width: 1000px) {

.primary-navigation {
    display: none
}
  }

.nav-button {
  display: flex;
  align-items: center;
  padding: 4px 6px;
  gap: 4px;
  color: var(--green-primary);
  font: 700 11px/12px var(--primary-font);
  letter-spacing: 0.19px;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: #fff;
  transition: 0.2s linear;
  color: #fff;
  background-color: var(--green-primary);
  border-radius: 11px;
  padding: 5px 12px;
}

.translation-button {
  color: var(--green-primary);
  font-weight: 700;
  font-size: 10px;
  text-decoration: underline;
  letter-spacing: 0.14px;
  margin-right: 20px;
}

.site-search-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  background: transparent
    linear-gradient(180deg, #1bb044 1%, #1c7a41 54%, #106a26 75%, #005500 100%)
    0% 0% no-repeat padding-box;
}

.site-search-button.-large {
    width: 28px;
    height: 28px;
  }

.nav-toggle-button {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: 5px;
  cursor: pointer;
}

.price-comparison-chart {
  display: grid;
  grid-template-columns: 268px auto auto;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 3px solid #707070;
  border-radius: 14px;
}

  .price-comparison-chart__column__header {
      padding-top: 30px;
      height: 90px;
      text-align: center;
      color: #000;
      font-weight: 700;
      font-size: 19px;
    }

  .price-comparison-chart__column__header.-with-border {
        position: relative;
      }

  .price-comparison-chart__column__header.-with-border:after {
          content: '';
          height: 3px;
          position: absolute;
          bottom: 0;
          left: 0;
          width: calc(100% - 30px);
          background-color: #707070;
        }

  .price-comparison-chart__column__header.-with-border.-elf:after {
            left: 30px;
          }

  .price-comparison-chart__column.-elf {
      position: relative;
      color: var(--green-primary);
    }

  .price-comparison-chart__column.-elf .price-comparison-chart__value__icon {
        flex: 0 0 44px;
      }

  .price-comparison-chart__column.-elf:after {
        content: '';
        position: absolute;
        right: 0;
        height: calc(100% - 60px);
        top: 30px;
        width: 3px;
        background-color: #707070;
      }

  .price-comparison-chart__column.-competitor {
      color: #6b6b6b;
    }

  .price-comparison-chart__column.-competitor .price-comparison-chart__value__icon {
        flex: 0 0 40px;
      }

  .price-comparison-chart__values {
    padding: 20px;
    display: grid;
    /*   grid-template-rows: repeat(9, minmax(0, 1fr)); */
    row-gap: 20px;
  }

  @media (min-width: 1000px) {

  .price-comparison-chart__values {
      padding: 40px;
      row-gap: 40px
  }
    }

  .price-comparison-chart__labels {
    display: grid;
    /*  grid-template-rows: repeat(9, minmax(0, 1fr)); */
    row-gap: 20px;
    position: relative;
    left: -3px;
    top: -10px;
    height: calc(100% - 77px);
    background: transparent
      linear-gradient(
        150deg,
        #1bb044 1%,
        #1c7a41 54%,
        #106a26 75%,
        #005500 100%
      )
      0% 0% no-repeat padding-box;
    border: 3px solid #707070;
    border-radius: 14px;
    padding: 30px 20px 20px 20px;
  }

  @media (min-width: 1000px) {

  .price-comparison-chart__labels {
      padding: 50px 48px 40px;
      row-gap: 40px
  }
    }

  .price-comparison-chart__label {
    height: 51px;
    box-sizing: border-box;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
  }

  @media (min-width: 1000px) {

  .price-comparison-chart__label {
      font-size: 22px;
      line-height: 24px
  }
    }

  .price-comparison-chart__value {
    height: 51px;
    display: flex;
    gap: 12px;
    align-items: center;
  }

  .price-comparison-chart__value__text {
      font-weight: 700;
      font-size: 14px;
      line-height: 17px;
    }

  @media (min-width: 1000px) {

  .price-comparison-chart__value__text {
        font-size: 16px;
        line-height: 19px
    }
      }

.price-comparison-chart--mobile {
  border: solid 2px #000;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}

.price-comparison-chart--mobile:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: calc(100% - 20px);
    top: 10px;
    background-color: #000;
    margin: auto;
  }

.price-comparison-chart--mobile__header {
    padding-bottom: 12px;
    border-bottom: solid 1px #000;
    text-align: center;
    margin-bottom: 12px;
    font-weight: 700;
  }

.price-comparison-chart--mobile__row {
    position: relative;
    z-index: 3;
  }

.price-comparison-chart--mobile__row__label {
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 700;
      color: #fff;
      font-size: 15px;
      padding: 8px 10px;
      background: transparent
        linear-gradient(
          150deg,
          #00b230 1%,
          #007c3a 54%,
          #006a1f 77%,
          #005700 100%
        )
        0% 0% no-repeat padding-box;
      border: 1px solid #707070;
      border-radius: 13px;
    }

.price-comparison-chart--mobile__value {
    color: #6b6b6b;
    font-weight: 700;
    padding: 12px 8px 40px 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
  }

.price-comparison-chart--mobile__value__icon {
      flex: 0 0 32px;
    }

.price-comparison-chart--mobile__value.-elf {
      color: var(--green-primary);
    }

.site-brow {
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.26px;
  background: transparent linear-gradient(150deg, #bef8d9 0%, #63ff3f 100%) 0%
    0% no-repeat padding-box;
}

.c-button {
  border-radius: 21px;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  padding: 6px 20px;
  transition: 0.3s linear;
}

  .c-button.-wide {
    padding: 11px 40px;
  }

  .c-button.-white {
    border: solid #fff 1px;
    background-color: #fff;
    color: var(--green-primary);
  }

  .c-button.-white:hover {
      color: #fff;
      background-color: var(--green-primary);
    }

  .c-button.-green-gradient {
    background: transparent
      linear-gradient(
        150deg,
        #1bb044 1%,
        #1c7a41 54%,
        #106a26 75%,
        #005500 100%
      )
      0% 0% no-repeat padding-box;
    color: #fff;
  }

  .c-button.-green-gradient:hover {
      background: transparent
        linear-gradient(
          150deg,
          #005500 1%,
          #106a26 54%,
          #1c7a41 75%,
          #1bb044 100%
        )
        0% 0% no-repeat padding-box;
    }

  .c-button.-light-green-gradient {
    color: #000;
    background: transparent linear-gradient(150deg, #bef8d9 0%, #63ff3f 100%) 0%
      0% no-repeat padding-box;
  }

  .c-button.-black-outline {
    border: solid #000 1px;
    color: #000;
  }

  .c-button.-white-outline {
    border: solid #fff 1px;
    color: #fff;
  }

  .c-button.-white-outline:hover {
      color: var(--green-primary);
      background-color: #fff;
    }

  .c-button.-grey-border {
    border-color: #707070;
  }

  .c-button.-green {
    background: var(--green-primary);
    color: #fff;
    border: solid 1px var(--green-primary);
  }

  .c-button.-green:hover {
      color: var(--green-primary);
      background-color: #fff;
    }

  .c-button.-green-border {
    border-color: var(--green-primary);
  }

  .c-button.-green-border:hover {
      color: #fff;
      background-color: var(--green-primary);
    }

  .c-button.-green-outline {
    border: solid var(--green-primary) 1px;
    color: var(--green-primary);
  }

  .c-button.-green-outline:hover {
      color: #fff;
      background-color: var(--green-primary);
    }

  @media (min-width: 768px) {

  .c-button.-large {
      font-weight: 700;

      border-radius: 50px;
      font-size: 24px;
      line-height: 32px;

      padding: 20px 40px
  }
    }

.js-gradient-btn-hover {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.js-gradient-btn-hover span {
    position: relative;
    z-index: 2;
  }

.js-gradient-btn-hover:before {
    --size: 0;
    content: '';
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(
      circle closest-side,
      var(--green-dark),
      transparent
    );
    transform: translate(-50%, -50%);
    transition: width 0.2s ease, height 0.2s ease;
  }

.js-gradient-btn-hover:hover:before {
    --size: 200px;
  }

.site-footer {
  color: #fff;
  background: transparent
    linear-gradient(180deg, #1c7941 1%, #196838 54%, #15582f 100%) 0% 0%
    no-repeat padding-box;
  padding-top: 20px;
  padding-bottom: 20px;
}

  @media (min-width: 768px) {.site-footer {
    padding-top: 60px
}
  }

  @media (min-width: 768px) {

  .site-footer__inner__menus {
        flex: 0 0 38%;
        position: relative;
        border-right: solid 1px #fff;
        margin-right: 6%;
        padding-right: 6%
    }
      }

  .site-footer__heading {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.38px;
  }

  @media (min-width: 768px) {

  .site-footer__heading {
      font-size: 19px;
      line-height: 23px
  }
    }

  .site-footer__subheading {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
  }

  @media (min-width: 768px) {

  .site-footer__subheading {
      font-size: 16px;
      line-height: 23px
  }
    }

  .site-footer__menu li {
      line-height: 1;
    }

  .site-footer__menu li a {
        font-size: 10px;
        font-weight: 500;
      }

  .site-footer__article {
    display: flex;
    flex-direction: column;
  }

  .site-footer__article figure {
      margin-bottom: 8px;
    }

  .site-footer__article__title {
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
    }

  .site-footer__article__date {
      font-size: 12px;
      line-height: 16px;
    }

  .site-footer__article:not(:last-child) {
      margin-bottom: 40px;
    }

  @media (min-width: 1020px) {

  .site-footer__article {
      flex-direction: row
  }

      .site-footer__article figure {
        margin-bottom: 0;
        flex: 0 0 60px;
        margin-right: 20px;
      }
    }

  .site-footer__contact > div:first-child {
      flex: 0 0 25px;
    }

  .site-footer__secondary {
    padding-bottom: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
  }

.js-drawer.-is-open .js-drawer-content {
      transition: 0.2s ease-in;
    }
      .js-drawer.-is-open .js-drawer-content.-add-space {
        padding-top: 16px;
      }

.page-breadcrumbs a {
    text-decoration: underline;
  }
  .page-breadcrumbs a,
  .page-breadcrumbs span {
    color: var(--green-primary);
    font-size: 11px;
  }

.article-footer {
  border-top: solid 1px var(--green-primary);
  border-bottom: solid 1px var(--green-primary);
  display: flex;
  align-items: center;
}

  .article-footer__scoring {
    color: var(--green-primary);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.24px;
  }

  @media (min-width: 768px) {

  .article-footer__scoring {
      flex: 0 0 30%;
      justify-content: flex-end
  }
    }

/* Add these new styles */
@media (max-width: 980px) { /* Adjust breakpoint as needed */
	
	.has-subitems{
		margin-left: 0px!important;
	}
	.padding-top{
		padding-top: 0px !important;
	}
	
	.table-of-contents__heading{
		margin-bottom: 0px !important;
	}
	
	.sticky{
		padding-top: 0px !important;
	}
	
	.mb-color{
/* 		color:black !important; */
		margin-bottom: 0px !important;
	}
	
	.table-of-contents {
	margin-bottom: 0px!important;
}
	.aside-toc{
		display: block !important; 
	}
  .table-of-contents.sticky {
    position: relative !important;
    top: auto !important;
  }

  .toc-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 12px;
	border-radius: 8px;
	border: 1px solid #1c7a41;
  }

  .toc-toggle-icon {
	display: block !important; /* Force show on mobile/tablet */
    transition: transform 0.3s ease;
    margin-left: 15px;
	color: #1c7a41;
  }

  .toc-content-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
	margin-left: 10px;
  }

  .table-of-contents.-is-open .toc-content-wrapper {
    max-height: 2000px; /* Adjust based on content */
  }

  .table-of-contents.-is-open .toc-toggle-icon {
    transform: rotate(180deg);
  }

  /* Keep your existing styles but override for mobile */
  .table-of-contents__list {
    padding: 12px 0 !important;
  }
  
  .table-of-contents__list li {
    padding-left: 0 !important;
	margin-bottom: 16px !important;
  }
  
  .table-of-contents__list li a::before {
    display: none !important;
  }
}

@media (min-width: 980px) {
  .toc-toggle-icon {
    display: none !important; /* Force hide on desktop */
  }
  
  .toc-mobile-header {
    cursor: auto !important; /* Remove pointer cursor */
  }
}

/* Your original CSS remains unchanged below */
.table-of-contents {
	margin-bottom: 32px;
}

.table-of-contents__heading {
    font-weight: 700;
	margin-bottom: 8px;
  }


.table-of-contents__list__toggle {
      width: 8px;
      height: 22px;
      transition: 0.15s linear;
    }

.table-of-contents__list__toggle.-is-open {
        transition: 0.15s linear;
        transform: rotate(90deg);
      }

/* .table-of-contents__list li:not(:last-child) {
        margin-bottom: 16px;
      } */

/* Add this to your stylesheet */
.table-of-contents__list li a {
  position: relative; /* Required for absolute positioning of pseudo-element */
  font-size: 14.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: .073px;
}

.table-of-contents__list{
	margin-left: 0px!important;
}
/* 
.table-of-contents__list li a:hover {
  font-weight: 600;
  text-decoration: none;
} */

.table-of-contents__list li {
	text-indent: initial;
    line-height: 22px;
    margin-bottom: 8px;
}
    
/* .table-of-contents__list li a:hover::before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: #227641;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
} */

.table-of-contents__list li > div {
        color: #000;
        font-size: 14px;
        padding: 10px 12px 10px 12px;
        border-radius: 8px;
        background: #fff;
        transition: 0.3s linear;
      }

/* .table-of-contents__list li:hover > div, .table-of-contents__list li.-is-active > div {
          background: transparent
            linear-gradient(90deg, #acf9d6 0%, #00ff00 100%) 0% 0% no-repeat
            padding-box;
        } */

.table-of-contents__list ol {
    margin-left: 1.5em; /* Indent sub-items */
    list-style-type: lower-alpha; /* Style like Wikipedia */
}
.table-of-contents__list li {
    margin: 4px 0; /* Spacing between items */
}

/* .table-of-contents__list li ol {
        max-height: 0;
        overflow: hidden;
        transition: 0.3s linear;
        padding-top: 0;
      } */

/* .table-of-contents__list li ol li {
          font-size: 13px;
          padding-left: 41px;
        } */

/* .table-of-contents__list li ol.-is-open {
          padding-top: 4px;
          transition: 0.2s linear;
          max-height: 500px;
        } */

/* Wikipedia-like styling */
.toc-list {
    list-style: none;
    padding: 0;
    margin: 0!important;
}

h3.table-of-contents__heading.mb-color {
    margin-left: 12px;
}

.toc-item {
    margin: 4px 0;
    position: relative;
}

.toc-header {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toc-header a {
	padding: 10px 12px;
    border-radius: 8px;
}

.toc-subitem {
	padding: 10px 12px;
    border-radius: 8px;
}

.toc-toggle {
    cursor: pointer;
    font-size: 0.8em;
    transform: translateY(-1px);
    user-select: none;
    transition: transform 0.2s;
}

.toc-item.active .toc-toggle {
    transform: rotate(90deg);
}

.toc-sublist {
    list-style: none;
    padding-left: 24px;
    margin: 4px 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.toc-item.active .toc-sublist {
    max-height: 1000px; /* Adjust based on content */
}

.toc-link, .toc-sublink {
    text-decoration: none;
    color: #000000;
    font-size: 0.9em;
}

.toc-sublink {
    font-size: 0.85em;
    color: #000000;
}

.has-subitems {
    margin-left: -15px;
}

.toc-link.active,
.toc-subitem.active {
    background: transparent 
                linear-gradient(90deg, #acf9d6 0%, #00ff00 100%) 
                0% 0% no-repeat padding-box;
    transition: background 0.3s ease;
}

.table-of-contents__list a {
      position: relative;
      color: #000;

      /* 
      &:before {
        height: 13px;
        line-height: 1;
        content: '>';
        position: absolute;
        left: 12px;
        top: 0;
        bottom: 0;
        margin: auto;
      } */
    }

.sub-menu-flyout {
  position: absolute;
  width: 860px;
  top: calc(100% + 26px);
  left: -140px;
  right: 0;
  margin: auto;
  border: solid 1px #707070;
  border-radius: 9px;
  z-index: 20;
  opacity: 0;
  visibility: hidden;

  transition: 0.2s opacity linear;
}

  .sub-menu-flyout > div {
    border-radius: 8px;
  }

  .sub-menu-flyout:before {
    content: '';
    position: absolute;
    left: 0;
    top: -30px;
    height: 30px;
    width: 100%;
  }

  .sub-menu-flyout__columns {
    display: grid;
    grid-template-columns: auto 250px;
    background-color: #fff;
  }

  .sub-menu-flyout__resources {
    display: grid;
    grid-template-columns: auto 240px;
    background-color: #fff;
  }

  .sub-menu-flyout__with-form {
    display: grid;
    grid-template-columns: auto 320px;
    background-color: #fff;
  }

  .sub-menu-flyout__main {
    padding: 16px 32px 24px;
    background-color: #fff;
    border-radius: 8px;
  }

  .sub-menu-flyout__main__heading {
      color: var(--green-primary);
      text-transform: uppercase;
      font-weight: 700;
      font-size: 15px;
      letter-spacing: 0.26px;
      padding-bottom: 4px;
      border-bottom: solid 1px #6bfe4d;
      margin-bottom: 8px;
    }

  .sub-menu-flyout__section__page {
      color: var(--green-primary);
      margin-left: -8px;
      text-transform: uppercase;
      font-weight: 900;
      font-size: 13px;
      letter-spacing: 0.22px;
      padding: 4px 8px;
      border-radius: 4px;
      transition: 0.2s linear;
      background: #fff;
      display: block;
      position: relative;
    }

  .sub-menu-flyout__section__page span {
        position: relative;
        z-index: 3;
      }

  .sub-menu-flyout__section__page:before {
        content: '';
        background: linear-gradient(90deg, #bef8d9 0%, #63ff3f 100%);
        opacity: 0;
        transition: 0.2s linear;
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
      }

  .sub-menu-flyout__section__page:after {
        transition: 0.2s linear;
        content: '';
        height: 8px;
        width: 8px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 6px;
        margin: auto;
        z-index: 3;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274.869%27 height=%278.854%27 viewBox=%270 0 4.869 8.854%27%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.873px; %7D %3C/style%3E%3C/defs%3E%3Cpath id=%27Path_136%27 data-name=%27Path 136%27 class=%27cls-1%27 d=%27M448.41,911.712l3.815,3.815-3.8,3.8%27 transform=%27translate%28-447.792 -911.095%29%27/%3E%3C/svg%3E%0A");
        opacity: 0;
      }

  .sub-menu-flyout__section__page:hover {
        opacity: 1;
        color: #000;
      }

  .sub-menu-flyout__section__page:hover:after,
        .sub-menu-flyout__section__page:hover:before {
          opacity: 1;
        }

  .sub-menu-flyout__section__description {
      color: #686868;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 0.22px;
      line-height: 18px;
    }

  .sub-menu-flyout__action-button {
    position: absolute;
    bottom: 16px;
    right: 16px;
    padding: 4px 12px;
    font-size: 12px;
  }

  .sub-menu-flyout__cta {
    position: relative;
    border-radius: 8px;
    background: transparent linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%) 0%
      0% no-repeat padding-box;
    padding: 24px 60px 16px 32px;
    margin: 3px;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
  }

  .sub-menu-flyout__cta__heading {
      font-weight: 900;
      font-size: 24px;
      line-height: 25px;
      letter-spacing: -0.47px;
    }

  .sub-menu-flyout__videos {
    margin: 3px;
    position: relative;
    background: transparent
      linear-gradient(90deg, #009416 1%, #1c7a41 25%, #106a26 58%, #005500 100%)
      0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 13px 14px 24px;
  }

  .sub-menu-flyout__form {
    margin: 3px;
    position: relative;
    background: transparent
      linear-gradient(90deg, #009416 1%, #1c7a41 25%, #106a26 58%, #005500 100%)
      0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 25px 38px 30px;
  }

  .sub-menu-flyout__form .gform_wrapper form .gform_body .gform_fields {
        row-gap: 8px !important;
      }

  .sub-menu-flyout__form .gform_wrapper form .gform_body .gform_fields .gfield input,
        .sub-menu-flyout__form .gform_wrapper form .gform_body .gform_fields .gfield select {
          border-radius: 6px !important;
          font-size: 12px !important;
          height: 30px !important;
        }

  .sub-menu-flyout__form .gform_wrapper form .gform_body .gform_fields .gfield select {
          border-radius: 12px !important;
          line-height: 30px !important;
        }

  .sub-menu-flyout__form .gform_wrapper form .gform_footer input[type='submit'] {
          height: 26px !important;
          width: 115px !important;
          padding: 0 !important;
          font-size: 12px !important;
          border-radius: 12px !important;
          line-height: 12px !important;
          background: transparent
            linear-gradient(150deg, #bef8d9 0%, #63ff3f 100%) !important;
          color: #000 !important;
        }

  .sub-menu-flyout__form .gform_wrapper form .gform_footer input[type='submit']:hover {
            background: transparent
              linear-gradient(150deg, #63ff3f 0%, #bef8d9 100%) !important;
          }

  .sub-menu-flyout__form__heading {
      color: #fff;
      font-weight: 700;
      font-size: 22px;
      line-height: 21px;
      letter-spacing: -0.43px;
    }

  .sub-menu-flyout__form__heading span {
        font-size: 16px;
        letter-spacing: -0.32px;
      }

.mobile-navigation {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 28px;
  width: calc(100% - 10px);
  box-sizing: border-box;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-color: #fff;
  border: 2px solid #707070;
  border-radius: 16px;
  height: 550px;
  overflow: auto;
  flex-direction: column;
}

  .mobile-navigation.-is-active {
    opacity: 1;
    display: flex;
    visibility: visible;
  }

  .mobile-navigation__header {
    padding: 12px;
    flex: 0 0 52px;
  }

  .mobile-navigation-menu > li > a {
        margin: 0 10px;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        align-items: center;

        box-sizing: border-box;
        padding: 0 4px 0 10px;
        border-bottom: solid 1px #6bfe4d;
        text-transform: uppercase;
        color: var(--green-primary);
        font-size: 16px;
        height: 50px;
        transition: 0.2s linear;
      }

  .mobile-navigation-menu > li > a.-is-active {
          transform: rotate(180deg);
        }

  .mobile-navigation-menu > li > a svg {
          width: 20px;
          height: 10px;
        }

  .mobile-navigation-drawer-toggle {
    cursor: pointer;
    width: 40px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s linear;
  }

  .mobile-navigation-drawer-toggle.-is-active {
      transform: rotate(180deg);
    }

.mobile-menu-flyout {
  max-height: 0;
  overflow: hidden;
  transition: 0.2s linear;
}

.mobile-menu-flyout.-is-open {
    padding: 16px 0 0 0;
    max-height: 900px;
  }

.mobile-menu-flyout .sub-menu-flyout__section {
    margin: 0 20px 20px;
  }

.mobile-menu-flyout .sub-menu-flyout__main__heading {
    border-bottom: none;
  }

.mobile-menu-flyout .sub-menu-flyout__cta {
    background: transparent linear-gradient(180deg, #f8f8f8 0%, #cccccc 100%) 0%
      0% no-repeat padding-box;
  }

.tu-primary-heading {
  font-weight: 900;
  letter-spacing: -1.16px;
  font-size: 40px;
  line-height: 1.1;
}

  @media (min-width: 768px) {.tu-primary-heading {
    font-size: 58px
}
  }

  @media (min-width: 1150px) {.tu-primary-heading {
    font-size: 68px
}
  }

.tu-large-heading {
  font-weight: 700;
  font-size: 34px;
  line-height: 40px;
  letter-spacing: -0.9px;
}

@media (min-width: 768px) {

.tu-large-heading {
    font-size: 44px;
    line-height: 54px
}
  }

.tu-secondary-heading {
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
}

@media (min-width: 768px) {

.tu-secondary-heading {
    font-size: 39px;
    line-height: 46px
}
  }

.tu-secondary-heading.--medium {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
  }

@media (min-width: 768px) {

.tu-secondary-heading.--medium {
      font-size: 30px;
      line-height: 36px
  }
    }

.tu-medium-heading {
  font-weight: 700;
  font-size: 25px;
  line-height: 32px;
}

@media (min-width: 768px) {

.tu-medium-heading {
    font-size: 32px;
    line-height: 38px
}
  }

.tu-tertiary-heading {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
}

@media (min-width: 768px) {

.tu-tertiary-heading {
    font-size: 26px;
    line-height: 31px
}
  }

.tu-small-heading {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}

@media (min-width: 768px) {

.tu-small-heading {
    font-size: 21px;
    line-height: 24px
}
  }

.tu-small-heading.-medium {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
  }

.tu-body-copy {
  font-size: 15.37px;
  line-height: 27px;
}

.tu-body-copy.-spaced {
    font-size: 16px;
    line-height: 35px;
  }

.u-text-green-primary {
  color: var(--green-primary);
}

.u-text-green-dark {
  color: var(--green-dark);
}

.u-light-green-gradient {
  background: transparent linear-gradient(90deg, #acf9d6 0%, #00ff00 100%) 0% 0%
    no-repeat padding-box;
}

.u-full-page-gradient {
  background: transparent linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%) 0%
    0% no-repeat padding-box;
}

.u-responsive-iframe {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

  .u-responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  @media (max-width: 1200px) {

  .u-responsive-iframe iframe {
      height: 98%
  }
    }

  @media (max-width: 900px) {

  .u-responsive-iframe iframe {
      height: 95%
  }
    }

  @media (max-width: 600px) {

  .u-responsive-iframe iframe {
      height: 90%
  }
    }

.wp-caption {
  max-width: 100%;
}
p iframe {
    max-width: 100%;
  }

.u-content p:not(:last-child),
  .u-content ul:not(:last-child),
  .u-content ol:not(:last-child),
  .u-content .wp-block-image,
  .u-content .wp-caption {
    margin-bottom: 20px;
  }

.u-content h4,
  .u-content h4 span {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 18px;
    color: var(--green-primary);
  }

@media (min-width: 768px) {

.u-content h4,
  .u-content h4 span {
      font-size: 18px;
      line-height: 20px
  }
    }

.u-content h2,
  .u-content h2 span {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 18px;
    color: var(--green-primary);
  }

@media (min-width: 768px) {

.u-content h2,
  .u-content h2 span {
      font-size: 26px;
      line-height: 30px
  }
    }

.u-content h3,
  .u-content h3 span {
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 18px;
    color: var(--green-primary);
  }

@media (min-width: 768px) {

.u-content h3,
  .u-content h3 span {
      font-size: 21px;
      line-height: 24px
  }
    }

.u-content ul {
    padding-left: 18px;
  }

.u-content ul li {
      list-style: disc outside;
    }

.u-content ul li:not(:last-child) {
        margin-bottom: 6px;
      }

.u-content ol {
    padding-left: 18px;
  }

.u-content ol li {
      list-style: decimal outside;
    }

.u-content ol li:not(:last-child) {
        margin-bottom: 6px;
      }

.u-content a:not(.c-button) {
    color: var(--green-primary);
    text-decoration: underline;
    transition: 0.2s linear;
    white-space: nowrap;
  }


.u-content a:not(.c-button):hover {
      background: transparent linear-gradient(90deg, #acf9d6 0%, #00ff00 100%)
        0% 0% no-repeat padding-box;
      /* text-decoration: none; */
      color: #fff;
    }

.u-content .sitemap-section a {
      text-decoration: none;
    }

.u-section-label {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}

.u-section-label span {
    position: relative;
    display: inline-block;
  }

.u-section-label span:after {
      position: absolute;
      bottom: -3px;
      left: 0;
      content: '';
      height: 2px;
      width: 100%;
      background-color: var(--green-primary);
    }

.u-video-player-container {
  /* position: relative;
  padding: 7% 6%;

  &.-small {
    @media (min-width: 768px) {
      padding: 6% 6%;
    }
  } */
  padding: 0 0 20px;
}

/*
.u-video-player-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
*/

/*
.u-video-player-container {
  position: relative;
  padding: 60px 108px 55px 89px;
  iframe {
    border-radius: 20px;
  }

  &:before {
    content: '';
    position: absolute;
    top: -40px;
    left: -40px;
    height: calc(100% + 40px);
    width: calc(100% + 40px);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
*/

.u-std-form__private {
    color: #747474;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
  }

.u-std-form__field:not(:last-child) {
      margin-bottom: 14px;
    }

.u-std-form__field input[type='tel'],
    .u-std-form__field input[type='text'],
    .u-std-form__field input[type='email'],
    .u-std-form__field select {
      background-color: #fff;
      border: 0.8007212281227112px solid #b2d8be;
      border-radius: 11px;
      height: 41px;

      padding-left: 15px;
      display: block;
      width: 100%;
    }

.u-std-form__field input[type='tel']::-moz-placeholder, .u-std-form__field input[type='text']::-moz-placeholder, .u-std-form__field input[type='email']::-moz-placeholder, .u-std-form__field select::-moz-placeholder {
        color: #90a095;
      }

.u-std-form__field input[type='tel']::placeholder, .u-std-form__field input[type='text']::placeholder, .u-std-form__field input[type='email']::placeholder, .u-std-form__field select::placeholder {
        color: #90a095;
      }

.u-std-form__field select {
      border-radius: 21px;
    }

.u-std-form.-newsletter-form {
    position: relative;
  }

.u-std-form.-newsletter-form input[type='email'] {
      border-radius: 21px;
      height: 52px;
    }

.u-std-form.-newsletter-form button {
      position: absolute;
      right: 6px;
      top: 6px;
    }

.u-hero-bg-gradient {
  background: transparent
    linear-gradient(180deg, #1bb044 1%, #1c7a41 54%, #106a26 75%, #005500 100%)
    0% 0% no-repeat padding-box;
}

hr {
  background-color: var(--green-primary) !important;
  height: 2px !important;
}

.u-green-callout {
  background: transparent linear-gradient(180deg, #bef8d9 0%, #b9e9cd 100%) 0%
    0% no-repeat padding-box;
  border-radius: 62px;
  padding: 32px 52px;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 1px;
}
.blog-content h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    color: var(--green-primary);
    margin-bottom: 1.5rem;
  }
@media (min-width: 768px) {
.blog-content h2 {
      font-size: 29px;
      line-height: 34px
  }
    }
.blog-content h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: var(--green-primary);
    margin-bottom: 1.5rem;
  }
@media (min-width: 768px) {
.blog-content h3 {
      font-size: 23px;
      line-height: 27px
  }
    }
.blog-content ul,
  .blog-content ol {
    margin-left: 18px;
  }

.u-grey-gradient {
  background: transparent linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%) 0%
    0% no-repeat padding-box;
}

.hr {
  height: 1px;
  background-color: var(--green-primary);
}

/* Targeting radio buttons inside Gravity Forms */
.gform_wrapper input[type="radio"] {
    -webkit-appearance: none; /* For Webkit browsers like Chrome, Safari */
    -moz-appearance: none; /* For Firefox */
    appearance: none; /* Standard property for all browsers */
    width: 20px; /* Adjust the size of the radio button */
    height: 20px; /* Adjust the size of the radio button */
    border-radius: 50%; /* Make the input a circle */
    border: 2px solid #1a6f39; /* Border color of the circle */
    position: relative; /* To position the filled circle inside */
    background-color: white; /* Default background (unfilled state) */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
    outline: none !important; /* Remove default outline */
}

/* Fill the radio button circle when checked */
.gform_wrapper input[type="radio"]:checked {
    background-color: white; /* Fill color when checked */
    border-color: #1a6f39; /* Border color when checked */
}

/* Add a dot inside the circle when checked */
.gform_wrapper input[type="radio"]:checked::after {
    content: ''; /* Empty content */
    position: absolute;
    top: 4px; /* Adjust the position of the dot */
    left: 4px; /* Adjust the position of the dot */
    width: 10px; /* Size of the inner dot */
    height: 10px; /* Size of the inner dot */
    border-radius: 50%; /* Make the dot round */
    background-color: #1a6f39; /* Color of the inner dot */
}

/* Optional: Adjust radio button size for different screen sizes */
@media (max-width: 768px) {
    .gform_wrapper input[type="radio"] {
        width: 18px; /* Smaller radio button on mobile devices */
        height: 18px; /* Adjust size on mobile */
    }
}

/* Optional: Add hover effect for better UX */
.gform_wrapper input[type="radio"]:hover {
    cursor: pointer; /* Change cursor to indicate interactability */
    border-color: #3e8e41; /* Darker border color on hover */
}


.gform_wrapper .gform_footer input[type='submit'] {
      transition: 0.3s linear;
      margin: auto !important;
      border-radius: 21px !important;
      text-align: center !important;
      display: inline-block !important;
      font-size: 15px !important;
      line-height: 18px !important;
      font-weight: 500 !important;
      padding: 11px 40px !important;
      background: transparent
        linear-gradient(
          150deg,
          #1bb044 1%,
          #1c7a41 54%,
          #106a26 75%,
          #005500 100%
        )
        0% 0% no-repeat padding-box !important;
      color: #fff !important;
    }

      .gform_wrapper .gform_footer input[type='submit']:hover {
        background: transparent
          linear-gradient(
            150deg,
            #005500 1%,
            #106a26 54%,
            #1c7a41 75%,
            #1bb044 100%
          )
          0% 0% no-repeat padding-box !important;
      }
  .gform_wrapper .gform_body .gform_fields {
      row-gap: 16px;
    }
  .gform_wrapper .gform_body .gform_fields .u-form-consent-checkbox label {
          font-size: 10px !important;
        }
  .gform_wrapper .gform_body .gform_fields input,
      .gform_wrapper .gform_body .gform_fields select,
      .gform_wrapper .gform_body .gform_fields textarea {
        padding-left: 18px !important;
        border: 1px solid #1a6f39 !important;
        border-radius: 11px !important;
        width: 100% !important;
        display: block !important;
        font-weight: 500 !important;
        font-size: 15px !important;
      }
  .gform_wrapper .gform_body .gform_fields input[aria-invalid='true'], .gform_wrapper .gform_body .gform_fields select[aria-invalid='true'], .gform_wrapper .gform_body .gform_fields textarea[aria-invalid='true'] {
          outline: 2px solid #c02b0a;
          border-color: #c02b0a !important;
        }
  .gform_wrapper .gform_body .gform_fields textarea {
        min-block-size: 190px !important;
      }
  .gform_wrapper .gform_body .gform_fields textarea[aria-invalid='true'] {
          outline: 2px solid #c02b0a;
          border-color: #c02b0a !important;
        }
  .gform_wrapper .gform_body .gform_fields input:not([type='checkbox']):not([type='radio']),
      .gform_wrapper .gform_body .gform_fields select {
        height: 52px !important;
      }
  .gform_wrapper .gform_body .gform_fields select {
        display: flex !important;
        border-radius: 26px !important;
        align-items: center !important;
      }
  .gform_wrapper .gform_body .gform_fields input[type='checkbox'] {
        border-radius: 3px !important;
        height: 15px !important;
        width: 15px !important;
        padding: 0 !important;
      }

::placeholder,
::-ms-input-placeholder {
  color: #849589;
  opacity: 1;
}

.gform_validation_errors,
.gfield_description.instruction,
.gfield_validation_message {
  display: none !important;
}

.elf-search-form {
  border: solid 1px var(--green-primary);
  width: 260px;
  top: calc(100% + 5px);
  right: 0;
  opacity: 0;
  display: none;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s linear;

  border-radius: 10px;
  padding: 10px;
  position: absolute;
}

.elf-search-form input {
    padding-right: 80px;
    height: 31px;
    padding-left: 10px !important;
    border: 1px solid #1a6f39 !important;
    width: 100% !important;
    display: block !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-radius: 21px !important;
  }

.elf-search-form input[aria-invalid='true'] {
      outline: 2px solid #c02b0a;
      border-color: #c02b0a !important;
    }

.elf-search-form button[type='submit'] {
    position: absolute;
    right: 10px;
    top: 10px;
    transition: 0.3s linear;
    margin: auto !important;
    border-radius: 21px !important;
    text-align: center !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 17px !important;
    font-weight: 500 !important;
    padding: 7px 15px !important;
    background: transparent
      linear-gradient(
        150deg,
        #1bb044 1%,
        #1c7a41 54%,
        #106a26 75%,
        #005500 100%
      )
      0% 0% no-repeat padding-box !important;
    color: #fff !important;
  }

.elf-search-form button[type='submit']:hover {
      background: transparent
        linear-gradient(
          150deg,
          #005500 1%,
          #106a26 54%,
          #1c7a41 75%,
          #1bb044 100%
        )
        0% 0% no-repeat padding-box !important;
    }

.elf-search-form.-is-active {
    opacity: 1;
    display: block;
    pointer-events: all;
    visibility: visible;
  }

/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.-bottom-4 {
  bottom: -1rem;
}
.-left-24 {
  left: -6rem;
}
.-top-14 {
  top: -3.5rem;
}
.-top-6 {
  top: -1.5rem;
}
.right-11 {
  right: 2.75rem;
}
.top-16 {
  top: 4rem;
}
.z-10 {
  z-index: 10;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.-order-1 {
  order: -1;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.-mb-32 {
  margin-bottom: -8rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-22 {
  margin-bottom: 4.5rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.mb-28 {
  margin-bottom: 7rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.mb-36 {
  margin-bottom: 9rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-48 {
  margin-bottom: 12rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-full {
  height: 100%;
}
.w-1\/2 {
  width: 50%;
}
.w-3\/4 {
  width: 75%;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-full {
  width: 100%;
}
.max-w-md {
  max-width: 28rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-11 {
  gap: 2.75rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.gap-x-16 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-7 {
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}
.gap-y-11 {
  row-gap: 2.75rem;
}
.gap-y-16 {
  row-gap: 4rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-24 {
  row-gap: 6rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-7 {
  row-gap: 1.75rem;
}
.self-center {
  align-self: center;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border-4 {
  border-width: 4px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pt-11 {
  padding-top: 2.75rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.uppercase {
  text-transform: uppercase;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.outline {
  outline-style: solid;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/*
@import 'styles/lib/glide';
*/
@media (min-width: 640px) {

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mr-5 {
    margin-right: 1.25rem;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:text-left {
    text-align: left;
  }
}
@media (min-width: 768px) {

  .md\:-top-12 {
    top: -3rem;
  }

  .md\:-top-6 {
    top: -1.5rem;
  }

  .md\:-order-1 {
    order: -1;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:order-none {
    order: 0;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:-mb-32 {
    margin-bottom: -8rem;
  }

  .md\:-ml-6 {
    margin-left: -1.5rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:mb-24 {
    margin-bottom: 6rem;
  }

  .md\:mb-28 {
    margin-bottom: 7rem;
  }

  .md\:mb-32 {
    margin-bottom: 8rem;
  }

  .md\:mb-36 {
    margin-bottom: 9rem;
  }

  .md\:mb-44 {
    margin-bottom: 11rem;
  }

  .md\:ml-12 {
    margin-left: 3rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:max-w-xl {
    max-width: 36rem;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-16 {
    gap: 4rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:gap-x-56 {
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

  .md\:pb-28 {
    padding-bottom: 7rem;
  }

  .md\:pb-36 {
    padding-bottom: 9rem;
  }

  .md\:pb-40 {
    padding-bottom: 10rem;
  }

  .md\:pl-0 {
    padding-left: 0px;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-16 {
    padding-top: 4rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-24 {
    padding-top: 6rem;
  }

  .md\:pt-32 {
    padding-top: 8rem;
  }

  .md\:pt-40 {
    padding-top: 10rem;
  }

  .md\:pt-44 {
    padding-top: 11rem;
  }

  .md\:text-left {
    text-align: left;
  }
}
@media (min-width: 1024px) {

  .lg\:top-8 {
    top: 2rem;
  }
	
  .lg\:block {
    display: block;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }
}