:root {
  --color--50: #f6f1ed;
  --font--regular: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --color--900: #20231d;
  --text--100: clamp(.9rem, .807rem + .31vw, 1rem);
  --font--brand: Merriweather, serif;
  --color--500: #9eb18f;
  --space--150: clamp(1.27rem, 1.054rem + .72vw, 1.63rem);
  --text--300: clamp(3rem, 1.125rem + 6.25vw, 5rem);
  --text--275: clamp(2.58rem, 1.164rem + 4.72vw, 4.09rem);
  --text--250: clamp(2.22rem, 1.17rem + 3.5vw, 3.34rem);
  --text--225: clamp(1.91rem, 1.142rem + 2.56vw, 2.73rem);
  --text--200: clamp(1.64rem, 1.076rem + 1.88vw, 2.24rem);
  --text--50: clamp(.75rem, .75rem + 0vw, .75rem);
  --text--75: clamp(.85rem, .826rem + .08vw, .875rem);
  --text--125: clamp(1.05rem, .891rem + .53vw, 1.22rem);
  --text--150: clamp(1.22rem, .968rem + .84vw, 1.49rem);
  --text--175: clamp(1.41rem, 1.017rem + 1.31vw, 1.83rem);
  --color--200: #d8e0d2;
  --color--white: white;
  --color--300: #c5d0bc;
  --color--100: #ecefe9;
  --color--400: #b1c1a5;
  --color--600: #7e8e72;
  --color--700: #5f6a56;
  --color--800: #3f4739;
  --color--950: #232222;
  --color--black: black;
  --space--100: clamp(.875rem, .8rem + .25vw, 1rem);
  --space--50: clamp(.5rem, .5rem + 0vw, .5rem);
  --color--none: #0000;
  --space--250: clamp(2.67rem, 1.686rem + 3.28vw, 4.31rem);
  --space--350: clamp(5.62rem, 2.146rem + 11.58vw, 11.41rem);
  --space--400: clamp(8.16rem, 1.914rem + 20.82vw, 18.57rem);
  --space--200: clamp(1.84rem, 1.354rem + 1.62vw, 2.65rem);
  --space--175: clamp(1.53rem, 1.2rem + 1.1vw, 2.08rem);
  --space--0: 0px;
  --space--25: clamp(.25rem, .25rem + 0vw, .25rem);
  --space--125: clamp(1.05rem, .912rem + .46vw, 1.28rem);
  --space--75: clamp(.25rem, .25rem + 0vw, .25rem);
  --space--225: clamp(2.22rem, 1.524rem + 2.32vw, 3.38rem);
  --space--275: clamp(3.22rem, 1.852rem + 4.56vw, 5.5rem);
  --space--300: clamp(3.88rem, 2.002rem + 6.26vw, 7.01rem);
  --space--325: clamp(4.67rem, 2.108rem + 8.54vw, 8.94rem);
  --space--375: clamp(6.77rem, 2.102rem + 15.56vw, 14.55rem);
  --space--425: clamp(9.83rem, 1.52rem + 27.7vw, 23.68rem);
  --space--450: clamp(11.83rem, .802rem + 36.76vw, 30.21rem);
  --space--475: clamp(14.25rem, -.324rem + 48.58vw, 38.54rem);
  --space--500: clamp(17.17rem, -2.024rem + 63.98vw, 49.16rem);
  --space--525: clamp(20.68rem, -4.544rem + 84.08vw, 62.72rem);
  --space--550: clamp(24.91rem, -8.144rem + 110.18vw, 80rem);
  --space--575: clamp(30rem, -13.236rem + 144.12vw, 102.06rem);
  --trash--red: #ff00e1;
  --trash--dark-50: #ff00e1;
  --trash--brand: #ff00e1;
}

body {
  background-color: var(--color--50);
  font-family: var(--font--regular);
  color: var(--color--900);
  font-size: var(--text--100);
  text-wrap: balance;
  font-weight: 400;
  line-height: 1.9;
}

h1 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
}

h5 {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--font--brand);
  color: var(--color--500);
  font-size: var(--space--150);
  font-weight: 300;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin-bottom: 0;
}

a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
  display: block;
}

@media screen and (min-width: 1440px) {
  .header {
    margin-top: 0;
  }

  .nav_sec {
    height: 2.8rem;
    margin-top: 1rem;
    top: .5rem;
  }

  .hero_sec {
    border-radius: 1rem;
    width: 100%;
    max-width: 88rem;
    margin-left: auto;
    margin-right: auto;
  }

  .hero_con {
    height: calc(100vh - 6rem);
  }

  .blog_card_list {
    grid-auto-columns: 1fr;
  }

  .subs_sec {
    border-radius: 1rem;
    max-width: 88rem;
  }
}

@media screen and (max-width: 991px) {
  .nav_bar {
    max-width: none;
  }

  .nav_drop_open {
    cursor: auto;
  }

  .nav_button.is-type-button {
    order: 9999;
  }

  .comp_intro_001_divider {
    width: 2.5rem;
  }

  .comp_intro_001_divider.is-vertical {
    height: 2rem;
  }

  .hero_con {
    max-width: 40rem;
  }

  .hero_con.is-align-mid {
    padding-top: var(--space--400);
    padding-bottom: var(--space--400);
    padding-top: var(--space--400);
    padding-bottom: var(--space--400);
  }

  .hero_logo {
    display: none;
  }

  .service_con {
    max-width: 40rem;
  }

  .service_image {
    left: 0;
    top: var(--space--0);
    aspect-ratio: 1;
    object-fit: contain;
    object-position: 50% 100%;
    max-width: 100%;
    position: relative;
  }

  .service_card {
    width: 100%;
    padding-top: var(--space--150);
    padding-right: var(--space--150);
    padding-bottom: var(--space--150);
    padding-left: var(--space--150);
    box-shadow: none;
    grid-template-columns: minmax(auto, min-content) minmax(auto, min-content) minmax(auto, 1fr);
    margin-bottom: 0;
    transition-property: none;
  }

  .service_card:hover {
    box-shadow: none;
  }

  .review_con {
    max-width: 90%;
  }

  .review_card {
    width: calc(38.4615% - .769231rem);
    min-width: 20rem;
  }

  .blog_con {
    max-width: 40rem;
  }

  .blog_card_list {
    grid-template-columns: 1fr 1fr;
  }

  .subs_con {
    grid-column-gap: var(--space--150);
    grid-row-gap: var(--space--150);
    flex-flow: column;
    max-width: 40rem;
  }

  .subs_image {
    order: 9999;
    max-width: none;
    position: relative;
  }

  .content_con, .question_con {
    max-width: 40rem;
  }

  .question_drop-open {
    align-items: center;
  }

  .question_icon {
    align-self: center;
  }

  .player_spacer {
    aspect-ratio: 9 / 13;
  }
}

@media screen and (max-width: 767px) {
  .header {
    margin-top: -2rem;
  }

  .is-hidden-on-land {
    display: none;
  }

  .nav_sec {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 1rem;
    display: flex;
  }

  .nav_con {
    width: auto;
    margin-right: 1rem;
    position: relative;
    top: 0;
    right: 0;
  }

  .nav_bar {
    width: 100%;
    padding-top: var(--space--100);
    padding-right: var(--space--50);
    padding-bottom: var(--space--100);
    padding-left: var(--space--50);
    background-color: var(--color--900);
    visibility: hidden;
    border-radius: .5rem;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 3rem;
    bottom: auto;
    overflow: auto;
  }

  .nav_scroll {
    z-index: 10;
    width: 100%;
    height: 100%;
    max-height: 25rem;
    padding-right: var(--space--50);
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    position: relative;
    overflow: auto;
  }

  .nav_drop {
    background-color: #00000012;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .nav_drop_open {
    width: 100%;
    font-family: var(--font--brand);
    color: var(--color--200);
    font-size: var(--text--125);
    font-weight: 300;
  }

  .nav_drop_target {
    background-color: var(--color--none);
    border-radius: 0;
    min-width: 0;
    margin-top: 0;
    position: relative;
  }

  .nav_button.is-mobile-visible {
    order: 9999;
    display: block;
  }

  .nav_button.is-type-button {
    order: 0;
  }

  .nav_item_cat {
    background-color: var(--color--none);
    opacity: .5;
    padding-left: .5rem;
  }

  .comp_intro_001_base {
    padding-right: var(--space--100);
    padding-left: var(--space--100);
    grid-row-gap: var(--space--100);
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .comp_intro_001_divider.is-vertical {
    margin-left: 0;
  }

  .hero_con {
    max-width: 35rem;
    padding-right: var(--space--50);
    padding-left: var(--space--50);
  }

  .service_con {
    max-width: 35rem;
    padding-right: var(--space--50);
    padding-left: var(--space--50);
    grid-column-gap: var(--space--175);
    grid-row-gap: var(--space--175);
  }

  .service_image {
    background-color: #af0b0b;
  }

  .service_card {
    padding: var(--space--100);
    grid-row-gap: var(--space--100);
    border-radius: .5rem;
  }

  .service_loader_con {
    margin-top: -.5rem;
  }

  .service_tag {
    color: #33333380;
    justify-content: flex-start;
    align-items: center;
  }

  .review_card.is-revers {
    border-radius: .5rem;
  }

  .review_overlayer {
    display: none;
  }

  .blog_con {
    max-width: 35rem;
    padding-right: var(--space--50);
    padding-left: var(--space--50);
    grid-column-gap: var(--space--175);
    grid-row-gap: var(--space--175);
  }

  .blog_card_list {
    grid-column-gap: var(--space--175);
    grid-row-gap: var(--space--175);
    flex-flow: column;
    display: flex;
  }

  .blog_card_item {
    border: 4px solid var(--color--white);
    border-radius: .5rem;
    grid-template-columns: 1fr 1fr;
  }

  .blog_card_image {
    object-position: 50% 50%;
    height: 100%;
  }

  .blog_card_date {
    margin-left: 4px;
  }

  .blog_card_heading {
    height: auto;
    padding-top: var(--space--50);
    padding-bottom: var(--space--50);
    color: var(--color--500);
    text-shadow: none;
    background-color: #0000;
    margin-top: 0;
  }

  .blog_card_text {
    padding-top: var(--space--50);
    padding-bottom: var(--space--50);
  }

  .blog_card_cms {
    width: 100%;
  }

  .subs_con {
    max-width: 35rem;
    padding-right: var(--space--50);
    padding-bottom: var(--space--50);
    padding-left: var(--space--50);
    grid-column-gap: var(--space--175);
    grid-row-gap: var(--space--175);
  }

  .subs_content {
    grid-column-gap: var(--space--175);
    grid-row-gap: var(--space--175);
  }

  .contet_card {
    padding: var(--space--100);
    border-radius: .5rem;
  }

  .content_con {
    max-width: 35rem;
    padding-right: var(--space--50);
    padding-left: var(--space--50);
    grid-column-gap: var(--space--175);
    grid-row-gap: var(--space--175);
  }

  .content_rich {
    grid-column-gap: var(--space--50);
    grid-row-gap: var(--space--50);
  }

  .question_con {
    max-width: 35rem;
    padding-right: var(--space--50);
    padding-left: var(--space--50);
    grid-column-gap: var(--space--175);
    grid-row-gap: var(--space--175);
  }

  .question_card {
    padding: var(--space--100);
    border-radius: .5rem;
  }

  .question_icon {
    aspect-ratio: 1;
    flex: none;
    align-self: flex-start;
    width: 1.75rem;
  }

  .text-block {
    padding-right: var(--space--100);
  }

  .player {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .service_loader_con {
    grid-template-columns: 1fr 1fr;
  }

  .service_spacer {
    display: none;
  }

  .blog_card_item {
    border-style: none;
    display: flex;
  }

  .blog_card_date {
    background-color: var(--color--900);
    margin-left: 0;
  }

  .blog_card_heading {
    height: 5.5rem;
    color: var(--color--white);
    text-shadow: 0 1px 7px #00000069;
    margin-top: -5.5rem;
  }

  .content_rich {
    text-align: left;
  }

  .question_drop-open {
    justify-content: space-between;
    align-items: flex-start;
  }

  .fs-slider-1_next {
    margin-top: 0;
    margin-right: 0;
    bottom: -1rem;
  }

  .fs-slider-1_previous {
    margin-top: 0;
    margin-left: 0;
    bottom: -1rem;
  }

  .fs-slider-1_navigation {
    justify-content: space-between;
    align-items: flex-end;
  }

  .player_button.is-play, .player_button.is-pause, .player_button.is-play, .player_button.is-pause {
    width: var(--space--250);
    height: var(--space--250);
  }
}
