._1GytZ {
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  flex: 1;
}

._1GytZ h2 {
  font-weight: bold;
  font-size: 48px;
  text-align: center;
  margin: 0 auto 100px;
}

._1-m97 {
  padding-bottom: 80px;
}

.E3AfY h2 {
  margin-bottom: 40px;
}

.E3AfY ._7VJNl {
  margin: auto;
}

._1Hloy a {
  border: 1px solid #ffffff;
  box-sizing: border-box;
  border-radius: 90px;
  padding: 16px 64px;
  font-size: 20px;
  text-decoration: none;
  color: #ffffff;
  transition: 0.2s;
}

._1Hloy a:hover {
  background: rgba(255, 255, 255, 0.1);
}

._2yQe4 {
  margin-bottom: 60px;
  height: 4px;
  background-image: url(/assets/images/dividers/dots_divider_yellow.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.X_lKV {
  background-color: #00A660;
  background-color: var(--primary, #00A660);
  color: #ffffff;
}

.X_lKV h2 {
  margin: 0;
  padding-top: 130px;
  padding-bottom: 44px;
}

.X_lKV ._3Uzt9 {
  background-color: rgba(14, 22, 28, 0.3);
  border-radius: 8px;
  transition: all 300ms ease;
}

.X_lKV ._3Uzt9:hover {
  background-color: rgba(14, 22, 28, 0.7);
}

.X_lKV ._2XZye {
  height: 416px;
  width: 1200px;
  display: flex;
  padding-bottom: 136px;
  margin: auto;
}

.X_lKV ._3Uzt9 {
  flex: 1 1 100%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
}

.X_lKV ._3Uzt9 img {
  margin: 68px 0 24px;
}

@media (min-width: 1264px) {

  ._36hFj {
    background: url(/assets/images/howto/clients_howto_bg.svg);
    background-repeat: no-repeat;
    background-position-y: bottom;
  }

  #_36hFj._36hFj._3zG18 {
    width: 100%;
  }

  .E3AfY {
    padding-bottom: 6em;
    background-image: url(/assets/images/tarif_client_bg_2.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    margin-top: 130px;
  }

  .E3AfY ._7VJNl {
    width: 1200px;
  }

  ._1Hloy {
    height: 470px;
    text-align: center;
    color: #ffffff;
    background-image: url(/assets/images/inner_banner_client.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  ._1Hloy h2 {
    margin: 0;
    padding: 132px 0 60px;
  }

  .X_lKV ._3Uzt9 {
    margin-right: 24px;
    font-size: 20px;
  }

  .X_lKV ._3Uzt9:last-child {
    margin-right: 0;
  }
}

@media (max-width: 1264px) {

  ._1GytZ h2 {
    font-size: 32px;
    margin: 80px 16px 40px;
  }

  ._1-m97 {
    padding: 0 16px;
  }

  ._2yQe4 {
    display: none;
  }

  .E3AfY {
    margin-top: 76px;
  }

  .E3AfY ._7VJNl {
    width: 100%;
  }

  ._1Hloy {
    height: 312px;
    text-align: center;
    color: #ffffff;
    background: #00a660;
    background: var(--primary, #00a660);
    margin: 42px 0 0;
  }

  ._1Hloy h2 {
    margin: 0 16px;
    padding: 72px 16px 58px;
  }

  .X_lKV ._2XZye {
    width: 100%;
    flex-direction: column;
    height: auto;
    padding: 0 24px 78px;
  }

  .X_lKV h2 {
    padding: 88px 0 48px;
    margin-bottom: 0;
  }

  .X_lKV ._3Uzt9 {
    margin-bottom: 24px;
  }

  .X_lKV ._3Uzt9 img {
    margin: 54px 0 24px;
  }

  .X_lKV ._3Uzt9 div {
    padding-bottom: 68px;
  }
}

@media (min-width: 768px) {
  ._3_Rlb {
    background-image: url(/assets/images/banners/top_client_2.svg);
  }
}

@media (max-width: 768px) {
  ._1GytZ {
    overflow-y: auto !important;
  }

  ._1GytZ>div {
    overflow: inherit !important;
  }

  ._3_Rlb {
    background-color: #ffda69;
  }
}