:root {
  --background: #bbcdc6;
  --body: #1b4332;
  --accent: #1b4332;
}

.nav-wrapper {
  z-index: 4;
  background-color: var(--background);
  width: 100%;
  height: auto;
  position: fixed;
}

.nav-conteiner {
  z-index: 5;
  background-color: #0000;
  border-bottom: 1px solid #00000014;
  border-right: 1px #000;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
}

.nav-conteiner.shadow-three {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 0;
}

.container {
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.link-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: grid;
}

.navbar-brand {
  border-right: 1px solid #000;
}

.nav-menu-wrapper {
  width: 100%;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.menu-button {
  display: none;
}

.link-block {
  height: 100%;
}

.link-block.border-r {
  border-right: 1px solid #000;
  width: 100%;
}

.link-block.border-r.border-l {
  background-color: #b8404000;
  border: 1px #000;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-top: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
  display: flex;
}

.link-block.border-r.border-l:hover {
  color: var(--background);
  padding-right: 1rem;
}

.menu-item {
  color: var(--body);
  text-transform: uppercase;
  border-left: 1px #202020;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}

.menu-item:hover {
  background-color: var(--accent);
  color: var(--background);
}

.section-lines {
  z-index: 1;
  border-bottom: .5rem #aff42b;
  height: 100vh;
  padding-top: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  position: fixed;
  inset: 0% 0% auto;
}

.main-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  margin-left: 5.05rem;
  display: flex;
}

.col-line {
  border: 1px solid #00000014;
  height: 100%;
}

.coll-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  height: auto;
  display: grid;
}

.coll-wrapper.extended {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
}

.img-wrapper {
  border: 4px #0000;
}

.img-wrapper:hover {
  border: 4px solid var(--accent);
  border-radius: 0;
  overflow: hidden;
}

.content-wrapper._2-col {
  column-count: 4;
}

.content-wrapper.nav {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 82px 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.content-wrapper.category {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: grid;
}

.content-wrapper.padding-bottom {
  padding-bottom: 3.38rem;
  position: relative;
}

.body {
  background-color: var(--background);
  color: var(--body);
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
}

.heading {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1;
}

.btn-link {
  color: #000;
  text-transform: uppercase;
  background-color: #3898ec00;
  border-bottom: 2px solid #000;
  padding-left: 0;
  padding-right: 0;
  line-height: 1;
  text-decoration: none;
}

.btn-link.no-underline {
  perspective: none;
  perspective-origin: 50%;
  transform-origin: 0%;
  color: var(--body);
  letter-spacing: 1px;
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.5rem;
  text-decoration: none;
  position: absolute;
  left: -5px;
  right: auto;
  transform: translate(29px)rotate(-90deg);
}

.btn-link.no-underline:hover {
  background-color: var(--accent);
  color: var(--background);
}

.btn-link.no-underline.cp-copy:hover {
  background-color: #aff42b;
  padding-top: 0;
  font-size: 1.5rem;
}

.btn-link.cp-copy {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--body);
  color: var(--body);
  padding-top: 0;
  padding-bottom: .5rem;
}

.btn-link.cp-copy:hover {
  border-bottom-color: var(--background);
  background-color: var(--accent);
  color: var(--background);
  padding-top: 0;
  padding-bottom: .5rem;
  font-size: 1rem;
}

.section-fluid {
  z-index: 2;
  background-color: var(--background);
  position: relative;
}

.col-item {
  margin-bottom: 1rem;
}

.line-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.section {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: .5rem solid #aff42b;
  grid-template-rows: auto;
  grid-template-columns: 128px 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 6rem;
  padding-left: 0;
  padding-right: 2rem;
  display: grid;
  position: relative;
}

.section.section-first {
  border-bottom-color: var(--accent);
  grid-template-columns: 114px 1fr;
  padding-top: 6.2rem;
}

.paragraph {
  font-size: 1rem;
  display: block;
}

.paragraph.with-icon {
  display: none;
}

.paragraph.footer {
  text-align: center;
  margin-bottom: 0;
}

.hero-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: .5rem solid var(--body);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  padding: 3rem 0 4rem;
  display: grid;
}

.section-_hero {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
  position: relative;
}

.line-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.logo-wrapper {
  border-right: 1px solid #00000014;
  width: 100%;
  height: auto;
  padding-top: 2rem;
  padding-bottom: 1.8rem;
  padding-right: 0;
}

.nav-container {
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.span {
  text-transform: uppercase;
}

.image {
  width: 3.2rem;
}

.logo-container {
  border-bottom: 1px #000;
  border-right: 1px #00000014;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.sidebar {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 2rem 2rem 4rem;
  display: flex;
}

.sidebar.fix-top {
  z-index: 9;
  padding-top: 1.5rem;
  position: relative;
}

.inner-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: 0;
  display: flex;
}

.icons-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.icon-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  transition: box-shadow .2s cubic-bezier(.95, .05, .795, .035);
  display: block;
  position: relative;
}

.icon-wrapper:hover {
  border-bottom: 10px #000;
}

.icon-wrapper.email {
  display: none;
}

.code-embed {
  z-index: 2;
  color: var(--body);
  text-decoration: none;
  -webkit-text-decoration-color: var(--body);
  text-decoration-color: var(--body);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 2.5rem;
  padding-top: 0;
  display: block;
  position: relative;
}

.code-embed:hover {
  background-color: var(--accent);
  color: var(--background);
}

.paragraph-2 {
  font-size: 1rem;
}

.link-container {
  display: block;
  position: relative;
}

.link-container.hidden {
  flex: none;
}

.fluid-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.content-container {
  border-top: 1px solid #00000014;
  overflow: hidden;
}

.content-wrapper-padding {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding: 4rem 2rem;
  display: flex;
  overflow: hidden;
}

.content-wrapper-padding.nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.p-email {
  color: var(--background);
  text-transform: uppercase;
  text-decoration: none;
  -webkit-text-decoration-color: var(--background);
  text-decoration-color: var(--background);
  font-weight: 400;
  line-height: 1;
}

.link-emphasis {
  font-size: 3.5rem;
  text-decoration: none;
}

.marquee-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #aff42b;
  display: flex;
  overflow: hidden;
}

.marquee-wrapper.scroll.cp-copy {
  background-color: #aff42b00;
  padding-top: 2rem;
  padding-bottom: 1rem;
  overflow: visible;
}

.separator {
  justify-content: center;
  align-items: center;
  width: .5rem;
  height: 60px;
  display: block;
}

.marguee-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.marguee-content.scroll {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 1rem;
  display: flex;
}

.h-highlight {
  color: var(--body);
  text-align: center;
  letter-spacing: -3px;
  font-size: 6rem;
  font-weight: 300;
  line-height: 1;
}

.list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.link {
  color: var(--body);
  text-transform: uppercase;
  font-size: 1.5rem;
  text-decoration: none;
}

.section-hero {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: .5rem #aff42b;
  grid-template-rows: auto;
  grid-template-columns: 114px 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  padding-top: 4.5rem;
  padding-left: 0;
  padding-right: 2rem;
  display: grid;
  position: relative;
}

.hero-container.hidden {
  display: none;
}

.sidebar-content-wrapper {
  flex-flow: column;
  justify-content: space-between;
  height: 84vh;
  display: flex;
  position: sticky;
  top: 8rem;
}

.tooltip-wrapper {
  z-index: 999999;
  color: #fff;
  background-color: #333;
  border-radius: 1rem;
  padding: .5rem 1rem;
  display: none;
  position: absolute;
  top: auto;
  left: -86px;
  transform: translate(147px, -115px);
}

.tooltip-wrapper.footer {
  display: none;
  inset: auto auto -4% 32%;
}

.tooltip-wrapper.btn {
  display: block;
}

.tooltip-wrapper.btn.main-cta {
  display: none;
  top: 260px;
  left: -8px;
}

.marguee-container {
  background-color: var(--accent);
  color: var(--background);
  overflow: hidden;
}

.hover-block {
  z-index: 1;
  background-color: #aff42b;
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.item-wrapper.padding-l {
  padding-left: 1.5rem;
}

.tooltip-wrapper_sticky {
  z-index: 999999;
  color: #fff;
  background-color: #333;
  border-radius: 1rem;
  padding: .5rem 1rem;
  display: none;
  position: absolute;
  inset: auto 0% -1% -187%;
  transform: translate(147px, -115px);
}

.tooltip-wrapper_sticky.footer {
  display: none;
  inset: auto auto -4% 32%;
}

.uppercase {
  padding-left: .25rem;
}

.text-block {
  letter-spacing: 10px;
  text-transform: uppercase;
}

.logo-style {
  width: 3.2rem;
  display: block;
}

.logo-style:hover {
  background-color: #0000;
}

@media screen and (min-width: 1280px) {
  .link-block.border-r.border-l:hover {
    color: var(--background);
  }

  .link-block.border-r.border-l.w--current {
    background-color: #9e232300;
    width: 120px;
  }

  .menu-item:hover {
    color: var(--background);
  }

  .main-container {
    margin-left: 5.05rem;
  }

  .content-wrapper {
    position: relative;
  }

  .heading {
    font-size: 5.9rem;
    font-weight: 300;
  }

  .btn-link.no-underline {
    color: var(--body);
    left: -5px;
    right: auto;
  }

  .btn-link.no-underline:hover {
    color: var(--background);
  }

  .btn-link.no-underline.cp-copy:hover {
    background-color: #aff42b;
    border-radius: 0;
    padding: 0;
  }

  .hero-wrapper {
    padding-top: 3rem;
  }

  .sidebar {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .sidebar.fix-top {
    padding-top: 0;
  }

  .icon-wrapper {
    -webkit-text-decoration-color: var(--body);
    text-decoration-color: var(--body);
  }

  .icon-wrapper:hover {
    background-color: var(--accent);
    color: var(--background);
    border-bottom-style: none;
    border-right: 0 #000;
  }

  .code-embed {
    color: #1b4332;
    background-color: #19107700;
  }

  .code-embed:hover {
    color: var(--background);
    -webkit-text-stroke-color: #bbcdc600;
  }

  .p-email {
    color: var(--background);
  }

  .marquee-wrapper.scroll {
    background-color: #fff0;
    padding-top: 2rem;
    padding-bottom: 1rem;
    overflow: visible;
  }

  .marquee-wrapper.scroll.cp-copy {
    color: var(--background);
  }

  .marguee-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .section-hero {
    grid-template-columns: 113px 1fr;
  }

  .sidebar-content-wrapper {
    top: 8rem;
  }

  .tooltip-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: #fff;
    background-color: #333;
    border-radius: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: baseline;
    width: auto;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    display: none;
    position: absolute;
    inset: auto 0% 0% -180%;
    overflow: visible;
    transform: translate(147px, -92px);
  }

  .tooltip-wrapper.btn {
    display: none;
    position: absolute;
    left: auto;
    right: auto;
    transform: translate(138px, 2px);
  }

  .marguee-container {
    background-color: var(--accent);
    overflow: hidden;
  }

  .tooltip-wrapper_sticky {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: #fff;
    background-color: #333;
    border-radius: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: baseline;
    width: auto;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    display: none;
    position: absolute;
    inset: auto 0% 0% -180%;
    overflow: visible;
    transform: translate(147px, -92px);
  }

  .tooltip-wrapper_sticky.btn {
    display: none;
    position: absolute;
    left: auto;
    right: auto;
    transform: translate(138px, 2px);
  }
}

@media screen and (max-width: 991px) {
  .nav-conteiner {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
    display: none;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .main-container {
    margin-left: 54px;
  }

  .coll-wrapper.main-content {
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .content-wrapper.nav {
    grid-template-columns: 72px 1fr 1fr 1fr;
  }

  .content-wrapper.hidden {
    display: none;
  }

  .content-wrapper.category {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .content-wrapper.mobile {
    display: none;
  }

  .heading {
    font-size: 3.5rem;
  }

  .btn-link.no-underline {
    transform: translate(12px)rotate(-90deg);
  }

  .section {
    grid-template-columns: 96px 1fr;
  }

  .section.section-first {
    grid-template-columns: 86px 1fr;
  }

  .logo-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
  }

  .nav-container {
    margin-left: 0;
    margin-right: 0;
  }

  .image {
    width: 4rem;
  }

  .section-hero {
    grid-template-columns: 86px 1fr;
  }
}

@media screen and (max-width: 767px) {
  .nav-conteiner {
    max-width: 100%;
    padding-left: .5rem;
  }

  .link-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-around;
    display: flex;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .link-block.border-r.border-l {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .section-lines {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .main-container {
    margin-left: 66px;
  }

  .col-line {
    display: block;
  }

  .col-line.empty {
    display: none;
  }

  .coll-wrapper, .coll-wrapper.extended {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .coll-wrapper.main-content {
    flex-flow: column;
    padding-left: .5rem;
    padding-right: 0;
    display: flex;
  }

  .content-wrapper._2-col {
    column-count: 3;
  }

  .content-wrapper.nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 75px 1fr 1fr 1fr;
  }

  .content-wrapper.hidden {
    display: none;
  }

  .content-wrapper.category {
    grid-template-columns: 1fr 1fr;
  }

  .content-wrapper.padding-bottom {
    padding-bottom: 1rem;
  }

  .heading {
    font-size: 2.8rem;
  }

  .btn-link.no-underline {
    left: -25px;
    transform: translate(25px)rotate(-90deg);
  }

  .col-item.hidden {
    display: none;
  }

  .line-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section {
    grid-template-columns: 80px 1fr;
    padding-right: 1rem;
  }

  .section.section-first {
    grid-template-columns: 83px 1fr;
  }

  .hero-wrapper {
    grid-template-columns: 1fr;
    place-items: start;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: block;
  }

  .logo-wrapper {
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .brand {
    width: auto;
  }

  .brand.w--current {
    padding-left: 0;
  }

  .span {
    margin-bottom: 0;
  }

  .sidebar {
    padding: 1.5rem 1rem 2rem;
  }

  .inner-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .code-embed {
    width: 40px;
  }

  .content-container {
    border-top: 1px solid #00000014;
  }

  .content-wrapper-padding.nav {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .content-wrapper-padding.hidden {
    display: none;
  }

  .link {
    font-size: 1.25rem;
  }

  .section-hero {
    grid-template-columns: 83px 1fr;
    padding-right: 1rem;
  }

  .sidebar-content-wrapper {
    align-items: center;
    top: 6rem;
  }

  .item-wrapper, .item-wrapper.padding-l {
    padding-left: .5rem;
  }
}

@media screen and (max-width: 479px) {
  .nav-wrapper {
    z-index: 5;
    border: 1px #00000014;
    height: auto;
  }

  .nav-conteiner {
    border-top: 1px solid #00000014;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .nav-conteiner.shadow-three {
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .container {
    justify-content: space-between;
    align-items: center;
    max-width: none;
    height: auto;
    padding-left: .125rem;
    padding-right: .125rem;
    display: flex;
    position: static;
  }

  .link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .menu-button {
    display: none;
  }

  .link-block.border-r.border-l {
    justify-content: center;
    align-items: center;
    padding-right: 0;
    text-decoration: none;
    display: inline-flex;
  }

  .link-block.border-r.border-l:hover {
    padding-right: 0;
    display: inline-flex;
  }

  .menu-item {
    font-size: .75rem;
    display: inline-flex;
  }

  .section-lines {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .main-container {
    width: 100%;
    margin-left: 0;
    position: static;
    inset: 0% 0% auto;
  }

  .col-line {
    border: 1px #0000001f;
    border-left: 1px solid #00000014;
    border-right: 1px solid #00000014;
  }

  .col-line.empty {
    display: block;
  }

  .coll-wrapper.extended {
    grid-template-columns: 1fr 1fr;
  }

  .coll-wrapper.main-content {
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .content-wrapper {
    column-count: 0;
  }

  .content-wrapper._2-col {
    column-count: 2;
  }

  .content-wrapper.nav {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .content-wrapper.category {
    grid-template-columns: 1fr 1fr;
  }

  .body {
    font-size: 16px;
  }

  .heading {
    text-transform: none;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.1;
  }

  .btn-link {
    font-size: 1rem;
  }

  .btn-link.no-underline {
    font-size: 1rem;
    transform: none;
  }

  .col-item {
    margin-bottom: 1rem;
  }

  .col-item.mobile {
    display: none;
  }

  .line-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .section {
    z-index: 2;
    clear: none;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    height: auto;
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section.auto-height {
    height: auto;
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .section.section-first {
    z-index: 4;
    height: 100vh;
    padding-top: 3.2rem;
    padding-left: 1rem;
  }

  .paragraph {
    font-size: 1rem;
    line-height: 1.5;
  }

  .paragraph.with-icon {
    color: var(--body);
    text-decoration: none;
    -webkit-text-decoration-color: var(--body);
    text-decoration-color: var(--body);
    margin-bottom: 0;
    font-size: .75rem;
    text-decoration-style: wavy;
    display: block;
  }

  .paragraph.footer {
    color: var(--body);
    text-align: center;
    font-size: .75rem;
  }

  .hero-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .section-_hero {
    border-bottom: 1rem solid #aff42b;
    height: auto;
    padding: 6rem 1rem 1rem;
  }

  .line-container {
    width: 100%;
    padding: 0 1rem;
    position: absolute;
    inset: 0% 0% auto;
  }

  .logo-wrapper {
    border: 1px #00000014;
    border-bottom-width: 0;
    width: auto;
    padding: .5rem 1rem .25rem 0;
  }

  .brand {
    width: auto;
    padding-left: 0;
    position: static;
  }

  .brand.w--current {
    width: auto;
  }

  .nav-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: center;
    max-width: none;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    position: static;
  }

  .span {
    color: #0000008a;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1rem;
  }

  .image {
    width: 4rem;
    height: 3rem;
  }

  .logo-container {
    border: 1px #00000014;
    border-right-style: solid;
    width: auto;
    padding: 0;
  }

  .sidebar {
    z-index: 4;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #ffffffb3;
    border-top: 1px solid #00000014;
    height: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: fixed;
    inset: auto 0% 0%;
  }

  .sidebar.hidden {
    display: none;
  }

  .sidebar.fix-top {
    padding-top: .5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    position: fixed;
  }

  .inner-container {
    width: 100%;
    position: static;
    inset: 0% 0% auto;
  }

  .icons-container {
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
  }

  .icon-wrapper {
    text-align: center;
    -webkit-text-decoration-color: var(--body);
    text-decoration-color: var(--body);
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .icon-wrapper.email {
    -webkit-text-decoration-color: var(--body);
    text-decoration-color: var(--body);
    display: flex;
  }

  .code-embed {
    width: 24px;
    height: auto;
  }

  .link-container.hidden {
    display: none;
  }

  .fluid-container {
    width: 100%;
    position: static;
    inset: 0% 0% auto;
  }

  .content-container {
    color: var(--background);
    margin-bottom: 0;
    padding-bottom: 3rem;
  }

  .content-wrapper-padding {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    column-count: 0;
    flex-flow: column;
    padding: 1rem;
    display: flex;
  }

  .content-wrapper-padding._2-col {
    column-count: 2;
  }

  .content-wrapper-padding.nav {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .p-email {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

  .link-block-2 {
    padding: 1rem;
  }

  .link-emphasis {
    line-height: 1;
    text-decoration: none;
  }

  .marquee-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #aff42b;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    transition: opacity .2s;
    display: flex;
    overflow: hidden;
  }

  .marquee-wrapper.scroll.cp-copy {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .paragraph-3 {
    margin-bottom: 0;
  }

  .code-embed-2 {
    flex: 0 auto;
    width: 80px;
    height: auto;
  }

  .separator {
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-clip: border-box;
    width: .5rem;
    height: auto;
  }

  .marguee-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .marguee-content.scroll {
    flex: none;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
  }

  .h-highlight {
    text-align: center;
    font-size: 4rem;
    font-weight: 300;
    line-height: 1;
  }

  .list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    justify-content: space-around;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 1rem;
    list-style-type: none;
    display: flex;
  }

  .link {
    text-transform: uppercase;
    font-size: 1rem;
    text-decoration: none;
  }

  .list-item {
    text-decoration: none;
  }

  .section-hero {
    z-index: 3;
    clear: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    height: auto;
    padding-top: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-hero.auto-height {
    height: auto;
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .section-hero.section-first {
    z-index: 4;
    height: 100vh;
    padding-top: 4rem;
    padding-left: 1rem;
  }

  .sidebar-content-wrapper {
    height: auto;
  }

  .item-wrapper.padding-l {
    padding-left: .5rem;
  }
}

#w-node-c017de02-de8b-c69f-face-b0aff2566d90-11630f40, #w-node-_5cb00ff8-da90-9d32-e0ee-0d89672ea67d-11630f40, #w-node-b63de98b-b0ec-9eec-986b-c8ff5b7e08da-11630f40, #w-node-_155a51cc-12ed-7f6a-cde7-5ec3da03eb72-11630f40, #w-node-_6d4c73c9-4b14-8f93-0484-7c37c92660c5-c92660c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5462938e-52f4-70e2-c7de-6e64d96a1797-9de01e50 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_7ab2b966-ccf4-3dae-1f14-4fad9de01e53-9de01e50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7ab2b966-ccf4-3dae-1f14-4fad9de01e54-9de01e50 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_76947632-73d1-a8e9-4688-9266dda2fa1c-ed6de538, #w-node-_76947632-73d1-a8e9-4688-9266dda2fa1d-ed6de538, #w-node-_76947632-73d1-a8e9-4688-9266dda2fa1e-ed6de538, #w-node-_76947632-73d1-a8e9-4688-9266dda2fa1f-ed6de538, #w-node-_0711c515-d86f-ca2c-e95c-8e50b5508055-ed6de538 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01634a87-9c83-82a9-befb-4e920d8d6187-ae6ccfe1 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_352fd6be-99eb-883a-0ec7-07fa1715d7b2-ae6ccfe1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27b2cd1e-a537-2dfb-e55c-a8eb613d5509-ae6ccfe1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ec202a06-1536-944b-54d7-672539eb10b1-ae6ccfe1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a5-ae6ccfe1, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a6-ae6ccfe1, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a7-ae6ccfe1, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a8-ae6ccfe1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01634a87-9c83-82a9-befb-4e920d8d6187-60535925 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_352fd6be-99eb-883a-0ec7-07fa1715d7b2-60535925 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27b2cd1e-a537-2dfb-e55c-a8eb613d5509-60535925 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ec202a06-1536-944b-54d7-672539eb10b1-60535925 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a5-60535925, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a6-60535925, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a7-60535925, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a8-60535925 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01634a87-9c83-82a9-befb-4e920d8d6187-0b8bc893 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_352fd6be-99eb-883a-0ec7-07fa1715d7b2-0b8bc893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27b2cd1e-a537-2dfb-e55c-a8eb613d5509-0b8bc893 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ec202a06-1536-944b-54d7-672539eb10b1-0b8bc893 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a5-0b8bc893, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a6-0b8bc893, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a7-0b8bc893, #w-node-_011588fa-6b7d-176b-6a17-9a2e011c13a8-0b8bc893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-a91d1dc7-9a7e-4796-d714-ea82397a0575-11630f40 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1f33cbdf-2088-6d1e-530f-825f1a438b6d-11630f40 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c70830ab-f73d-bdfb-3732-2942aa240dd1-11630f40 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_27b2cd1e-a537-2dfb-e55c-a8eb613d5509-ae6ccfe1, #w-node-_27b2cd1e-a537-2dfb-e55c-a8eb613d5509-60535925, #w-node-_27b2cd1e-a537-2dfb-e55c-a8eb613d5509-0b8bc893 {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7ab2b966-ccf4-3dae-1f14-4fad9de01e53-9de01e50 {
    justify-self: auto;
  }

  #w-node-ec202a06-1536-944b-54d7-672539eb10b1-ae6ccfe1, #w-node-ec202a06-1536-944b-54d7-672539eb10b1-60535925, #w-node-ec202a06-1536-944b-54d7-672539eb10b1-0b8bc893 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_99ce023f-3e2b-4cbc-b15d-574e6dcc69db-11630f40 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6d4c73c9-4b14-8f93-0484-7c37c92660c5-c92660c5, #w-node-_0711c515-d86f-ca2c-e95c-8e50b5508055-ed6de538 {
    order: 9999;
  }
}


