.navigation__brand-logo {
    width: 10rem;
  }

.dropdown__text {
    color: var(--steel);
    color: var(--steel);
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 40px;
  }

    .dropdown__text-icon {
      width: 1.5rem;
      transform: translateY(0.2rem);
      margin-left: 0.3rem;
      margin-top: .2rem;
      transform: rotate(0deg);
      transition: all .3s ease;
    }

    .dropdown__text .rotate-icon { 
      transform: rotateZ(180deg);
      margin-bottom: .6rem;
    }

    .dropdown__text:hover {
      color: var(--deep-sky-blue);
      color: var(--deep-sky-blue);
    }

    .dropdown__text:hover g {
        fill: var(--deep-sky-blue);
        fill: var(--deep-sky-blue);
      }

  .dropdown__menu {
    position: absolute;
    background-color: var(--white);
    background-color: var(--white);
    margin-top: .5rem;
    max-width: 192px;
    box-shadow: 0 6px 30px 0 var(--silver);
    box-shadow: 0 6px 30px 0 var(--silver);
    z-index: 1000;
    transform: translateX(-60px);
    border-radius: 6px;
  }

  .dropdown__menu__list {
      text-decoration: none;
    }

  .dropdown__menu__list-item {
        padding: 18px 28px;
        color: var(--steel);
        color: var(--steel);
        font-weight: 500;
        letter-spacing: -0.2px;
        display: block;
        text-decoration: none;
        cursor: pointer;
      }

  .dropdown__menu__list-item:not(:last-child) {
          border-bottom: 1px solid var(--pale-grey);
          border-bottom: 1px solid var(--pale-grey);
        }

  .dropdown__menu__list-item:hover {
          color: var(--deep-sky-blue);
          color: var(--deep-sky-blue);
        }
.button {
  padding: 14px 30px;
  border-radius: 45px;
  font-size: 16px;
  background-color: rgba(212, 216, 220, 0.04);
  border: solid 2px rgba(212, 216, 220, 0.8);
  outline: none;
  cursor: pointer;
  transition: all .4s;
}

  .button--link {
    text-decoration: none;
    color: var(--black);
    color: var(--black);
  }

  .button:hover {
    border: solid 2px var(--deep-sky-blue);
    border: solid 2px var(--deep-sky-blue);
  }

  .button--solid {
    color: var(--white);
    color: var(--white);
    background-color: var(--cool-grey);
    background-color: var(--cool-grey);
    border: none;
    box-shadow: 0 8px 28px 0 rgba(212, 216, 220, 0.6);
  }

  .button--solid.button--color-primary {
        transition: all .6s;
        background: 
          linear-gradient(
            90deg, #1996FB, 
          #58b4ff 51%, 
            rgb(154, 210, 255)) 0/ 200%;
        background: 
          linear-gradient(
            90deg, var(--azure, #1996FB), 
          #58b4ff 51%, 
            var(--azure, rgb(154, 210, 255))) var(--x, 0)/ 200%;
      }

  .button--solid.button--color-primary:hover {
          border: none;
          --x: 100%;
        }

  .button--solid.button--color-primary .button--link {
          text-decoration: none;
          color: var(--white);
          color: var(--white);
        }


.navigation {
  font-family: var(--font-primary);
  font-family: var(--font-primary);
  width: 100%;
  height: 80px;
  position: relative;
  display: flex;
  transition: all .111s;
  padding: 0px 15px;
}

  .navigation-sticky {
    position: fixed;
    height: 80px;
    top: 0;
    background-color: var(--white);
    background-color: var(--white);
    z-index: 1000;
    border-bottom: 2px solid var(--pale-grey);
    border-bottom: 2px solid var(--pale-grey);
  }

  .navigation__container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .navigation__items {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.2px;
    color: var(--color-grey);
    color: var(--color-grey);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 35rem; 
    list-style-type: none;
  }

  .navigation__items-item a {
        text-decoration: none;
        color: var(--steel);
        color: var(--steel);
      }

  .navigation__items-item a:hover {
          color: var(--deep-sky-blue);
          color: var(--deep-sky-blue);
        }

  .navigation .link {
    text-decoration: none;
    color: var(--steel);
    color: var(--steel);
  }

  .navigation .link:hover {
      color: var(--deep-sky-blue);
      color: var(--deep-sky-blue);
    }

  @media only screen and (max-width: 758px) {
      .navigation .link {
        display: block;
        padding-bottom: 18px;
        padding-top: 18px;
      }
    }

  .navigation__icon {
    display: none;
  }

.navigation-two { display: none; }

.lang-responsive { 
  display: none;
}

@media only screen and (max-width: 758px) {
    .lang-responsive {
      display: block;
      margin-right: 15%;
    }
  }

@media only screen and (max-width: 758px) {
  .navigation{
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
  }
    .navigation__items {
      display: none;
    }

      .navigation__items-item {
        font-size: 16px;
        padding-bottom: 18px;
        padding-top: 18px;
      }

        .navigation__items-item:not(:last-child){
          border-bottom: 1px solid var(--pale-grey);
          border-bottom: 1px solid var(--pale-grey);
        }

        .navigation__items-item:nth-child(5) {
          border-bottom: none;
        }

        .navigation__items-item:nth-child(9) {
          border-bottom: none;
        }

        .navigation__items-item:last-child::before {
          content: '';
          margin-left: -13px;
        }

    .navigation__line {
      width: 100vh;
      margin-left: -25vh;
      background-color: var(--silver);
      background-color: var(--silver);
      margin-top: 28px;
      margin-bottom: 28px;
    }

    .navigation__icon {
      z-index: 10001;
      position: absolute;
      width: 30px;
      font-size: 24px;
      color: var(--deep-sky-blue-two);
      color: var(--deep-sky-blue-two);
      right: 30px;
      display: block;
      cursor: pointer;
    }

    .navigation__items-responsive {
      z-index: 10000;
      background-color: white;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100%;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 32px;
    }

      .navigation__items-responsive-services {
        display: block;
        font-size: 26px;
        margin-top: 6px;
        margin-bottom: 40px;
      }
}

.fixed { position: fixed; }
.cookie-bar {
  color: var(--white);
  color: var(--white);
  width: 100%;
  height: 56px;
  background-color: var(--slate);
  background-color: var(--slate);
  position: fixed;
  padding: 0 15%;
  bottom: 0;
  z-index: 999;
  font-size: calc(12px + 2 * ((100vw - 420px) / 860));
  font-weight: 300;
}

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

  .cookie-bar {
    font-size: 14px;
  }
}

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

  .cookie-bar {
    font-size: 12px;
  }
}

  @media only screen and (max-width: 778px) {
    .cookie-bar {
      height: 120px;
    }
  }

  .cookie-bar__container {
    height: 100%;
  }

  .cookie-bar a {
    color: var(--white);
    color: var(--white);
  }

  .cookie-bar__button {
    font-size: calc(10px + 4 * ((100vw - 420px) / 860));
    color: var(--deep-sky-blue);
    color: var(--deep-sky-blue);
    height: 32px;
    border-radius: 20px;
    background-color: var(--pale-grey);
    background-color: var(--pale-grey);
    padding: 9px 20px 7px 20px;
  }

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

  .cookie-bar__button {
    font-size: 14px;
  }
}

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

  .cookie-bar__button {
    font-size: 10px;
  }
}

.welcome-bar {
  width: 100%;
  background-color: var(--deep-sky-blue);
  background-color: var(--deep-sky-blue);
  padding-top: .8rem;
  padding-bottom: .8rem;
}

  .welcome-bar__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    color: var(--white);
    font-weight: 300;
    font-size: calc(12px + 3 * ((100vw - 420px) / 860));
  }

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

  .welcome-bar__content {
    font-size: 15px;
  }
}

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

  .welcome-bar__content {
    font-size: 12px;
  }
}

  @media only screen and (max-width: 1040px) {
      .welcome-bar__content {
        flex-direction: column;
      }
    }

  @media only screen and (max-width: 758px) {
      .welcome-bar__content {
        width: 85%;
        margin: 0 auto;
      }
    }

  .welcome-bar__content__group {
      display: flex;
      align-items: center;
    }

  @media only screen and (max-width: 758px) {
        .welcome-bar__content__group {
          flex-direction: column;
        }
      }

  .welcome-bar__content__group-text {
        margin-bottom: -3px;
      }

  .welcome-bar__content__group-icon {
        width: 1.3rem;
        height: 1.3rem;
        margin-right: 1rem;
        cursor: pointer;
      }

  @media only screen and (max-width: 758px) {
          .welcome-bar__content__group-icon {
            align-self: flex-end;
            margin-right: 0;
            margin-bottom: .5rem;
          }
        }

  .welcome-bar__content__group-icon path {
          fill: white;
        }

  .welcome-bar__content a {
      color: var(--deep-sky-blue);
      color: var(--deep-sky-blue);
      font-weight: 400;
    }

  .welcome-bar__content-button {
      display: block;
      background-color: var(--white);
      background-color: var(--white);
      text-decoration: none;
      line-height: 1.29;
      padding: 5px 24px;
      border-radius: 20px;
    }

  @media only screen and (max-width: 1040px) {
        .welcome-bar__content-button {
          margin-top: 1rem;
        }
      }
.header {
  width: 100%;
  height: 900px;
  background: var(--pale-grey) url(landing-static/723734d76880cf23d64bb94ed8bbd91d.png) center 75%;
  background: var(--pale-grey) url(landing-static/723734d76880cf23d64bb94ed8bbd91d.png) center 75%;
  background-size: cover;
}

  .header__input-subtext {
      display: block;
      margin-top: 1rem;
      font-size: calc(12px + 2 * ((100vw - 420px) / 860));
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: -0.1px;
      color: var(--cool-grey);
      color: var(--cool-grey);
    }

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

  .header__input-subtext {
    font-size: 14px;
  }
}

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

  .header__input-subtext {
    font-size: 12px;
  }
}

  .header__heading {
    margin-left: 100px;
    padding-top: 230px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

  .header__heading-text {
      font-size: 48px;
      line-height: 1.13;
      letter-spacing: -1.2px;
      font-weight: 300;
    }

  .header__heading-text > div {
        display: inline-block;
        vertical-align: bottom;
      }

  .header__heading-text > div:first-child {
          margin-right: 14px;
        }

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

  .header__heading-text > div:first-child {
            z-index: 6;
            position: relative
        }
          }

  .header__heading-text .word-carousel-responsive {
        display: none;
      }

  .header__heading-text .word-carousel-responsive:before {
          display: none;
        }

  @media only screen and (max-width: 1024px) {
          .header__heading-text .word-carousel-responsive {
            display: block;
            position: relative;
          }

            .header__heading-text .word-carousel-responsive__content {
              position: absolute;
              width: 500px;
              height: 120px;
              top: -65px;
              left: 0;
              display: block;
              overflow: hidden;
            }
    
              .header__heading-text .word-carousel-responsive__content:before {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                height: 60px;
                background-color: var(--pale-grey);
                background-color: var(--pale-grey);
                z-index: 3;
              }
    
            .header__heading-text .word-carousel-responsive__overlay {
              display: none;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              z-index: 3;
              background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, var(--pale-grey));
              background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, var(--pale-grey));
            }
    
            .header__heading-text .word-carousel-responsive__words {
              margin: 0;
              bottom: 0;
              position: absolute;
              transition: transform 0.2s ease-in-out;
    
            }
    
            .header__heading-text .word-carousel-responsive__word {
              margin-top: 10px;
              font-weight: 400;
            }
        }

  .header__heading-text .word-carousel {
        position: relative;
      }

  .header__heading-text .word-carousel__content {
          position: absolute;
          width: 500px;
          height: 120px;
          bottom: 0;
          left: 0;
          display: block;
          overflow: hidden;
        }

  .header__heading-text .word-carousel__content:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 80px;
            background: linear-gradient(to bottom, var(--pale-grey), rgba(255, 255, 255, 0));
            background: linear-gradient(to bottom, var(--pale-grey), rgba(255, 255, 255, 0));
            z-index: 3;
          }

  .header__heading-text .word-carousel__overlay {
          display: none;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 3;
          background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, var(--pale-grey));
          background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, var(--pale-grey));
        }

  .header__heading-text .word-carousel__words {
          margin: 0;
          bottom: 0;
          position: absolute;
          transition: transform 0.2s ease-in-out;

        }

  .header__heading-text .word-carousel__word {
          margin-top: 10px;
          font-weight: 400;
        }

  @media only screen and (max-width: 1024px) {
          .header__heading-text .word-carousel {
            display: none;
          }
        }

  .header__heading-strong {
      font-weight: 400;
    }

  @media only screen and (max-width: 758px) {
    .header__heading {
      margin-left: 0;
      padding-top: 142px;
    }
  }

  .header__parragraph {
    margin-left: 100px;
    margin-top: 58px;
    color: var(--slate);
    color: var(--slate);
    max-width: 780px;
  }

  .header__parragraph-text {
      font-size: calc(16px + 4 * ((100vw - 420px) / 860));
      line-height: 1.8;
      letter-spacing: -0.4px;
      font-weight: 300;
    }

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

  .header__parragraph-text {
    font-size: 20px;
  }
}

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

  .header__parragraph-text {
    font-size: 16px;
  }
}

  @media only screen and (max-width: 758px) {
    .header__parragraph {
      margin-left: 0;
    }
  }

  .header__input {
    margin-top: 60px;
    margin-left: 100px;
    max-width: 500px;
  }

  @media only screen and (max-width: 758px) {
    .header__input {
      margin-left: 0;
      width: 100%;
    }

    .header .header__container {
      width: 85%;
    }
  }

.circle-tile {
  display: inline-block;
  box-shadow: 0 5px 7px 0 rgba(212, 216, 220, 0.4);
  border-radius: 50%;
}

.tooltip {
  position: relative;
  display: inline-block;
  transition: all .2s ease-out;
}
  
  .tooltip__badge {
    transition: opacity 0.2s ease-in-out;
    position: absolute;
    top: 70%;
    right: 30%;
    transform: translateY(-20%);
    border-radius: 4px;
    background-color: var(--white);
    background-color: var(--white);
    box-shadow: 0 5px 15px 0 rgba(212, 216, 220, 0.3);
    font-size: 14px;
    font-weight: normal;
    color: var(--steel);
    color: var(--steel);
    padding: 9px 10px 5px;
    opacity: 0;
    z-index: 9;
  }
  
  .tooltip:hover .tooltip__badge {
      opacity: 1;
    }

.payments {
  text-align: center;
  transform: translateY(-240px);
  overflow: hidden;
}

  .payments__container {
    max-width: 1440px;
    margin: 0 auto;
  }

  @media only screen and (max-width: 758px) {
      .payments__container {
        width: 350%;
        transform: translateX(-55vw);
      }
    }

  .payments__title {
    margin-bottom: 80px;
    font-size: calc(18px + 4 * ((100vw - 420px) / 860));
    letter-spacing: -0.2px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

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

  .payments__title {
    font-size: 22px;
  }
}

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

  .payments__title {
    font-size: 18px;
  }
}

  .payments__group-1 {
    width: 86.4%;
    max-width: 1440px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transition: all .2s ease-out;
    transform: translateX(100px);
    margin-bottom: 1rem;
  }

  .payments__group-2 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 20px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transition: all .2s ease-out;
  }

.tile-grid__tile-small:nth-child(even) {
  align-self: flex-start;
}
.tile-grid__tile-small:nth-child(odd) {
  align-self: flex-end;
}

.tile-grid__tile-small.animate:nth-child(even) {
  transition: all .3s ease-out;
  animation: scrollAnimationX 5s;
}

.tile-grid__tile-small.animate:nth-child(odd) {
  transition: all .3s ease-out;
  animation: scrollAnimationY 5s;
}

@keyframes scrollAnimationX {
  from {
    transform: translateX(0px);
  } to {
    transform: translateX(370px)
  }
}

@keyframes scrollAnimationY {
  from {
    transform: translateX(0px);
  } to {
    transform: translateX(-370px)
  }
}
.highlighted {
  padding: 1rem;
  text-align: center;
  letter-spacing: -0.2px;
}

  .highlighted__heading {
    font-size: calc(32px + 24 * ((100vw - 420px) / 860));
    font-weight: 500;
    line-height: 1.14;
    margin-bottom: 24px;
    color: var(--deep-sky-blue);
    color: var(--deep-sky-blue);
  }

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

  .highlighted__heading {
    font-size: 56px;
  }
}

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

  .highlighted__heading {
    font-size: 32px;
  }
}

  .highlighted__description {
    font-size: calc(14px + 4 * ((100vw - 420px) / 860));
    line-height: 1.78;
    color: var(--slate);
    color: var(--slate);
  }

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

  .highlighted__description {
    font-size: 18px;
  }
}

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

  .highlighted__description {
    font-size: 14px;
  }
}

  .highlighted__description span {
      font-weight: 300;
    }
.service {
  margin-bottom: 180px;
  width: 85%;
  max-width: 70rem;
}

  .service .m-left {
    margin-left: 3rem;
  }

  @media only screen and (max-width: 758px) {
      .service .m-left {
        margin-left: 0;
      }
    }

  @media only screen and (max-width: 758px) {
    .service {
      margin-bottom: 82px;
    }
  }

  .service__img {
    text-align: center;
  }

  .service__img svg {
      width: 70%;
    }

  .service__content {
    font-family: Pepi;
    font-weight: 300;
    width: 502px;
  }

  .service__title {
    font-weight: 300;
    font-size: calc(28px + 6 * ((100vw - 420px) / 860));
    line-height: 1.35;
    letter-spacing: -0.6px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
    margin-bottom: 18px;
  }

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

  .service__title {
    font-size: 34px;
  }
}

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

  .service__title {
    font-size: 28px;
  }
}

  .service__description {
    font-size: calc(16px + 2 * ((100vw - 420px) / 860));
    line-height: 1.78;
    letter-spacing: -0.2px;
    color: var(--steel);
    color: var(--steel);
    margin-bottom: 42px;
  }

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

  .service__description {
    font-size: 18px;
  }
}

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

  .service__description {
    font-size: 16px;
  }
}

  .service__tiles {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 42px;
  }

  .service__tiles > *:not(:last-child) {
      margin-right: 18px;
    }

  @media only screen and (max-width: 758px) {
      .service__tiles {
        justify-content: center;
      }
    }

  @media only screen and (max-width: 758px) {
    .service__content {
      text-align: center;
    }
      .service__img svg {
        width: 80%;
        margin-bottom: 2rem;
      }
  }

  .service__button {
    border-radius: 45px;
    font-size: 16px;
    background-color: rgba(212, 216, 220, 0.04);
    border: solid 2px rgba(212, 216, 220, 0.8);
    outline: none;
    cursor: pointer;
    transition: all 0.4s;
    text-align: center;
    max-width: 183px;
  }

  .service__button a {
      display: block;
      padding: 14px 30px;
      height: 100%;
      font-family: var(--font-family);
      font-family: var(--font-family);
      font-weight: 400;
      text-decoration: none;
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
    }

  .service__button:hover {
      border: solid 2px var(--deep-sky-blue);
      border: solid 2px var(--deep-sky-blue);
    }

  @media only screen and (max-width: 758px) {
      .service__button {
        margin: 0 auto;
      }
    }

.extra-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white);
  background-color: var(--white);
  border: solid 1px var(--silver);
  border: solid 1px var(--silver);
  line-height: 3.3;
  font-size: 12px;
  text-align: center;
  position: relative;
  color: var(--steel);
  color: var(--steel);
}

.extra-circle::before {
    content: '+';
  }

.advantage {
  display: flex;
  flex-direction: column;
  width: 100%;
}

  @media only screen and (max-width: 758px) {
    .advantage {
      min-width: 0;
      width: 100%;
    }
  }

  .advantage__image-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  @media only screen and (max-width: 758px) {
      .advantage__image-container {
        max-width: 100%;
      }
    }

  .advantage__image-line {
    width: 100%;
    max-width: 120px;
    height: 2px;
    background-color: var(--pale-grey);
    background-color: var(--pale-grey);
  }

  .advantage__image-image {
    width: 70px;
    height: auto;
  }

  .advantage__title {
    height: 60px;
    margin-top: 32px;
    font-family: var(--font-primary);
    font-family: var(--font-primary);
    font-size: calc(18px + 4 * ((100vw - 420px) / 860));
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: -0.2px;
    text-align: center;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

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

  .advantage__title {
    font-size: 22px;
  }
}

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

  .advantage__title {
    font-size: 18px;
  }
}

  .advantage__description {
    height: 112px;
    font-family: var(--font-primary);
    font-family: var(--font-primary);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.86;
    letter-spacing: -0.1px;
    text-align: center;
    padding: 0 0.4em;
    color: var(--steel);
    color: var(--steel);
  }

@media only screen and (min-width: 1020px) and (max-width: 1196px) {
  .advantage__image-line {
    max-width: 100px;
  }
}

@media only screen and (max-width: 990px) {
  .advantage__image-line {
    display: none;
  }
}

.testimonial {
  width: 100%;
  max-width: 396px;
  height: 442px;
  border-radius: 6px;
  background-color: var(--white);
  background-color: var(--white);
  box-shadow: 0 12px 24px 0 rgba(212, 216, 220, 0.1);
  display: flex;
  flex-direction: column;
}

  .testimonial__head {
    display: flex;
    margin-left: 30px;
    margin-top: 42px;
  }

  .testimonial__image {
    width: 54px;
    height: 54px;
  }

  .testimonial__name {
    margin-top: 3px;
    margin-left: 14px;
    font-family: Pepi;
    font-size: calc(14px + 2 * ((100vw - 420px) / 860));
    font-weight: 400;
    line-height: 1.38;
    letter-spacing: -0.1px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

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

  .testimonial__name {
    font-size: 16px;
  }
}

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

  .testimonial__name {
    font-size: 14px;
  }
}

  .testimonial__testimonial {
    margin: 42px 30px auto 30px;
    font-family: Pepi;
    font-size: calc(14px + 2 * ((100vw - 420px) / 860));
    font-weight: 300;
    line-height: 1.69;
    letter-spacing: -0.2px;
    color: var(--slate);
    color: var(--slate);
  }

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

  .testimonial__testimonial {
    font-size: 16px;
  }
}

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

  .testimonial__testimonial {
    font-size: 14px;
  }
}

  .testimonial__star {
    width: 22px;
    height: 22px;
    object-fit: contain;
  }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(landing-static/c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format('embedded-opentype'), url(fonts/slick.woff) format('woff'), url(fonts/slick.ttf) format('truetype'), url("<svg xmlns=\"http://www.w3.org/2000/svg\"><metadata>Generated by Fontastic.me</metadata><defs><font id=\"slick\" horiz-adv-x=\"512\"><font-face font-family=\"slick\" units-per-em=\"512\" ascent=\"480\" descent=\"-32\"></font><missing-glyph horiz-adv-x=\"512\"></missing><glyph unicode=\"→\" d=\"M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z\"></glyph><glyph unicode=\"←\" d=\"M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z\"></glyph><glyph unicode=\"•\" d=\"M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z\"></glyph><glyph unicode=\"a\" d=\"M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z\"></glyph></font></defs></svg>"#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-prev,
.slick-next {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: rgba(246, 249, 251, 0.6);
  z-index: 100;
}

.slick-next:hover,
.slick-next:focus {
  background-color: rgba(246, 249, 251, 0.6);
  background-image: url(landing-static/ba50667e9f052128483e83ff7cd401eb.png);
  background-repeat: no-repeat;
  background-position: center;
}

.slick-prev:hover,
.slick-prev:focus {
  background-image: url(landing-static/146f263a0070896b5f2b866c6b20383a.png);
  background-repeat: no-repeat;
  background-position: center;
}

.slick-prev {
  background-image: url(landing-static/146f263a0070896b5f2b866c6b20383a.png);
  background-repeat: no-repeat;
  background-position: center;
}

.slick-next {
  background-image: url(landing-static/ba50667e9f052128483e83ff7cd401eb.png);
  background-repeat: no-repeat;
  background-position: center;
}

.slick-prev::before {
  content: '';
  color: #526474;
  margin-left: -15px;
}

.slick-next::before {
  content: '';
  color: #526474;
  margin-left: 15px;
}

.testimonial-carousel {
  padding-bottom: 100px;
  padding-right: 2rem;
  padding-left: 2rem;
  background-image: linear-gradient(to top, var(--pale-grey), #ffffff);
  background-image: linear-gradient(to top, var(--pale-grey), #ffffff);
}

.testimonial-carousel .trustpilot {
    margin-top: 100px;
  }

.testimonial-carousel__know-more-text {
      font-family: var(--font-family);
      font-family: var(--font-family);
      font-size: 14px;
      font-weight: 400;
      letter-spacing: -0.2px;
      text-align: center;
      color: var(--slate);
      color: var(--slate);
    }

.testimonial-carousel__dots {
    position: absolute;
    bottom: -60px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }

.testimonial-carousel__dots li {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
    }

.testimonial-carousel__dots li.slick-active button::before {
        opacity: 0.75;
        background-color: var(--deep-sky-blue);
        background-color: var(--deep-sky-blue);
        border-radius: 50%;
      }

.testimonial-carousel__dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
      }

.testimonial-carousel__dots li button::before {
          font-family: 'slick';
          font-size: 6px;
          line-height: 20px;
          position: absolute;
          top: 0;
          left: 0;
          width: 10px;
          height: 10px;
          content: ' ';
          text-align: center;
          opacity: 0.25;
          background-color: var(--silver);
          background-color: var(--silver);
          border-radius: 50%;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }

.testimonial-carousel__title {
    font-size: calc(24px + 10 * ((100vw - 420px) / 860));
    width: 90%;
    line-height: 1.35;
    letter-spacing: -0.6px;
    color: var(--gark-grey-blue);
    color: var(--gark-grey-blue);
    text-align: center;
    margin: 140px auto 82px auto;
  }

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

  .testimonial-carousel__title {
    font-size: 34px;
  }
}

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

  .testimonial-carousel__title {
    font-size: 24px;
  }
}

.testimonial-carousel__title h3 {
      font-weight: 300;
    }

.start__content__item {
  text-align: center;
  display: flex;
  flex-direction: column;
}

  .start__content__item-icon {
    height: 100px;
  }

  .start__content__item-icon svg {
      width: 70px;
    }

  @media only screen and (max-width: 1024px) {
        .start__content__item-icon svg {
          width: 50px;
        }
      }

  .start__content__item-dot {
    width: 28px;
    height: 28px;
    color: var(--white);
    color: var(--white);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    text-align: center;
    background-color: var(--deep-sky-blue);
    background-color: var(--deep-sky-blue);
    border: solid 2px var(--deep-sky-blue);
    border: solid 2px var(--deep-sky-blue);
    border-radius: 50%;
    display: inline-block;
    position: relative;
  }

  @media only screen and (max-width: 1024px) {
      .start__content__item-dot {
        display: none;
      }
    }

  .start__content__item-line {
    width: 110%;
    height: 2px;
    background-color: var(--deep-sky-blue);
    background-color: var(--deep-sky-blue);
    position: relative;
    top: 14px;
  }

  @media only screen and (max-width: 1024px) {
      .start__content__item-line {
        display: none;
      }
    }

  .start__content__item-description {
    margin-top: 29px;
    font-size: calc(18px + 4 * ((100vw - 420px) / 860));
    line-height: 1.32;
    font-weight: 300;
    letter-spacing: -0.2px;
    color: var(--slate);
    color: var(--slate);
  }

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

  .start__content__item-description {
    font-size: 22px;
  }
}

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

  .start__content__item-description {
    font-size: 18px;
  }
}

  @media only screen and (max-width: 1024px) {
      .start__content__item-description {
        text-align: left;
        margin-top: 0;
      }
    }

.left {
  left: 50%;
}

.right {
  width: 50%;
}
.start-bg-container {
  width: 100%;
  background-image: url(landing-static/631606cbe4222738970fff1639b1e0d6.png);
  background-size: cover;
}

.start-container {
  width: 90%;
  margin: 0 auto;
  padding: 180px 0;
}

.start-container .start__title {
    text-align: center;
    margin-bottom: 47px;
  }

.start-container .start__title-text {
      font-size: calc(24px + 10 * ((100vw - 420px) / 860));
      font-weight: 300;
      line-height: 1.35;
      letter-spacing: -0.6px;
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
    }

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

  .start-container .start__title-text {
    font-size: 34px;
  }
}

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

  .start-container .start__title-text {
    font-size: 24px;
  }
}

.start-container .start__email {
    width: 400px;
    margin: 63px auto auto auto;
    text-align: center;
  }

.start-container .start__email-subtext {
      display: block;
      margin-top: 1rem;
      font-size: calc(12px + 2 * ((100vw - 420px) / 860));
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: -0.1px;
      color: var(--cool-grey);
      color: var(--cool-grey);
    }

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

  .start-container .start__email-subtext {
    font-size: 14px;
  }
}

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

  .start-container .start__email-subtext {
    font-size: 12px;
  }
}

@media only screen and (max-width: 758px) {
      .start-container .start__email {
        width: auto;
        margin-top: 32px;
      }
    }

.logos {
  padding: 76px 0;
  background-color: var(--pale-grey);
  background-color: var(--pale-grey);
}

  .logos__brand {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  @media only screen and (max-width: 758px) {
      .logos__brand {
        flex-direction: column;
        height: 420px;
      }

        .logos__brand:not(:last-child) {
          margin-bottom: 5rem;
        }
    }

  .logos__brand-svg {
      width: 13%;
    }

  @media only screen and (max-width: 758px) {
        .logos__brand-svg {
          width: 40%;
        }
      }

  .logos__brand-svg path, .logos__brand-svg polygon {
        fill: var(--cool-grey);
        fill: var(--cool-grey);
      }

  .logos__brand-svg:hover path, .logos__brand-svg:hover polygon {
        fill: var(--deep-sky-blue);
        fill: var(--deep-sky-blue);
      }

.map {
  background: var(--dark-grey-blue);
  background: var(--dark-grey-blue);
  font-family: var(--font-family);
  font-family: var(--font-family);
  position: relative;
  min-height: 60vh;
  padding-top: 32px;
  padding-bottom: 90px;
  overflow-x: hidden;
  border-bottom: solid var(--slate) 1px;
  border-bottom: solid var(--slate) 1px;
}

  .map__heading {
    position: absolute;
    top: 142px;
    display: flex;
    width: inherit;
    justify-content: center;
  }

  .map__heading__text {
      font-size: calc(28px + 6 * ((100vw - 420px) / 860));
      font-weight: 400;
      line-height: 1.35;
      letter-spacing: -0.4px;
      text-align: center;
      color: var(--white);
      color: var(--white);
    }

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

  .map__heading__text {
    font-size: 34px;
  }
}

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

  .map__heading__text {
    font-size: 28px;
  }
}

  .map__heading__text--blue {
        color: var(--deep-sky-blue);
        color: var(--deep-sky-blue);
      }

  .map__image {
    min-width: 800px;
  }

  .map__hidden-transaction{
    opacity: 0;
    transition: opacity .25s ease-in-out;
  }

  .map__visible-transaction{
    opacity: 1;
  }

.footer {
  width: 100%;
  min-height: 338px;
  display: flex;
  align-items: center;
  background-color: var(--dark-grey-blue);
  background-color: var(--dark-grey-blue);
}

  .footer__container {
    width: 100%;
    max-width: 1140px;
    display: flex;
    margin: 0 auto;
    padding: 0 2rem;
  }

  .footer__logo-and-terms {
    flex: 3;
  }

  .footer__logo-and-terms a {
      color: var(--white);
      color: var(--white);
      text-decoration: none;
    }

  .footer__logo-and-terms-logo {
      width: 40%;
    }

  @media only screen and (max-width: 758px) {
        .footer__logo-and-terms-logo {
          width: 70%;
        }
      }

  .footer__logo-and-terms-logo path {
        fill: var(--white);
        fill: var(--white);
        stroke: var(--white);
        stroke: var(--white);
      }

  .footer__logo-and-terms-terms {
      margin-top: 25px;
      height: 18px;
      font-family: Pepi;
      font-size: calc(12px + 2 * ((100vw - 420px) / 860));
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.29;
      letter-spacing: normal;
      color: var(--white);
      color: var(--white);
    }

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

  .footer__logo-and-terms-terms {
    font-size: 14px;
  }
}

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

  .footer__logo-and-terms-terms {
    font-size: 12px;
  }
}

  .footer__logo-and-terms-love {
      margin-top: 13px;
      margin-bottom: 18px;
      height: 32px;
      font-family: Pepi;
      font-size: calc(14px + 4 * ((100vw - 420px) / 860));
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.78;
      letter-spacing: -0.1px;
      color: var(--white);
      color: var(--white);
    }

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

  .footer__logo-and-terms-love {
    font-size: 18px;
  }
}

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

  .footer__logo-and-terms-love {
    font-size: 14px;
  }
}

  .footer__logo-and-terms-social {
      display: flex;
    }

  .footer__logo-and-terms-social-link {
        width: 26px;
        margin-right: 10px;
      }

  .footer__spacer {
    flex: 2;
  }

  .footer__links {
    flex-grow: 1;
  }

  .footer__links-title {
      margin-bottom: 36px;
      height: 32px;
      font-family: Pepi;
      font-size: calc(14px + 4 * ((100vw - 420px) / 860));
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.78;
      letter-spacing: -0.1px;
      color: var(--white);
      color: var(--white);
    }

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

  .footer__links-title {
    font-size: 18px;
  }
}

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

  .footer__links-title {
    font-size: 14px;
  }
}

  .footer__links-link {
      margin-bottom: 22px;
      height: 18px;
      font-family: Pepi;
      font-size: calc(12px + 2 * ((100vw - 420px) / 860));
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.29;
      letter-spacing: normal;
      color: var(--white);
      color: var(--white);
      display: block;
      text-decoration: none;
    }

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

  .footer__links-link {
    font-size: 14px;
  }
}

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

  .footer__links-link {
    font-size: 12px;
  }
}

  .footer__links:last-child {
      flex-grow: 0;
    }

@media (max-width: 840px) {
  .footer__container {
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 0;
    margin-left: 42px;
  }

  .footer__links {
    display: none;
  }
}

.services-container {
  margin-top: 182px;
}

  @media only screen and (max-width: 758px) {
    .services-container {
      margin-top: 128px;
    }
  }

@media only screen and (max-width: 758px) {
    .highlighted-container {
      width: 85%;
    }
  }

@media only screen and (max-width: 758px) {
    .advantage-container {
      width: 85%;
    }
  }
.hero-company {
  min-height: 720px;
  display: flex;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url(landing-static/4b6d57abacca39ff7c8282d764b0ca86.png);
  width: 100%;
}

  .hero-company__container {
    margin-top: auto;
    margin-bottom: auto;
    padding: 0 2rem;
  }

  .hero-company__quote {
    font-size: calc(32px + 16 * ((100vw - 420px) / 860));
    font-weight: 300;
    line-height: 1.38;
    letter-spacing: -1.2px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

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

  .hero-company__quote {
    font-size: 48px;
  }
}

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

  .hero-company__quote {
    font-size: 32px;
  }
}

  .hero-company__quote-bold {
    font-weight: 400;
  }

  .hero-company__person {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.36;
    letter-spacing: -0.4px;
    text-align: left;
    color: var(--deep-sky-blue);
    color: var(--deep-sky-blue);
  }

.mission-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 23px;
  font-family: var(--font-family);
  font-family: var(--font-family);
  font-weight: 400;
}

  .mission-item__img-container {
    height: 90px;
    width: 90px;
    margin: 0 1rem 1rem 1rem;
    align-self: flex-start;
    background-color: var(--deep-sky-blue);
    background-color: var(--deep-sky-blue);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mission-item__img {
    width: 50%;
    height: auto;
    objectfit: contain;
  }

  .mission-item__text {
    font-size: calc(16px + 6 * ((100vw - 420px) / 860));
    line-height: 1.36;
    letter-spacing: -0.2px;
    color: var(--slate);
    color: var(--slate);
    flex: 1;
  }

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

  .mission-item__text {
    font-size: 22px;
  }
}

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

  .mission-item__text {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .mission-item__img-container {
    height: 62px;
    width: 62px;
  }

  .mission-item__text {
    align-self: flex-start;
  }
}

.company-mission__container {
    padding: 0 2rem;
    display: flex;
  }
  .company-mission__heading {
    max-width: 82%;
    margin: 0 auto;
  }
  .company-mission__title {
    font-size: calc(28px + 6 * ((100vw - 420px) / 860));
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.6px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }
  @media screen and (min-width: 1280px) {
    .company-mission__title {
        font-size: 34px;
    }
}
  @media screen and (max-width: 420px) {
    .company-mission__title {
        font-size: 28px;
    }
}
  .company-mission__subtitle {
    font-size: calc(18px + 2 * ((100vw - 420px) / 860));
    font-weight: 300;
    line-height: 1.8;
    letter-spacing: -0.4px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }
  @media screen and (min-width: 1280px) {
    .company-mission__subtitle {
        font-size: 20px;
    }
}
  @media screen and (max-width: 420px) {
    .company-mission__subtitle {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
  .company-mission__heading {
    max-width: 100%;
    margin: 0;
  }
}

.mission-items-container {
  padding: 0 1rem;
}

.team-member {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  margin: 20px 0;
  border-radius: 6px;
  background-color: var(--white);
  background-color: var(--white);
  box-shadow: 0 6px 30px 0 rgba(212, 216, 220, 0.3);
}

  .team-member__img {
    width: 100%;
    height: auto;
  }

  .team-member__name {
    margin-left: 28px;
    margin-top: 28px;
    font-size: calc(20px + 2 * ((100vw - 420px) / 860));
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: -0.2px;
    text-align: left;
    color: var(--deep-sky-blue);
    color: var(--deep-sky-blue);
  }

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

  .team-member__name {
    font-size: 22px;
  }
}

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

  .team-member__name {
    font-size: 20px;
  }
}

  .team-member__position {
    margin-left: 28px;
    margin-top: 2px;
    margin-bottom: 20px;
    font-size: calc(16px + 2 * ((100vw - 420px) / 860));
    font-weight: 400;
    line-height: 1.78;
    letter-spacing: -0.2px;
    text-align: left;
    color: var(--slate);
    color: var(--slate);
  }

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

  .team-member__position {
    font-size: 18px;
  }
}

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

  .team-member__position {
    font-size: 16px;
  }
}

.our-team {
  padding: 0 2rem;
}

  .our-team__heading {
    height: 46px;
    font-family: var(--font-family);
    font-family: var(--font-family);
    font-size: calc(28px + 6 * ((100vw - 420px) / 860));
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.6px;
    text-align: center;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

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

  .our-team__heading {
    font-size: 34px;
  }
}

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

  .our-team__heading {
    font-size: 28px;
  }
}

@media (max-width: 840px) {
  .our-team__heading {
    margin-left: 9px;
    text-align: left;
  }
}

.investor {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 290px;
  margin: 20px 0;
  border-radius: 6px;
  background-color: var(--white);
  background-color: var(--white);
  box-shadow: 0 6px 30px 0 rgba(212, 216, 220, 0.3);
}

  .investor__img {
    width: 78px;
    height: auto;
    margin-top: 28px;
    margin-left: 28px;
  }

  .investor__name {
    margin-top: 16px;
    margin-left: 28px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: -0.2px;
    text-align: left;
    color: var(--deep-sky-blue);
    color: var(--deep-sky-blue);
  }

  .investor__description {
    margin-top: 2px;
    margin-left: 28px;
    max-width: 80%;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.78;
    letter-spacing: -0.2px;
    color: var(--slate);
    color: var(--slate);
    text-align: left;
  }

.our-investors {
  padding: 0 2rem;
}

  .our-investors__heading {
    font-size: calc(28px + 6 * ((100vw - 420px) / 860));
    font-family: var(--font-family);
    font-family: var(--font-family);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.6px;
    text-align: center;
    margin-left: 9px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

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

  .our-investors__heading {
    font-size: 34px;
  }
}

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

  .our-investors__heading {
    font-size: 28px;
  }
}

@media (max-width: 840px) {
  .our-investors__heading {
    text-align: left;
  }
}

.company-masonry {
  padding: 0 2rem;
  padding-bottom: 162px;
}

  .company-masonry__background {
    background-color: var(--pale-grey);
    background-color: var(--pale-grey);
  }

  .company-masonry__container {
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 6px 30px 0 rgba(212, 216, 220, 0.3);
  }

  .company-masonry__heading {
    font-size: calc(28px + 6 * ((100vw - 420px) / 860));
    font-family: var(--font-family);
    font-family: var(--font-family);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.6px;
    text-align: center;
    margin-bottom: 62px;
    padding-top: 142px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

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

  .company-masonry__heading {
    font-size: 34px;
  }
}

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

  .company-masonry__heading {
    font-size: 28px;
  }
}

  .company-masonry__text-strong {
      font-family: var(--font-family);
      font-family: var(--font-family);
      font-size: calc(20px + 2 * ((100vw - 420px) / 860));
      font-weight: 400;
      line-height: 1.36;
      letter-spacing: -0.2px;
      margin-bottom: 28px;
      color: var(--deep-sky-blue);
      color: var(--deep-sky-blue);
    }

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

  .company-masonry__text-strong {
    font-size: 22px;
  }
}

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

  .company-masonry__text-strong {
    font-size: 20px;
  }
}

  .company-masonry__text-normal {
      font-family: var(--font-family);
      font-family: var(--font-family);
      font-size: calc(18px + 2 * ((100vw - 420px) / 860));
      font-weight: 400;
      line-height: 1.3;
      letter-spacing: -0.2px;
      margin-bottom: 28px;
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
    }

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

  .company-masonry__text-normal {
    font-size: 20px;
  }
}

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

  .company-masonry__text-normal {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1190px) {
    .company-masonry__container {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      grid-template-rows: repeat(7, 1fr);
      grid-gap: 18px;
      height: 726px;
    }

    .company-masonry__text {
      grid-column: 1 / 4;
      grid-row: 1 / 8;
      margin: 62px 0 68px 42px;
      max-width: 85%;
    }

    .company-masonry__image-1 {
      grid-column: 4 / 7;
      grid-row: 1 / 5;
      object-fit: cover;
      width: 100%;
      max-height: 100%;
      height: 100%;
    }

    .company-masonry__image-2 {
      grid-column: 7 / 11;
      grid-row: 1 / 4;
      object-fit: cover;
      width: 100%;
      max-height: 100%;
      height: 100%;
    }

      .company-masonry__image-2 img {
        border-top-right-radius: 8px;
      }

    .company-masonry__image-3 {
      grid-column: 4 / 7;
      grid-row: 5 / 8;

      object-fit: cover;
      width: 100%;
      max-height: 100%;
      height: 100%;
    }

    .company-masonry__image-4 {
      grid-column: 7 / 11;
      grid-row: 4 / 8;
      object-fit: cover;
      width: 100%;
      max-height: 100%;
      height: 100%;
    }

      .company-masonry__image-4 img {
        border-bottom-right-radius: 8px;
      }
}

@media only screen and (min-width: 901px) and (max-width: 1189px) {
    .company-masonry__container {
      display: flex;
      height: auto;
      flex-direction: row;
    }

    .company-masonry__text {
      padding: 30px 2% 2% 5%;
      max-width: 85%;
    }

      .company-masonry__text-strong {
        margin-bottom: 25px;
      }

      .company-masonry__text-normal {
        margin-bottom: 20px;
      }

    .company-masonry__image-1 {
      display: none;
    }

    .company-masonry__image-2 {
      width: auto;
      margin-right: 18px;
    }
      .company-masonry__image-2 img {
        width: auto;
        height: 100%;
        border-radius: 0;
      }
      .company-masonry__image-3 img {
        width: auto;
        height: 100%;
        border-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
      }

    .company-masonry__image-4 {
      display: none;
    }
}

@media only screen and (max-width: 900px) {
    .company-masonry__container {
      display: flex;
      height: auto;
      flex-direction: column;
    }

    .company-masonry__text {
      width: 100%;
      padding: 62px 0 68px 42px;
    }

    .company-masonry__image-1 {
      width: 100%;
    }
      .company-masonry__image-1 img {
        width: 100%;
        border-radius: 0;
      }

    .company-masonry__image-2 {
      width: 100%;
    }
      .company-masonry__image-2 img {
        width: 100%;
        border-radius: 0;
      }

    .company-masonry__image-3 {
      display: none;
    }
      .company-masonry__image-3 img {
        width: 100%;
        border-radius: 0;
      }

    .company-masonry__image-4 {
      width: 100%;
    }

      .company-masonry__image-4 img {
        width: 100%;
        height: 100%;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
      }
}

@media (max-width: 840px) {
  .company-masonry__heading {
    text-align: left;
  }
}

.company {
  background-image: linear-gradient(to bottom, var(--pale-grey), #ffffff);
  background-image: linear-gradient(to bottom, var(--pale-grey), #ffffff);
}

  .company-mission-container {
    margin-bottom: 212px;
  }

  .company-ourteam-container {
    margin-bottom: 192px;
  }

  .company-investors-container {
    margin-bottom: 60px;
  }

.select {
  display: inline-block;
  padding: 6px 35px 6px 5px;
  border-radius: 24px;
  background-color: var(--white);
  background-color: var(--white);
  border: solid 1px var(--silver);
  border: solid 1px var(--silver);
  cursor: pointer;
  position: relative;

}

  .select--clear {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .select--clear .select__selected-value .select__list-item-text {
        color: var(--white);
        color: var(--white);
      }

  .select--clear .select__icon .svg-icon {
        fill: var(--white);
        fill: var(--white);
      }

  .select__selected-value {
    display: flex;
    align-items: center;
  }

  .select__selected-value .select__list-item-text {
      color: var(--slate);
      color: var(--slate);
    }

  .select__icon {
    display: block;
    width: 24px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }

  .select__icon svg {
      vertical-align: top;
    }

  .select__icon svg .svg-icon {
        fill: var(--azure);
        fill: var(--azure);
      }

  .select__list {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 6px 30px 0 var(--silver);
    box-shadow: 0 6px 30px 0 var(--silver);
    width: 100%;
    min-width: 225px;
    max-height: 350px;
    position: absolute;
    overflow: scroll;
    margin-top: 12px;
  }

  .select__list__input {
      padding: 4px;
    }

  .select__list__input input {
        width: 100%;
        height: 40px;
        border-radius: 8px;
        background-color: var(--pale-grey);
        background-color: var(--pale-grey);
        border: none;
        outline: none;
        font-size: 16px;
        color: var(--dark-grey-blue);
        color: var(--dark-grey-blue);
        text-align: center;
      }

  .select__list-item {
    transition: background-color 0.2s ease-in-out;
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
  }

  .select__list-item:hover {
      background-color: var(--pale-grey);
      background-color: var(--pale-grey);
    }

  .select__list-item-icon {
    margin-right: 8px;
    box-shadow: none;
  }

  .select__list-item-text {
    margin-top: 2px;
    color: var(--steel);
    color: var(--steel);
    font-size: 18px;
  }

.calculator {
  border-radius: 8px;
  background-color: var(--white);
  background-color: var(--white);
  box-shadow: 0 6px 30px 0 rgba(212, 216, 220, 0.3);
}

  .calculator__message {
    padding: 42px 42px 22px;
    display: flex;
    align-items: center;
  }

  .calculator__message .row {
      align-items: center;
    }

  .calculator__message-image {
    margin-bottom: 28px;
  }

  .calculator__message-image img {
      vertical-align: top;
      max-width: 66px;
    }

  .calculator__message-text {
    font-size: 22px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
    font-weight: 300;
  }

  .calculator__converter .calculator__converter-label {
      font-weight: 400;
      font-size: 16px;
      color: var(--steel);
      color: var(--steel);
      margin-bottom: 18px;
    }

  .calculator__converter .calculator__converter-left .row {
        padding: 50px 40px 30px;
      }

  .calculator__converter .calculator__converter-left .row > div:first-child {
          margin-bottom: 28px;
        }

  .calculator__converter .calculator__converter-right > div {
        border-radius: 8px;
        background-image: linear-gradient(117deg, var(--azure), #1996fc 32%, #1575fa);
        background-image: linear-gradient(117deg, var(--azure), #1996fc 32%, #1575fa);
      }

  .calculator__converter .calculator__converter-right .col-xs-6:first-child {
        padding-bottom: 29px;
      }

  .calculator__converter .calculator__converter-right .calculator__converter-label {
        color: var(--white);
        color: var(--white);
      }

  .calculator__converter .calculator__converter-right .row {
        padding: 50px 60px 30px;
      }

  .calculator__converter .calculator__converter-content {
      display: flex;
    }

  .calculator__converter .calculator__converter-content .styled-input {
        flex-grow: 1;
      }

  .calculator__converter .calculator__converter-content .select {
        flex-grow: 1;
      }

  .calculator .styled-input__main {
      display: flex;
      align-items: flex-end;
    }

  .calculator .styled-input__description {
      color: var(--white);
      color: var(--white);
      padding-left: 20px;
      margin-top: 10px;
      font-size: 14px;
    }

  .calculator .styled-input__left-text,
    .calculator .styled-input__right-text {
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
      font-weight: 300;
      font-size: 18px;
    }

  .calculator .styled-input__left-text {
      margin-right: 8px;
    }

  .calculator .styled-input__right-text {
      margin-left: 8px;
    }

  .calculator .styled-input__input {
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
      font-weight: 300;
      font-size: 34px;
      border-radius: 6px;
      background-color: var(--pale-grey);
      background-color: var(--pale-grey);
      border: none;
      outline: none;
      padding: 9px 8px 0;
      width: 180px;
      flex-grow: 1;
    }

  .calculator .styled-input__input::-webkit-inner-spin-button,
      .calculator .styled-input__input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }

  .calculator .styled-input--clear .styled-input__left-text,
      .calculator .styled-input--clear .styled-input__right-text {
        color: var(--white);
        color: var(--white);
      }

  .calculator .styled-input--clear .styled-input__input {
        color: var(--white);
        color: var(--white);
        background-color: rgba(255, 255, 255, 0.1);
      }

  .calculator__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    color: var(--white);
    padding: 9px 10px;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 14px;
  }

  .calculator__footer .calculator__footer-share {
      display: flex;
      align-items: center;
    }

  .calculator__footer .calculator__footer-share a,
      .calculator__footer .calculator__footer-share div {
        margin-right: 20px;
      }

  .calculator__footer .calculator__footer-share a:last-child, .calculator__footer .calculator__footer-share div:last-child {
          margin-right: 0;
        }

  .calculator__footer .calculator__footer-share .calculator__footer-icon {
        width: 24px;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        cursor: pointer;
      }

  .calculator__footer .calculator__footer-share .calculator__footer-icon svg {
          vertical-align: top;
        }

.tabbed-calculator {
  box-shadow: 0 6px 30px 0 rgba(212, 216, 220, 0.3);
}

  .tabbed-calculator__tabs {
    display: flex;
  }

  .tabbed-calculator__tabs__tab {
      background-color: var(--pale-grey);
      background-color: var(--pale-grey);
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
      text-align: center;
      font-weight: 400;
      padding: 25px 0;
      cursor: pointer;
      flex-grow: 1;
      transition: all 0.1s ease-in-out;

    }

  .tabbed-calculator__tabs__tab:first-child {
        border-top-left-radius: 8px;
      }

  .tabbed-calculator__tabs__tab:last-child {
        border-top-right-radius: 8px;
      }

  .tabbed-calculator__tabs__tab:last-child .tabbed-calculator__tabs__tab__text {
          border-color: transparent;
        }

  .tabbed-calculator__tabs__tab__text {
        border-right: 1px solid var(--silver);
        border-right: 1px solid var(--silver);
        padding: 10px 100px;
      }

  .tabbed-calculator__tabs__tab--active,
      .tabbed-calculator__tabs__tab:hover {
        background-color: var(--white);
        background-color: var(--white);
      }

  .tabbed-calculator__tabs__tab--active .tabbed-calculator__tabs__tab__text, .tabbed-calculator__tabs__tab:hover .tabbed-calculator__tabs__tab__text {
          color: var(--deep-sky-blue);
          color: var(--deep-sky-blue);
          border-right-color: transparent;
        }

  .tabbed-calculator__calculators .calculator {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

.section-calculator {
  background-color: var(--pale-grey);
  background-color: var(--pale-grey);
  padding: 160px 20px;
  margin-bottom: 140px;
  display: none;
}

  .section-calculator .section-calculator__title,
  .section-calculator .section-calculator__subtitle {
    font-weight: 300;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
    font-size: 34px;
    text-align: center;
  }

  .section-calculator .section-calculator__title {
    margin-bottom: 8px;
  }

  .section-calculator .section-calculator__subtitle {
    font-size: 18px;
    margin-bottom: 62px;
  }


.blog-post {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  max-width: 396px;
  margin: 20px 0;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 6px 30px 0 rgba(212, 216, 220, 0.3);
}

  .blog-post__category {
    padding-left: 25px;
    margin: 32px 0;
    min-height: 28px;
    display: flex;
    align-items: center;
    font-family: Pepi;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.29;
    letter-spacing: normal;
    color: var(--cool-grey);
    color: var(--cool-grey);
    border-left: solid 3px var(--cool-grey);
    border-left: solid 3px var(--cool-grey);
  }

  .blog-post__category--yellow {
      border-left: solid 3px var(--sandy-yellow);
      border-left: solid 3px var(--sandy-yellow);
    }

  .blog-post__category--pinky {
      border-left: solid 3px var(--pinky);
      border-left: solid 3px var(--pinky);
    }

  .blog-post__category--blue {
      border-left: solid 3px var(--azure);
      border-left: solid 3px var(--azure);
    }

  .blog-post__category--green {
      border-left: solid 3px var(--hospital-green);
      border-left: solid 3px var(--hospital-green);
    }

  .blog-post__title {
    padding-right: 5px;
    min-height: 60px;
    margin-left: 25px;
    font-family: Pepi;
    font-size: calc(20px + 2 * ((100vw - 420px) / 860));
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: -0.2px;
    text-align: left;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }

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

  .blog-post__title {
    font-size: 22px;
  }
}

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

  .blog-post__title {
    font-size: 20px;
  }
}

  .blog-post__excerpt {
    padding-right: 5px;
    min-height: 64px;
    margin-left: 25px;
    margin-top: 12px;
    font-family: Pepi;
    font-size: calc(16px + 2 * ((100vw - 420px) / 860));
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.78;
    text-align: left;
    color: var(--steel);
    color: var(--steel);
  }

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

  .blog-post__excerpt {
    font-size: 18px;
  }
}

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

  .blog-post__excerpt {
    font-size: 16px;
  }
}

  .blog-post__link {
    height: 28px;
    margin-left: 25px;
    margin-top: 12px;
    margin-bottom: 42px;
    text-decoration: none;
    font-family: Pepi;
    font-size: calc(14px + 4 * ((100vw - 420px) / 860));
    font-weight: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: var(--azure);
    color: var(--azure);
  }

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

  .blog-post__link {
    font-size: 18px;
  }
}

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

  .blog-post__link {
    font-size: 14px;
  }
}

  .blog-post__img{
    width: 100%;
    max-height: 240px;
  }

.blog-posts-container {
    padding: 0 2rem 182px 2rem;
  }
  .blog-posts-title {
    font-family: var(--font-family);
    font-family: var(--font-family);
    font-size: calc(24px + 10 * ((100vw - 420px) / 860));
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: -0.6px;
    text-align: center;
    color: var(--slate);
    color: var(--slate);
    max-width: 660px;
    margin: 42px auto 62px auto;
  }
  @media screen and (min-width: 1280px) {
    .blog-posts-title {
        font-size: 34px;
    }
}
  @media screen and (max-width: 420px) {
    .blog-posts-title {
        font-size: 24px;
    }
}

.header-general {
  width: 100%;
  padding-top: 4rem;
  background-color: var(--pale-grey);
  background-color: var(--pale-grey);
  background-image: url(landing-static/e19b602dfa4f213f444e2453edc8e63b.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

  .header-general__container {
    margin-bottom: 150px;
  }

  @media only screen and (max-width: 758px) {
    .header-general {
      background-size: cover;
    }

    .header-general__container {
      width: 85%;
    }
  }

  .header-general__content {
    text-align: center;
    position: relative;
    top: 65px;
  }

  .header-general__content-image {
      margin: 0 auto;
      position: relative;
      width: 542px;
      max-width: 542px;
    }

  @media only screen and (max-width: 758px) {
        .header-general__content-image {
          width: 80%;
          max-width: 80%;
        }
      }

  .header-general__content-title {
      text-align: center;
      font-size: calc(28px + 16 * ((100vw - 420px) / 860));
      font-weight: 300;
      line-height: 1.36;
      letter-spacing: -1px;
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
      margin-bottom: 43px;
      margin-top: 21px;
    }

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

  .header-general__content-title {
    font-size: 44px;
  }
}

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

  .header-general__content-title {
    font-size: 28px;
  }
}

  .header-general__content-input {
      width: 396px;
      margin: 0 auto;
    }

  .header-general__content-input-subtext {
        display: block;
        margin-top: 1rem;
        font-size: calc(12px + 2 * ((100vw - 420px) / 860));
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: -0.1px;
        color: var(--cool-grey);
        color: var(--cool-grey);
      }

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

  .header-general__content-input-subtext {
    font-size: 14px;
  }
}

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

  .header-general__content-input-subtext {
    font-size: 12px;
  }
}

  @media only screen and (max-width: 758px) {
        .header-general__content-input {
          width: 100%;
        }
      }

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

  .separator__image {
    height: auto;
    width: 128px;
  }

  .separator__line {
    width: 100%;
    max-width: 368px;
    height: 2px;
    background-color: var(--pale-grey);
    background-color: var(--pale-grey);
  }

/* Portrait */
@media only screen and (max-device-width: 890px) {
  .separator__image {
    margin: auto;
  }

  .separator__line {
    display: none;
  }
}

.modal__content {
  margin: .5rem 1.5rem;
}

  @media only screen and (max-width: 768px) {
    .modal__content {
      margin: 0;
    }
  }

  .modal__content__header {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  @media only screen and (max-width: 768px) {
      .modal__content__header {
        flex-direction: column;
        padding-top: 0;
      }
    }

  .modal__content__header-title {
      font-size: calc(18px + 4 * ((100vw - 420px) / 860));
      font-weight: 400;
      line-height: 1.36;
      letter-spacing: -0.2px;
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
    }

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

  .modal__content__header-title {
    font-size: 22px;
  }
}

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

  .modal__content__header-title {
    font-size: 18px;
  }
}

  .modal__content__header-icon {
      width: 2.3rem;
      cursor: pointer;
    }

  @media only screen and (max-width: 768px) {
        .modal__content__header-icon {
          order: -1;
          align-self: flex-end;
        }
      }

  .modal__content-row {
    display: flex;
    justify-content: space-between;
    margin-top: 2.5rem;
  }

  @media only screen and (max-width: 768px) {
      .modal__content-row {
        flex-direction: column;
      }
    }

  .modal__content-row .column {
      flex: 1;
    }

  .modal__content-row .column__title {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: -0.2px;
        color: var(--deep-sky-blue);
        color: var(--deep-sky-blue);
        margin-bottom: 1rem;
        display: block;
      }

  .modal__content-row .column__item {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.78;
        letter-spacing: -0.1px;
        color: var(--steel);
        color: var(--steel);
      }

  .modal__content-row .column__item span {
          margin-left: 18px;
        }
.ReactModal__Overlay {
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.75);
  }
  .ReactModal__Content {
    opacity: 0; 
  }
  .ReactModal__Content--after-open {
      opacity: 1;
      transition: opacity 150ms;
    }
  .ReactModal__Content--before-close {
    opacity: 0;
    }
.brief-linear-background {
    background-image: linear-gradient(to top, var(--pale-grey), #ffffff);
    background-image: linear-gradient(to top, var(--pale-grey), #ffffff);
  }
  .brief__container {
    max-width: 938px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
  }
  .brief__text {
    margin-top: 42px;
    margin-bottom: 98px;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.36;
    letter-spacing: -0.4px;
    text-align: center;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
  }
  @media only screen and (max-width: 768px) {
      .brief__text {
        margin-bottom: 42px;
      }
    }
  .brief__more {
    font-family: var(--font-family);
    font-family: var(--font-family);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.4px;
    text-align: center;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
    margin-bottom: 162px;
    margin-top: 82px;
    cursor: pointer;
    transition: all .3s;
  }
  .brief__more:hover {
      color: var(--deep-sky-blue);
      color: var(--deep-sky-blue);
    }
  @media only screen and (max-width: 768px) {
      .brief__more {
        margin-top: 42px;
        margin-bottom: 82px;
      }
    }
  .brief__circle-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 42px;
  }
  @media only screen and (max-width: 768px) {
      .brief__circle-container {
        margin-bottom: 18px;
      }
    }
  .brief__circle-tile {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0;
  }
  @media only screen and (max-width: 768px) {
      .brief__circle-tile {
        height: 100% !important;
        width: 100% !important;
        padding: 2px;
      }
    }
  .brief__tooltip{
    width: 100%;
  }

.cryptos-how-start-container {
  margin-bottom: 42px;
}

.cryptos-advantage-container {
  padding: 140px 2rem 0;
}

.cryptos-background{
  background-image: url(landing-static/462010398305af6b477ef725cf22614f.png);
}

.freeBrief {
  padding-bottom: 162px;
}

  .freeBrief__container {
    width: 938px;
    margin: 0 auto;
  }

  @media only screen and (max-width: 758px) {
      .freeBrief__container {
        width: 90%;
      }
    }

  .freeBrief__container-text {
      width: 90%;
      font-weight: 300;
      font-size: calc(18px + 4 * ((100vw - 420px) / 860));
      line-height: 1.36;
      letter-spacing: -0.4px;
      text-align: center;
      margin: 42px auto 82px auto;
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
    }

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

  .freeBrief__container-text {
    font-size: 22px;
  }
}

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

  .freeBrief__container-text {
    font-size: 18px;
  }
}

  .freeBrief__container-title {
      font-weight: 400;
      font-size: 22px;
      letter-spacing: -0.4px;
      text-align: center;
      margin-bottom: 42px;
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
    }

  .freeBrief__container-column {
      width: 65%;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

  @media only screen and (max-width: 758px) {
        .freeBrief__container-column {
          width: 75%;
        }
      }

  .freeBrief__container-column .tile-grid__tile-small {
        margin-bottom: 42px;
      }

  .freeBrief__container-subtext {
      margin-top: 82px;
      font-weight: 400;
      font-size: calc(18px + 4 * ((100vw - 420px) / 860));
      letter-spacing: -0.4px;
      text-align: center;
      cursor: pointer;
      transition: all .3s;
    }

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

  .freeBrief__container-subtext {
    font-size: 22px;
  }
}

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

  .freeBrief__container-subtext {
    font-size: 18px;
  }
}

  .freeBrief__container-subtext:hover {
        color: var(--deep-sky-blue);
        color: var(--deep-sky-blue);
      }
.section-free-calculator {
  background-color: var(--pale-grey);
  background-color: var(--pale-grey);
  padding: 160px 20px;
  margin-bottom: 140px;
}

  .section-free-calculator .section__title,
  .section-free-calculator .section__subtitle {
    font-weight: 300;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
    font-size: 34px;
    text-align: center;
  }

  .section-free-calculator .section__title {
    margin-bottom: 8px;
  }

  .section-free-calculator .section__subtitle {
    font-size: 18px;
    margin-bottom: 62px;
  }
.free-advantage-container {
  padding: 140px 2rem 0;
}

.cryptos-how-start-container {
  margin-bottom: 0;
}

.cryptos-advantage-container {
  padding: 0 2rem;
}

.header-send {
  width: 100%;
}

  @media only screen and (max-width: 758px) {
    .header-send {
      height: 100%;
    }
  }

  .header-send__container {
    height: 650px;
    position: relative;
    z-index: -1;

    background-color: var(--pale-grey);

    background-color: var(--pale-grey);
  }

  @media only screen and (max-width: 758px) {
      .header-send__container {
        height: auto;
      }
    }

  .header-send__container-world {
      width: 492px;
      margin: 0 auto;
      position: relative;
      top: 100px;
    }

  @media only screen and (max-width: 758px) {
        .header-send__container-world {
          width: 70%;
        }
      }

  .header-send__container-clouds {
      width: 100%;
      position: absolute;
      bottom: -5rem;
    }

  @media only screen and (max-width: 758px) {
        .header-send__container-clouds {
          position: relative;
          bottom: -6px;
        }
      }

  .header-send__content {
    width: 715px;
    margin: 0 auto;
    transform: translateY(-50px);
  }

  @media only screen and (max-width: 758px) {
      .header-send__content {
        width: 95%;
        transform: translateY(0px);
        margin-top: 10px;
      }
    }

  .header-send__content-title {
      font-size: calc(28px + 16 * ((100vw - 420px) / 860));
      font-weight: 300;
      line-height: 1.36;
      letter-spacing: -1px;
      text-align: center;
      color: var(--dark-grey-blue);
      color: var(--dark-grey-blue);
      margin-bottom: 42px;
    }

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

  .header-send__content-title {
    font-size: 44px;
  }
}

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

  .header-send__content-title {
    font-size: 28px;
  }
}

  .header-send__content-input {
      width: 400px;
      margin: 0 auto;
      text-align: center;
    }

  .header-send__content-input-subtext {
        display: block;
        margin-top: 1rem;
        font-size: calc(12px + 2 * ((100vw - 420px) / 860));
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: -0.1px;
        color: var(--cool-grey);
        color: var(--cool-grey);
      }

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

  .header-send__content-input-subtext {
    font-size: 14px;
  }
}

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

  .header-send__content-input-subtext {
    font-size: 12px;
  }
}

  @media only screen and (max-width: 758px) {
        .header-send__content-input {
          width: 95%;
        }
      }
@media only screen and (max-width: 758px) {
    .advantage-container {
      width: 85%;
    }
  }
.legal {
  width: 80%;
  margin: 160px auto 60px auto;
}

  @media only screen and (max-width: 758px) {
    .legal {
      width: 100%;
      margin: 100px auto 60px auto;
    }
  }

  .legal__heading {
    font-size: 34px;
    line-height: 1.35;
    letter-spacing: -0.4px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
    margin-bottom: 28px;
  }

  .legal hr {
    background-color: var(--silver);
    background-color: var(--silver);
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .legal__date {
    font-size: 14px;
    line-height: 1.29;
    color: var(--deep-sky-blue);
    color: var(--deep-sky-blue);
  }

  .legal__sub-heading {
    font-size: 22px;
    line-height: 1.36;
    letter-spacing: -0.2px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
    margin-top: 20px;
    margin-bottom: 18px;
  }

  .legal__parragraph {
    font-size: 18px;
    line-height: 1.32;
    letter-spacing: -0.2px;
    color: var(--dark-grey-blue);
    color: var(--dark-grey-blue);
    font-weight: 300;
    margin-bottom: 1rem;
  }

  .legal .react-tabs__tab-list {
    width: 100%;
    display: flex;
    font-size: calc(14px + 4 * ((100vw - 420px) / 860));
    text-align: center;
    overflow: hidden;
    border-radius: .5rem .5rem 0 0;
    background-color: var(--pale-grey);
    background-color: var(--pale-grey);
    box-shadow: 0 -4px 30px 0 rgba(212, 216, 220, 0.3);
  }

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

  .legal .react-tabs__tab-list {
    font-size: 18px;
  }
}

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

  .legal .react-tabs__tab-list {
    font-size: 14px;
  }
}

  @media only screen and (max-width: 758px) {
      .legal .react-tabs__tab-list {
        flex-direction: column;
        border-bottom: 1px black;
      }
    }

  .legal .react-tabs__tab-list .react-tabs__tab {
      padding: 2rem 4rem;
      cursor: pointer;
      flex: 1;
    }

  .legal .react-tabs__tab-list .react-tabs__tab--selected {
        color: var(--deep-sky-blue);
        color: var(--deep-sky-blue);
        background-color: var(--white);
        background-color: var(--white);
      }

  .legal .react-tabs__tab-panel {
    background-color: var(--white);
    background-color: var(--white);
    padding: 4.6rem 8rem;
    display: none;
  }

  @media only screen and (max-width: 758px) {
      .legal .react-tabs__tab-panel {
        padding: 2rem;
      }
    }

  .legal .react-tabs__tab-panel--selected {
      display: block;
    }
:root {
  --deep-sky-blue: #1783fa;
  --deep-sky-blue-two: #1575fa;
  --azure: #1aa0fc;
  --sky: #86ceff;
  --pale-blue: #d1ecfe;
  --dark-grey-blue: #273d51;

  --slate: #526474;
  --steel: #7d8b97;
  --cool-grey: #a9b1b9;
  --pale-grey: #f6f9fb;
  --silver: #d4d8dc;

  --pinky: #fc83a1;
  --red-pink: #fa3163;
  --light-pink: #fed6e0;

  --algae-green: #29ce41;
  --hospital-green: #7fe28d;
  --light-sage: #d4f5d9;

  --sun-yellow: #fcd21f;
  --pale: #fef6d2;
  --sandy-yellow: #fde479;
  
  --white: #ffffff;

  --font-primary: 'Pepi', sans-serif;
}

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

img,
embed,
iframe,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  text-align: left;
}
@font-face {
  font-family: Pepi;
  src: url(fonts/PepiMedium.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Pepi;
  src: url(fonts/PepiLight.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}

.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}
html * {
    box-sizing: border-box;
    font-family: var(--font-primary);
    font-family: var(--font-primary);
  }

body {
  height: 100vh;
  font-family: var(--font-primary);
  font-family: var(--font-primary);
}

.app {
  margin-top: -100px;
}

.mt-80 {
  margin-top: 80px;
}

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