@charset "UTF-8";
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/open-sans-v35-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../assets/fonts/open-sans-v35-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../assets/fonts/open-sans-v35-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed", serif;
  font-style: normal;
  font-weight: normal;
  src: url("../assets/fonts/RobotoCondensed-Regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed", serif;
  font-style: normal;
  font-weight: bold;
  src: url("../assets/fonts/RobotoCondensed-SemiBold.woff2") format("woff2");
}
:root {
  --plyr-color-main: #3b9667;
  --plyr-control-icon-size: 44px;
}

/*

     @include grid-md {
        min-height: 40vh;
    }

*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
.tst {
  background: #FFFFFF;
  font-family: "Open Sans";
  overflow: hidden;
}
.tst__wrap {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 28px;
}
@media only screen and (max-width: 767.98px) {
  .tst__wrap {
    padding: 0 20px;
  }
}
.tst .tst-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #3b9768;
  margin: 0 0 14px;
}
.tst .tst-eyebrow::before {
  content: "";
  width: 26px;
  height: 2px;
  background: #3b9768;
}
.tst .tst-stars {
  display: inline-flex;
  gap: 3px;
  color: #3b9768;
  font-size: 0.95rem;
  line-height: 1;
  letter-spacing: 2px;
}
.tst .tst-stars::before {
  content: "★★★★★";
}
.tst .tst-mono {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 50%;
  background: #3b9768;
  color: #FFFFFF;
  font-family: "Bebas Neue", serif;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 1;
  padding-top: 3px;
}
.tst .tst-since {
  display: inline-block;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #73694f;
  background: rgba(224, 180, 49, 0.16);
  border-radius: 100px;
  padding: 5px 12px;
  white-space: nowrap;
}

.tst-hero {
  position: relative;
  background: radial-gradient(120% 120% at 85% -10%, rgba(59, 151, 104, 0.22), transparent 55%), linear-gradient(160deg, #243042 0%, #1c2530 70%);
  color: #FFFFFF;
  padding: 96px 0 84px;
  isolation: isolate;
}
@media only screen and (max-width: 767.98px) {
  .tst-hero {
    padding: 64px 0 56px;
  }
}
.tst-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 22px 22px;
  z-index: -1;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
}
.tst-hero__glyph {
  position: absolute;
  top: -38px;
  right: 2%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.05);
  font-style: italic;
  pointer-events: none;
  z-index: -1;
}
@media only screen and (max-width: 991.98px) {
  .tst-hero__glyph {
    font-size: 16rem;
    right: -10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .tst-hero__glyph {
    display: none;
  }
}
.tst-hero__badge {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #3b9768;
  background: rgba(59, 151, 104, 0.16);
  border: 1px solid rgba(59, 151, 104, 0.35);
  border-radius: 100px;
  padding: 6px 16px;
  margin-bottom: 26px;
}
.tst-hero__title {
  font-family: "Bebas Neue", serif;
  font-weight: 400;
  font-size: 5.5rem;
  line-height: 0.92;
  letter-spacing: 0.01em;
  margin: 0 0 22px;
  max-width: 14ch;
  color: #FFFFFF;
}
.tst-hero__title span {
  color: #3b9768;
}
@media only screen and (max-width: 991.98px) {
  .tst-hero__title {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .tst-hero__title {
    font-size: 2.9rem;
  }
}
.tst-hero__sub {
  font-size: 1.15rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.66);
  max-width: 46ch;
  margin: 0;
}
@media only screen and (max-width: 767.98px) {
  .tst-hero__sub {
    font-size: 1rem;
  }
}

.tst-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 56px;
  margin-top: 52px;
  padding-top: 34px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
@media only screen and (max-width: 767.98px) {
  .tst-stats {
    gap: 22px 32px;
    margin-top: 38px;
  }
}
.tst-stats__num {
  display: block;
  font-family: "Bebas Neue", serif;
  font-size: 3.4rem;
  line-height: 0.9;
  color: #FFFFFF;
}
.tst-stats__num em {
  font-style: normal;
  color: #3b9768;
}
@media only screen and (max-width: 767.98px) {
  .tst-stats__num {
    font-size: 2.6rem;
  }
}
.tst-stats__lbl {
  display: block;
  margin-top: 8px;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

.tst-spotlight {
  background: #faf9f7;
  padding: 80px 0;
}
@media only screen and (max-width: 767.98px) {
  .tst-spotlight {
    padding: 52px 0;
  }
}
.tst-spotlight__head {
  margin-bottom: 30px;
}
.tst-spotlight__title {
  font-family: "Roboto Condensed", serif;
  font-weight: 700;
  font-size: 1.9rem;
  line-height: 1.1;
  color: #1c2530;
  margin: 0;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767.98px) {
  .tst-spotlight__title {
    font-size: 1.5rem;
  }
}
.tst-spotlight__card {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  background: #FFFFFF;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 30px 70px -40px rgba(28, 37, 48, 0.55);
  border: 1px solid #e7e2da;
}
@media only screen and (max-width: 991.98px) {
  .tst-spotlight__card {
    grid-template-columns: 1fr;
  }
}
.tst-spotlight__quote {
  position: relative;
  padding: 56px 52px 48px;
}
@media only screen and (max-width: 767.98px) {
  .tst-spotlight__quote {
    padding: 38px 26px 32px;
  }
}
.tst-spotlight__quote::before {
  content: "“";
  position: absolute;
  top: 10px;
  left: 36px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 9rem;
  line-height: 1;
  color: rgba(59, 151, 104, 0.14);
  pointer-events: none;
}
@media only screen and (max-width: 767.98px) {
  .tst-spotlight__quote::before {
    left: 14px;
    font-size: 6rem;
  }
}
.tst-spotlight__pull {
  position: relative;
  font-family: "Roboto Condensed", serif;
  font-weight: 700;
  font-size: 1.85rem;
  line-height: 1.28;
  color: #1c2530;
  margin: 0 0 26px;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767.98px) {
  .tst-spotlight__pull {
    font-size: 1.4rem;
  }
}
.tst-spotlight__body p {
  font-size: 1rem;
  line-height: 1.82;
  color: #535964;
  margin: 0 0 16px;
}
.tst-spotlight__body p:last-child {
  margin-bottom: 0;
}
.tst-spotlight__body p strong {
  color: #1c2530;
}
.tst-spotlight__author {
  position: relative;
  padding: 48px 40px;
  color: #FFFFFF;
  background: radial-gradient(140% 100% at 100% 0, rgba(59, 151, 104, 0.5), transparent 60%), linear-gradient(155deg, #3b9768 0%, #276445 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 6px;
}
@media only screen and (max-width: 767.98px) {
  .tst-spotlight__author {
    padding: 34px 26px;
  }
}
.tst-spotlight__author .tst-mono {
  width: 66px;
  height: 66px;
  flex-basis: 66px;
  font-size: 1.75rem;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 18px;
}
.tst-spotlight__author h3 {
  font-family: "Roboto Condensed", serif;
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0;
  color: #FFFFFF;
}
.tst-spotlight__co {
  font-size: 0.98rem;
  font-weight: 700;
  margin: 4px 0 0;
  color: rgba(255, 255, 255, 0.92);
}
.tst-spotlight__loc {
  font-size: 0.9rem;
  margin: 2px 0 16px;
  color: rgba(255, 255, 255, 0.66);
}
.tst-spotlight__author .tst-since {
  align-self: flex-start;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.18);
}
.tst-spotlight__author .tst-stars {
  color: rgba(255, 255, 255, 0.95);
  margin-top: 16px;
}

.tst-wall {
  background: #FFFFFF;
  padding: 76px 0 84px;
}
@media only screen and (max-width: 767.98px) {
  .tst-wall {
    padding: 52px 0 60px;
  }
}
.tst-wall__head {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 48px;
}
.tst-wall__head .tst-eyebrow {
  justify-content: center;
}
.tst-wall__title {
  font-family: "Bebas Neue", serif;
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 0.96;
  color: #1c2530;
  margin: 0;
}
@media only screen and (max-width: 767.98px) {
  .tst-wall__title {
    font-size: 2.3rem;
  }
}
.tst-wall__grid {
  column-count: 2;
  column-gap: 26px;
}
@media only screen and (max-width: 991.98px) {
  .tst-wall__grid {
    column-count: 1;
    max-width: 640px;
    margin: 0 auto;
  }
}

.tst-card {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
  margin-bottom: 26px;
  background: #faf9f7;
  border: 1px solid #e7e2da;
  border-radius: 16px;
  padding: 30px 30px 26px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
@media only screen and (max-width: 767.98px) {
  .tst-card {
    padding: 24px 22px 22px;
  }
}
.tst-card:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 151, 104, 0.45);
  box-shadow: 0 26px 50px -34px rgba(28, 37, 48, 0.5);
}
.tst-card__quote {
  font-family: "Roboto Condensed", serif;
  font-weight: 700;
  font-size: 1.28rem;
  line-height: 1.34;
  color: #1c2530;
  margin: 16px 0 16px;
  letter-spacing: -0.01em;
}
.tst-card__body p {
  font-size: 0.95rem;
  line-height: 1.74;
  color: #535964;
  margin: 0 0 14px;
}
.tst-card__body p:last-child {
  margin-bottom: 0;
}
.tst-card__body p strong {
  color: #1c2530;
  font-weight: 700;
}
.tst-card__author {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid #e7e2da;
}
.tst-card__id {
  min-width: 0;
  flex: 1;
}
.tst-card__name {
  font-family: "Roboto Condensed", serif;
  font-weight: 700;
  font-size: 1.08rem;
  color: #1c2530;
  margin: 0;
  line-height: 1.2;
}
.tst-card__co {
  font-size: 0.85rem;
  font-weight: 700;
  color: #3b9768;
  margin: 3px 0 0;
}
.tst-card__loc {
  font-size: 0.8rem;
  color: #7C8088;
  margin: 1px 0 0;
}
.tst-card__since {
  margin-top: 16px;
}
.tst-card:nth-child(5n+1) .tst-mono {
  background: #3b9768;
}
.tst-card:nth-child(5n+2) .tst-mono {
  background: #007dc3;
}
.tst-card:nth-child(5n+3) .tst-mono {
  background: #e94181;
}
.tst-card:nth-child(5n+4) .tst-mono {
  background: #1c2530;
}
.tst-card:nth-child(5n+5) .tst-mono {
  background: #E0B431;
  color: #1c2530;
}

.tst-cta {
  position: relative;
  background: radial-gradient(110% 130% at 50% 0, rgba(59, 151, 104, 0.18), transparent 60%), linear-gradient(160deg, #243042 0%, #1c2530 80%);
  border-top: 4px solid #3b9768;
  padding: 88px 28px;
  text-align: center;
  color: #FFFFFF;
}
@media only screen and (max-width: 767.98px) {
  .tst-cta {
    padding: 60px 22px;
  }
}
.tst-cta__inner {
  max-width: 640px;
  margin: 0 auto;
}
.tst-cta__title {
  font-family: "Bebas Neue", serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 0.98;
  margin: 0 0 16px;
  color: #FFFFFF;
}
.tst-cta__title span {
  color: #3b9768;
}
@media only screen and (max-width: 767.98px) {
  .tst-cta__title {
    font-size: 2.2rem;
  }
}
.tst-cta__desc {
  font-size: 1.08rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.66);
  margin: 0 0 32px;
}
@media only screen and (max-width: 767.98px) {
  .tst-cta__desc {
    font-size: 0.98rem;
  }
}
.tst-cta__btn {
  display: inline-block;
  background: #3b9768;
  color: #FFFFFF;
  font-family: "Roboto Condensed", serif;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: 0.01em;
  padding: 15px 40px;
  border-radius: 8px;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  box-shadow: 0 18px 36px -18px rgba(59, 151, 104, 0.9);
}
.tst-cta__btn:hover {
  transform: translateY(-2px);
  color: #FFFFFF;
}
.tst-cta__note {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  margin: 16px 0 0;
}

.tst.is-ready [data-reveal] {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.tst.is-ready [data-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .tst.is-ready [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none;
  }
}

/*# sourceMappingURL=testimonials.css.map */