.css-section-2 {
  padding: 80px 0;
}

.css-section-2 .row.text {
  align-items: center;
  justify-content: center;
}

.css-section-2 .row.text .para.medium {
  /* font-weight: 700; */
  text-align: center;
  max-width: 82vw;
  font-size: 26px;
  line-height: 1.44;
}

.css-section-2 .row.text .para.medium a,
.css-section-2 .row.text .para.medium a .text-green {
  text-decoration: underline;
}

.css-section-2 .background-images {
  display: none;
}

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

.css-section-3 .para.medium.text-black {
  text-align: center;
  /* font-weight: 700; */
  letter-spacing: 0.35px;
}

.css-section-3 .para.medium.text-black a{
  text-decoration: underline;
}

.css-section-3 .para.medium {
  font-size: 24px;
}
.css-section-3 .container {
  max-width: none;
}
article.css-section-4 {
  text-align: center;
  /* font-weight: 700; */
}

article.css-section-4 .container {
  display: flex;
  justify-content: center;
  align-items: center;
}

article.css-section-4 a {
  text-decoration: underline;
  color: #ffffff;
  font-size: 24px;
}

article.css-section-4 a .text-green{
  text-decoration: underline;
}

article.css-section-4 .row .title {
  /* font-weight: 700; */
  line-height: 1.11;
  margin: 0;
}

article.css-section-4 .row p:last-child {
  margin-top: 1rem;
}

article.css-section-4 {
  border-bottom: 12px solid #ffffff !important;
}

.text-animation-section {
  padding: 60px;
  background: #8ace00;
}
.text-animation-section h2,
.text-animation-section footer {
  display: none;
}
.text-animation-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:20px;

}
.text-animation-container > div:first-child p  {
  font-size: 46px;
  line-height: 0.78;
}
.blazy .slick-track p {
  font-size: 26px;
  max-width: 50vw;
  line-height: 1.44;
}
.because-text-wrapper {
  text-align: center;
}
.blazy.slick--field {
  text-align: center;
}
.paragraph--type--carousel div:not(.visually-hidden) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-animation-container > div:first-child p {
  color: #ffffff;
}

.text-black {
  color: #000;
}

/* @media only screen and (min-width: 2500px) {
  .css-section-2 .row.text .para.medium {
      font-size: 2.5rem;
  }

  .blazy .slick-track p{
    font-size: 3.12rem;
  }

  .text-animation-section{
    padding: 6.25rem;
  }

} */

@media only screen and (min-width: 2500px) {
  .css-section-2 .row.text .para.medium {
    max-width: 74vw;
    font-size: 2.812rem;
  }

  .text-animation-container > div:first-child p{
    font-size: 6.875rem;
  }
  .blazy .slick-track p{
    font-size: 3.44rem;
  }
  .text-animation-section{
    padding: 9.4rem;
  }

  article.css-section-4 {
      padding: 6.25rem 0;
  }

  article.css-section-4 .row .title {
    font-size: 5.625rem;
  }

  article.css-section-4 a{
    font-size: 2.813rem;
  }

  .css-section-3 .title.large{
    font-size: 6.88rem;
  }

  .css-section-3 .para.medium.text-black a{
    font-size: 3.13rem;
  }
}



@media only screen and (max-width: 991px) {

  .css-section-2 {
    padding: 35px 0;
  }

  .css-section-2 .row.text .para.medium {
  line-height: 1.26;
  }
  .css-section-2 .para.medium {
    font-size: 34px !important;
    max-width: 90vw !important;
  }

  .text-animation-section{
    padding: 40px;
  }

  .text-animation-container {
    gap: 22px;
  }
  .text-animation-container > div:first-child {
    text-align: center;
    max-width: 248px;
  }
  .text-animation-container > div:first-child p {
    font-size: 54px;
  }
  .blazy .slick-track p {
    max-width: none;
    line-height: 1.26;
  }
  .text-animation-container > div:first-child .text-black {
    font-size: 54px;
  }
}

@media only screen and (max-width: 600px) {
  .text-animation-container > div:first-child {
    max-width: 85vw;
  }

  .text-animation-container > div:first-child p {
    font-size: 60px;
    max-width: 75vw;
  }
  .text-animation-container > div:first-child .text-black {
    font-size: 70px;
  }
  .css-section-2 .para.medium {
    font-size: 22px !important;
    max-width: 90vw !important;
  }
  article.css-section-4 .row .title {
    font-size: 36px !important;
  }

  .css-section-3 .h2 {
    margin-bottom: 8px;
    font-size: 50px !important;
  }

  .css-section-3 .para.medium {
    font-size: 26px;
  }
  article.css-section-4 a {
    font-size: 26px;
    margin-top: 8px;
  }
}