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

html {
  font-size: 62.5%; }
  @media only screen and (max-width: 55em) {
    html {
      font-size: 50%; } }

body {
  box-sizing: border-box;
  max-width: 190em;
  margin: auto;
  position: relative; }
  body > * {
    overflow: hidden; }

body {
  font-family: 'Lexend Deca', sans-serif; }

.heading-1 {
  font-size: 5.5rem;
  font-family: 'Space Mono', monospace; }

.heading-2 {
  font-size: 4.5rem;
  font-family: 'Space Mono', monospace; }

.heading-3 {
  font-size: 4rem;
  font-family: 'Space Mono', monospace; }

.heading-4 {
  font-size: 2.5rem;
  font-family: 'Space Mono', monospace; }

.attributes {
  margin-top: -5rem;
  padding: 10rem 8vw;
  overflow: hidden; }

.attribute {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  @media only screen and (max-width: 55em) {
    .attribute {
      flex-direction: column; } }
  .attribute > * {
    width: 45%; }
    @media only screen and (max-width: 55em) {
      .attribute > * {
        width: 100%;
        text-align: center; } }
  .attribute:not(:last-child) {
    margin-bottom: 10rem; }
  .attribute__text {
    color: #4a5668; }
    @media only screen and (max-width: 55em) {
      .attribute__text {
        order: 1;
        margin-top: 5rem; } }
  .attribute__content {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin: 2rem 0;
    color: #929baa; }
    @media only screen and (max-width: 55em) {
      .attribute__content {
        margin: 2rem 10rem; } }
    @media only screen and (max-width: 43.75em) {
      .attribute__content {
        margin: 2rem 5rem; } }
    @media only screen and (max-width: 35em) {
      .attribute__content {
        margin: 2rem; } }
  .attribute__img img {
    max-width: 100%; }
  .attribute__img .round {
    border-radius: 50%; }
  @media only screen and (max-width: 55em) {
    .attribute__img {
      order: 0; } }
  .attribute::after {
    content: '';
    background-image: url(../assets/patterns/circle.svg);
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1; }
    @media only screen and (max-width: 43.75em) {
      .attribute::after {
        display: none; } }
  .attribute:nth-of-type(odd)::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: -42.5rem;
    background-position: center right; }
    @media only screen and (max-width: 55em) {
      .attribute:nth-of-type(odd)::after {
        background-position: top right; } }
  .attribute:nth-of-type(odd) img {
    display: block;
    margin-left: auto;
    transform: translateX(-5rem); }
    @media only screen and (max-width: 55em) {
      .attribute:nth-of-type(odd) img {
        margin: auto;
        transform: none; } }
  .attribute:nth-of-type(even) {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 55em) {
      .attribute:nth-of-type(even) {
        flex-direction: column; } }
    .attribute:nth-of-type(even)::after {
      top: 0;
      bottom: 0;
      right: 0;
      left: -42.5rem;
      background-position: center left; }
      @media only screen and (max-width: 55em) {
        .attribute:nth-of-type(even)::after {
          background-position: top left; } }
    .attribute:nth-of-type(even)::before {
      content: '';
      position: absolute;
      background-image: url(../assets/patterns/right-arrow.svg);
      background-position: top left;
      background-repeat: no-repeat;
      top: 0;
      bottom: 0;
      left: -20.5rem;
      right: 0;
      z-index: 2; }
    .attribute:nth-of-type(even) img {
      transform: translateX(5rem); }
      @media only screen and (max-width: 55em) {
        .attribute:nth-of-type(even) img {
          margin: auto;
          transform: none; } }

.step {
  font-size: 1.5rem;
  width: 33%;
  padding: 1.5rem; }
  @media only screen and (max-width: 68.75em) {
    .step {
      padding: 1rem; } }
  @media only screen and (max-width: 55em) {
    .step {
      display: flex;
      align-items: center;
      width: 100%; }
      .step:not(:last-child) {
        margin-bottom: 4rem; } }
  @media only screen and (max-width: 35em) {
    .step {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      text-align: center;
      margin-bottom: 3rem; } }
  .step__text h4 {
    color: #333a44;
    margin: 1.25rem 0; }
  @media only screen and (max-width: 55em) {
    .step__text {
      margin: 1.5rem 6rem;
      margin-left: 8rem; } }
  @media only screen and (max-width: 43.75em) {
    .step__text {
      margin: 1rem 4rem;
      margin-left: 6rem; } }
  @media only screen and (max-width: 35em) {
    .step__text {
      margin: 1rem; } }
  .step__content {
    color: #929baa;
    line-height: 2.4rem; }

.btn {
  outline: none;
  position: relative;
  padding: 1.5rem 4rem;
  background-color: #fcb72c;
  color: #fff;
  font-family: 'Mono Space', monospace;
  font-size: 1.4rem;
  border: 3px solid #fcb72c;
  cursor: pointer;
  z-index: 2;
  transition: all .2s; }
  .btn:hover {
    background-color: transparent;
    color: #fcb72c;
    border: 3px solid currentColor; }

.values {
  text-align: center;
  padding: 0 8vw;
  justify-content: center; }
  @media only screen and (max-width: 68.75em) {
    .values {
      padding: 0 3vw; } }
  @media only screen and (max-width: 35em) {
    .values {
      padding: 0; } }
  .values h2 {
    color: #4a5668;
    padding: 4rem; }
  .values__container {
    display: flex; }
    @media only screen and (max-width: 55em) {
      .values__container {
        flex-direction: column; } }

.value {
  width: 33%;
  padding: 2rem;
  text-align: center; }
  @media only screen and (max-width: 55em) {
    .value {
      width: 100%;
      display: flex;
      padding: 2.5rem;
      align-items: center;
      margin-bottom: 5rem; } }
  @media only screen and (max-width: 35em) {
    .value {
      flex-direction: column;
      margin-bottom: 0rem;
      padding: 0; } }
  .value__img {
    position: relative;
    display: flex;
    justify-content: center; }
    .value__img .round {
      border-radius: 50%; }
    @media only screen and (max-width: 55em) {
      .value__img {
        flex: 0 0 50%;
        border-right: 1px solid #929baa; } }
    @media only screen and (max-width: 35em) {
      .value__img {
        border: none; } }
  .value__number {
    position: absolute;
    padding: 3.5rem 4rem;
    background-color: #fcb72c;
    color: #4a5668;
    font-size: 2.4rem;
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    border-radius: 50%;
    bottom: -2.5rem; }
  .value__text {
    margin: 4rem 0; }
    @media only screen and (max-width: 55em) {
      .value__text {
        flex: 0 0 50%;
        margin: 0 5rem; } }
    @media only screen and (max-width: 43.75em) {
      .value__text {
        flex: 0 0 50%;
        margin: 0 2rem; } }
    @media only screen and (max-width: 35em) {
      .value__text {
        margin: 4rem; } }
  .value__content {
    padding: 2rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #929baa; }
    @media only screen and (max-width: 68.75em) {
      .value__content {
        padding: 1.25rem; } }
    @media only screen and (max-width: 35em) {
      .value__content {
        padding: .5rem; } }

.faq {
  padding: 5rem 8vw;
  padding-top: 0;
  color: #4a5668; }
  @media only screen and (max-width: 55em) {
    .faq {
      padding: 5rem 5vw; } }
  @media only screen and (max-width: 43.75em) {
    .faq {
      padding: 3rem; } }
  @media only screen and (max-width: 35em) {
    .faq {
      padding: 1rem; } }
  .faq h2 {
    text-align: center; }
  .faq__container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 3rem; }
    .faq__container h3 {
      flex: 0 0 35%; }
      @media only screen and (max-width: 55em) {
        .faq__container h3 {
          text-align: center;
          padding: 3rem; } }
    @media only screen and (max-width: 55em) {
      .faq__container {
        flex-direction: column; } }
  .faq__question {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    align-items: center;
    color: currentColor; }
    .faq__question span {
      font-size: 2.5rem;
      transition: all .3s ease-in-out; }
      .faq__question span.active {
        transform: rotateZ(180deg); }
  .faq__answer {
    font-size: 1.5rem;
    line-height: 1.5;
    max-height: 0;
    overflow: hidden;
    transition: all .5s; }
    .faq__answer.active {
      margin: .5rem 0; }

.accordion {
  flex: 1; }
  .accordion__item {
    padding: 1.5rem 2rem;
    background-color: #e6edf4; }
    .accordion__item > * {
      cursor: pointer; }
    .accordion__item:not(:last-child) {
      margin-bottom: 2rem; }
    .accordion__item:hover {
      background-color: #fff4e0; }

.navbar {
  display: flex;
  align-items: center;
  padding: 1rem 8vw; }
  @media only screen and (max-width: 55em) {
    .navbar {
      padding: 1rem 5vw; } }
  @media only screen and (max-width: 35em) {
    .navbar .logo {
      margin: auto; } }
  .navbar__mobile {
    display: none; }
    .navbar__mobile .close {
      display: none; }
    @media only screen and (max-width: 35em) {
      .navbar__mobile {
        display: block; }
        .navbar__mobile.active .hamburger {
          display: none; }
        .navbar__mobile.active .close {
          display: block; } }
  .navbar__nav {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between; }
    @media only screen and (max-width: 35em) {
      .navbar__nav {
        position: absolute;
        flex-direction: column;
        background-color: #333a44;
        z-index: 1110;
        top: 6rem;
        left: 0;
        width: 75vw;
        height: calc(100vh - 6rem);
        overflow: hidden;
        padding: 10rem 0;
        justify-content: space-between;
        transition: all .7s;
        transform: translateX(-100vw); }
        .navbar__nav.active {
          transform: translateX(0); } }
  .navbar__links {
    display: flex;
    flex-direction: row;
    margin: 0 3rem 0 6rem;
    font-family: 'Mono Space', monospace; }
    @media only screen and (max-width: 35em) {
      .navbar__links {
        flex-direction: column;
        margin-left: 0; } }
    .navbar__links button {
      margin-left: auto; }
    .navbar__links li {
      font-size: 1.5rem;
      list-style: none;
      padding: 1.5rem 2.5rem; }
      @media only screen and (max-width: 35em) {
        .navbar__links li {
          font-size: 2rem;
          text-align: center; } }
    .navbar__links li a {
      text-decoration: none;
      color: #929baa;
      transition: all .2s; }
    .navbar__links li a:hover {
      color: #fcb72c; }
    @media only screen and (max-width: 43.75em) {
      .navbar__links {
        margin: 0 2rem; } }

@media only screen and (max-width: 43.75em) {
  .btn--header {
    padding: 1rem 2rem; } }

@media only screen and (max-width: 43.75em) {
  .btn--header {
    font-size: 1.75rem;
    padding: 1.5rem 4rem; } }

@media only screen and (max-width: 35em) {
  .overlay {
    position: absolute;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: -1;
    opacity: 0; }
    .overlay.active {
      opacity: 1;
      z-index: 10; } }

.footer {
  display: flex;
  align-items: center;
  background-color: #333a44;
  padding: .5rem 12rem; }
  @media only screen and (max-width: 43.75em) {
    .footer {
      padding: .5rem 5rem; } }
  @media only screen and (max-width: 35em) {
    .footer {
      flex-direction: column;
      text-align: center;
      padding-top: 5rem; } }
  .footer__links {
    display: flex;
    flex-direction: row;
    margin: 0 3rem 0 6rem;
    font-family: 'Mono Space', monospace; }
    .footer__links li {
      font-size: 1.5rem;
      list-style: none;
      padding: 2.5rem; }
      @media only screen and (max-width: 35em) {
        .footer__links li {
          padding: 1.25rem; } }
    .footer__links li a {
      text-decoration: none;
      color: #929baa;
      transition: all .2s; }
    .footer__links li a:hover {
      color: #fcb72c; }
    @media only screen and (max-width: 43.75em) {
      .footer__links {
        margin-left: 2rem; } }
    @media only screen and (max-width: 35em) {
      .footer__links {
        flex-direction: column;
        margin-top: 3rem; } }
  .footer__socials {
    display: flex;
    margin-left: auto; }
    .footer__socials li {
      list-style: none;
      padding: 1rem; }
    .footer__socials li a {
      text-decoration: none;
      color: #fcb72c;
      font-size: 2.2rem;
      transition: all .2s; }
      @media only screen and (max-width: 35em) {
        .footer__socials li a {
          font-size: 3rem; } }
    .footer__socials li a:hover {
      color: #fff; }
    @media only screen and (max-width: 43.75em) {
      .footer__socials {
        padding: 2rem 0; } }
    @media only screen and (max-width: 35em) {
      .footer__socials {
        margin: auto;
        padding: 1rem 0; } }

.cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10rem 8vw;
  background-color: #4a5668; }
  @media only screen and (max-width: 55em) {
    .cta {
      flex-direction: column;
      text-align: center; } }
  .cta h2 {
    color: #fff;
    max-width: 50rem;
    line-height: 5rem; }
    @media only screen and (max-width: 55em) {
      .cta h2 {
        margin-bottom: 5rem; } }
  .cta__buttons {
    display: flex;
    z-index: 2; }
    .cta__buttons form button {
      border: none;
      outline: none;
      border-radius: 5px;
      cursor: pointer; }
      .cta__buttons form button:active {
        transform: scale(0.95); }
    .cta__buttons form:not(:last-child) {
      margin-right: 2rem; }
  .cta::after {
    content: '';
    position: absolute;
    background-image: url(../assets/patterns/semi-circles.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15rem; }

.banner {
  padding: 3.5rem 8vw;
  margin-bottom: 5rem;
  position: relative; }
  @media only screen and (max-width: 55em) {
    .banner {
      padding: 3.5rem 5vw; } }
  .banner h2 {
    color: #fff; }
    @media only screen and (max-width: 35em) {
      .banner h2 {
        text-align: center; } }
  .banner::after {
    content: '';
    position: absolute;
    background-image: url(../assets/patterns/white-circles.svg);
    background-position: center right;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: -3rem;
    z-index: 1; }
    @media only screen and (max-width: 35em) {
      .banner::after {
        display: none; } }

.hero {
  position: relative;
  background-image: url(/assets/images/home-hero-desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 14rem 20vw;
  color: #fff; }
  @media only screen and (max-width: 55em) {
    .hero {
      text-align: center;
      padding: 10rem 10vw 14rem 10vw; } }
  @media only screen and (max-width: 35em) {
    .hero {
      background-image: url(/assets/images/home-hero-mobile.jpg); } }
  .hero h1 {
    position: relative;
    right: 10rem;
    line-height: 5.5rem;
    margin-bottom: 5rem;
    width: 60rem; }
    @media only screen and (max-width: 55em) {
      .hero h1 {
        text-align: center;
        margin: 0 auto;
        right: 0;
        max-width: 100%; } }
  .hero__content {
    max-width: 40rem;
    font-size: 1.5rem;
    margin: 3rem 0 5rem 0;
    line-height: 2.5rem; }
    @media only screen and (max-width: 55em) {
      .hero__content {
        margin: 5rem auto; } }
  .hero__pattern--arrow {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: calc(20vw + 45.5rem); }
    @media only screen and (max-width: 87.5em) {
      .hero__pattern--arrow {
        top: 60%;
        left: calc(20vw + 20rem); } }
    @media only screen and (max-width: 55em) {
      .hero__pattern--arrow {
        top: 74%;
        left: -15%;
        max-width: 40rem; } }
    @media only screen and (max-width: 35em) {
      .hero__pattern--arrow {
        display: none; } }
  .hero::before {
    content: '';
    position: absolute;
    background-image: url(/assets/patterns/line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5rem;
    width: 17vw; }
    @media only screen and (max-width: 55em) {
      .hero::before {
        display: none; } }
    @media only screen and (max-width: 35em) {
      .hero::before {
        display: block;
        background-image: url(/assets/patterns/right-arrow.svg);
        top: 0;
        bottom: 3rem;
        left: 0;
        right: 0;
        background-position: bottom left;
        width: auto;
        height: auto;
        background-size: contain;
        max-width: 35rem;
        transform: translateX(-23.5rem); } }
  .hero::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(/assets/patterns/white-circles.svg);
    background-repeat: no-repeat;
    background-position: 100% 68%;
    transform: translateX(3rem); }
    @media only screen and (max-width: 87.5em) {
      .hero::after {
        background-position: 100% 79%; } }
    @media only screen and (max-width: 68.75em) {
      .hero::after {
        display: none; } }
    @media only screen and (max-width: 55em) {
      .hero::after {
        display: block;
        background-position: 100% 95%;
        transform: translateX(3.55rem); } }
    @media only screen and (max-width: 35em) {
      .hero::after {
        display: none; } }

.steps {
  position: relative;
  padding: 10rem 12rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  @media only screen and (max-width: 68.75em) {
    .steps {
      padding: 10rem 5rem; } }
  @media only screen and (max-width: 55em) {
    .steps {
      flex-direction: column; } }
  .steps::before {
    content: '';
    position: absolute;
    background-color: #e6edf4;
    width: 70%;
    height: 1rem;
    left: 0;
    top: 16rem;
    z-index: -1; }
    @media only screen and (max-width: 55em) {
      .steps::before {
        height: 75%;
        width: 1rem;
        top: 0;
        left: 11.5rem; } }
    @media only screen and (max-width: 35em) {
      .steps::before {
        display: none; } }

.attribute--home:nth-of-type(odd)::before {
  content: '';
  position: absolute;
  background-image: url(../assets/patterns/left-downward-arrow.svg);
  background-position: right;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2; }

.attribute--home:nth-of-type(1)::before {
  right: -20rem;
  bottom: -25rem; }
  @media only screen and (max-width: 55em) {
    .attribute--home:nth-of-type(1)::before {
      right: -30rem;
      bottom: -15rem; } }
  @media only screen and (max-width: 43.75em) {
    .attribute--home:nth-of-type(1)::before {
      right: -40rem;
      bottom: -15rem; } }
  @media only screen and (max-width: 35em) {
    .attribute--home:nth-of-type(1)::before {
      right: -45rem;
      bottom: 0; } }

.attribute--home:nth-of-type(3)::before {
  right: -55rem;
  top: -15rem; }
  @media only screen and (max-width: 55em) {
    .attribute--home:nth-of-type(3)::before {
      right: -53rem;
      top: -48rem;
      left: 0;
      bottom: 0; } }
  @media only screen and (max-width: 43.75em) {
    .attribute--home:nth-of-type(3)::before {
      right: -50rem;
      top: -57rem;
      left: 0;
      bottom: 0; } }

.banner--about::before {
  content: '';
  position: absolute;
  background-image: url(../assets/images/about-hero-desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1; }

.attribute--about:nth-of-type(odd)::before {
  content: '';
  position: absolute;
  background-image: url(../assets/patterns/left-upward-arrow.svg);
  background-position: right;
  background-repeat: no-repeat;
  top: 0;
  bottom: -25rem;
  left: 0;
  right: -20rem;
  z-index: 2; }
  @media only screen and (max-width: 55em) {
    .attribute--about:nth-of-type(odd)::before {
      bottom: -10rem;
      right: -28rem; } }
  @media only screen and (max-width: 43.75em) {
    .attribute--about:nth-of-type(odd)::before {
      bottom: -8rem;
      right: -37rem; } }
  @media only screen and (max-width: 35em) {
    .attribute--about:nth-of-type(odd)::before {
      bottom: 0rem;
      right: -50rem; } }

.banner--careers::before {
  content: '';
  position: absolute;
  background-image: url(../assets/images/careers-locations-hero-desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1; }

.attribute--careers::before {
  content: '';
  position: absolute;
  background-image: url(../assets/patterns/left-downward-arrow.svg);
  background-position: right;
  background-repeat: no-repeat;
  top: 0;
  bottom: -20rem;
  left: 0;
  right: -20.5rem;
  z-index: 2; }
  @media only screen and (max-width: 55em) {
    .attribute--careers::before {
      bottom: -5rem; } }
  @media only screen and (max-width: 43.75em) {
    .attribute--careers::before {
      bottom: 5rem;
      right: -35rem; } }
  @media only screen and (max-width: 35em) {
    .attribute--careers::before {
      bottom: 5rem;
      right: -50rem; } }

.jobs {
  padding: 2rem 8vw 8rem 8vw; }
  @media only screen and (max-width: 43.75em) {
    .jobs {
      padding: 2rem 5vw 5rem 5vw; } }

.job {
  display: flex;
  align-items: center;
  background-color: #e6edf4;
  padding: 2rem 3.5rem; }
  @media only screen and (max-width: 35em) {
    .job {
      flex-direction: column;
      text-align: center;
      padding: 2rem; } }
  .job:not(:last-child) {
    margin-bottom: 1.5rem; }
  .job__description {
    margin-right: auto;
    color: #4a5668; }
    @media only screen and (max-width: 35em) {
      .job__description {
        margin: 2rem;
        margin-top: 0; } }
  .job p {
    font-size: 1.5rem; }

.btn-apply {
  width: 18rem; }

.banner--locations::before {
  content: '';
  position: absolute;
  background-image: url(../assets/images/careers-locations-hero-desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1; }

.map {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 8rem 0;
  margin: 0 auto;
  max-width: calc(80rem + 16vw); }
  @media only screen and (max-width: 43.75em) {
    .map {
      flex-direction: column; } }
  .map__img--desktop {
    display: block; }
    @media only screen and (max-width: 43.75em) {
      .map__img--desktop {
        display: none; } }
  .map__img--mobile {
    display: none; }
    @media only screen and (max-width: 43.75em) {
      .map__img--mobile {
        display: block; } }
  .map__container {
    width: max-content; }
    .map__container img {
      max-width: 100%;
      margin: auto; }
    @media only screen and (max-width: 43.75em) {
      .map__container {
        width: auto;
        margin-bottom: 5rem; } }
  .map__location {
    position: absolute;
    display: flex;
    top: 0;
    left: 8vw;
    height: 100%;
    width: calc(100% - 16vw);
    max-width: 80rem; }
    @media only screen and (max-width: 43.75em) {
      .map__location {
        position: relative;
        flex-direction: column; } }
    .map__location li {
      position: absolute;
      height: 6rem;
      width: 15rem;
      background-color: #fcb72c;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      color: #4a5668;
      font-weight: 700;
      font-family: 'Space Mono', monospace; }
      .map__location li::after {
        content: '';
        position: absolute;
        background-color: #fcb72c;
        height: 2rem;
        width: 2rem;
        bottom: 0;
        right: 3.5rem;
        transform: rotateZ(45deg) translateY(1.5rem); }
        @media only screen and (max-width: 43.75em) {
          .map__location li::after {
            display: none; } }
      @media only screen and (max-width: 43.75em) {
        .map__location li {
          position: relative;
          width: 90%;
          margin: 1rem auto;
          left: auto;
          right: auto;
          padding: 5rem;
          background-color: #fff4e0; } }
    .map__location--ny {
      top: 22%; }
      @media only screen and (max-width: 81.25em) {
        .map__location--ny {
          left: 2%; } }
      @media only screen and (max-width: 68.75em) {
        .map__location--ny {
          top: 20%;
          left: 4%; } }
    .map__location--london {
      top: 15%;
      left: 30%; }
      @media only screen and (max-width: 81.25em) {
        .map__location--london {
          left: 31%; } }
    .map__location--yokohama {
      top: 24%;
      right: -5%; }
      @media only screen and (max-width: 100em) {
        .map__location--yokohama {
          right: -4%; } }
      @media only screen and (max-width: 81.25em) {
        .map__location--yokohama {
          right: -2%; } }
      @media only screen and (max-width: 68.75em) {
        .map__location--yokohama {
          top: 23%;
          right: -1%; } }
    .map__location--jakarta {
      top: 47%;
      right: 4%; }
      @media only screen and (max-width: 100em) {
        .map__location--jakarta {
          right: 5%; } }
      @media only screen and (max-width: 81.25em) {
        .map__location--jakarta {
          right: 7%; } }

.location-request {
  padding: 0rem 8vw 5rem 8vw;
  display: grid;
  grid-template-columns: minmax(35rem, 1fr) 3fr 1fr;
  grid-gap: 4rem;
  align-items: center;
  text-align: center; }
  @media only screen and (max-width: 68.75em) {
    .location-request {
      grid-template-columns: 1fr; } }
  .location-request h2 {
    color: #4a5668; }
  .location-request__content {
    font-size: 1.5rem;
    color: #929baa; }
    @media only screen and (max-width: 68.75em) {
      .location-request__content {
        padding: 0 10rem; } }
    @media only screen and (max-width: 43.75em) {
      .location-request__content {
        padding: 0 2rem; } }
    @media only screen and (max-width: 35em) {
      .location-request__content {
        padding: 0; } }

.btn--request {
  width: 17rem; }