/* ======================
SECTION HERO
========================= */
.sec-hero {
  z-index: 1;
}
.row-hero {
  display: flex;
  height: 100%;
  align-items: center;
}
.row-hero .et_pb_column {
  transform: translateY(-40px);
}
.key-hero {
  margin-top: -110px;
  margin-bottom: -150px;
  z-index: 1;
}
.key-hero .et_pb_column {
  height: 215px;
}
.key-hero + .et_pb_section {
  padding-top: 180px;
}

/* ======================
SECTION ABOUT
========================= */
.sec-about > .et_pb_row > .et_pb_column:nth-child(1) {
  width: 33.33%;
}
.sec-about > .et_pb_row > .et_pb_column:nth-child(2) {
  width: 60.66%;
}

/* ======================
SECTION SEGMENTATION
========================= */
.sec-badge-segmentation {
  margin-top: -40px;
  transform: translateY(20px);
  z-index: 3;
}
.sec-segmentation .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: start;
  height: 70vh;
}

@media only screen and (max-width: 849px) {
  /* ======================
  SECTION HERO
  ========================= */
  .key-hero {
    margin-bottom: -350px;
  }
  .key-hero + .et_pb_section {
    padding-top: 400px;
  }

  /* ======================
  SECTION ABOUT
  ========================= */
  .sec-about > .et_pb_row > .et_pb_column {
    width: 100% !important;
  }
  .sec-about > .et_pb_row > .et_pb_column .row-counter-plus .et_pb_column {
    width: 33.33% !important;
  }

  /* ======================
  SECTION SEGMENTATION
  ========================= */
  .sec-segmentation .et_pb_row {
    width: 100%;
  }
  .sec-segmentation .et_pb_column {
    height: 45vh;
  }
}

@media only screen and (max-width: 430px) {
  /* ======================
  SECTION HERO
  ========================= */
  .key-hero .et_pb_row .et_pb_column {
    flex: 1 1 50%;
    max-width: 50%;
  }

  /* ======================
  SECTION ABOUT
  ========================= */
  .sec-about > .et_pb_row > .et_pb_column .row-counter-plus .et_pb_column {
    width: 50% !important;
  }

  /* ======================
  SECTION SEGMENTATION
  ========================= */
  .sec-segmentation .et_pb_column {
    height: 30vh;
    flex: 1 1 50%;
    max-width: 50%;
  }
}