@font-face {
  font-family: "Montserrat";
  src: url("/si_upload/OPR/Diforo/1269851_diforo_4_v1/fonts/montserrat-bold-webfont.woff2") format("woff2"),
    url("/si_upload/OPR/Diforo/1269851_diforo_4_v1/fonts/montserrat-bold-webfont.ttf") format("truetype");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/si_upload/OPR/Diforo/1269851_diforo_4_v1/fonts/montserrat-regular-webfont.woff2") format("woff2"),
    url("/si_upload/OPR/Diforo/1269851_diforo_4_v1/fonts/montserrat-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/si_upload/OPR/Diforo/1269851_diforo_4_v1/fonts/montserrat-medium-webfont.woff2") format("woff2"),
    url("/si_upload/OPR/Diforo/1269851_diforo_4_v1/fonts/montserrat-medium-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* CSS RESET - start */
#arum_black_container h2,
#arum_black_container h3,
#arum_black_container h4,
#arum_black_container h5 {
  color: #000;
  font-family: "Montserrat";
  font-size: 24px;
  margin: 0;
  display: block;
  background-color: transparent;
  padding: 0;
}
#arum_black_container img.lazy {
  width: auto;
  max-width: 100%;
}
#arum_black_container img {
  width: auto;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
}
/* CSS RESET - end */

#arum_black_container {
  font-family: "Montserrat" !important;
  color: #000;
  font-weight: 400;
  width: 100%;
  margin: 0 auto;
  /* max-width: 920px; */
  min-height: 700px;
  width: 920px;
  background-color: #fff;
}

@media (max-width: 1229px) {
  #arum_black_container {
    width: 680px;
  }
}
@media (max-width: 959px) {
  #arum_black_container {
    max-width: 680px;
    width: 100%;
  }
}

/* First section */
#arum_black_container .first_section {
  min-height: 379px;
  width: 100%;
  position: relative;
}
#arum_black_container .first_section .absolute-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#arum_black_container .first_section .arum-content {
  position: absolute;
  top: 80px;
  left: 15px;
  z-index: 9;
}
#arum_black_container .first_section .arum-content .arum-title {
  font-family: "Montserrat";
  font-weight: 700;
  max-width: 468px;
  font-size: 60px;
  line-height: 73px;
  margin-bottom: 7px;
  background-color: transparent;
}
#arum_black_container .first_section .arum-content .arum-description {
  font-family: "Montserrat";
  font-weight: 500;
  display: block;
  background-color: transparent;
  max-width: 475px;
  letter-spacing: 0px;
  font-size: 15px;
  line-height: 20px;
}
#arum_black_container .under-first-section-mobile-text {
  display: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  margin-top: 28px;
  font-family: "Montserrat";
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

/* Second section */
#arum_black_container .second_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 26px;
  row-gap: 14px;
}

#arum_black_container .second_section .arum-steps {
  display: flex;
  justify-content: space-between;
  column-gap: 35px;
  padding: 0 31px 24px;
}
#arum_black_container .second_section .arum-steps .arum-step > div {
  display: flex;
  flex-direction: column;
}
#arum_black_container .second_section .arum-steps .arum-step {
  display: flex;
  justify-content: flex-end;
  flex-direction: column-reverse;
  max-width: 193px;
  row-gap: 7px;
  width: 100%;
}

#arum_black_container .second_section .arum-steps .arum-step .image-container {
  display: flex;
  justify-content: start;
}
#arum_black_container
  .second_section
  .arum-steps
  .arum-step
  .image-container
  img {
  margin: 0;
  max-width: 140px;
}
#arum_black_container
  .second_section
  .arum-steps
  .arum-step
  > div
  .arum-description {
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 17px;
}

#arum_black_container .second_section > .arum-main-description,
#arum_black_container .second_section .arum-steps .arum-step > div .arum-title,
#arum_black_container .fifth_section > div .arum-title {
  font-family: "Montserrat";
  font-size: 20px;
  line-height: 35px;
  font-weight: 700;
}
#arum_black_container .second_section .arum-steps .arum-step > div .arum-title {
  margin-bottom: 1px;
}

/* Third section */
#arum_black_container .third_section img {
  height: 100%;
}
#arum_black_container .third_section {
  height: 353px;
  position: relative;
  width: 100%;
}
#arum_black_container .third_section .absolute-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  margin-bottom: 0;
}
#arum_black_container .third_section .arum-content {
  position: absolute;
  top: 20px;
  left: 15px;
  z-index: 9;
}
#arum_black_container .third_section .arum-content .arum-title {
  font-family: "Montserrat";
  font-weight: 700;
  max-width: 777px;
  font-size: 40px;
  line-height: 60px;
}
#arum_black_container .third_section .arum-content .arum-description {
  font-family: "Montserrat";
  font-weight: 400;
  display: block;
  font-size: 14px;
  width: 531px;
  letter-spacing: 0px;
  line-height: 20px;
}
#arum_black_container .under-third-section-mobile-text {
  display: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  padding-bottom: 24px;
  margin-top: 28px;
  font-family: "Montserrat";
  text-align: center;
}

#arum_black_container .under-third-section-mobile-text .arum-title {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
}
#arum_black_container .under-third-section-mobile-text .arum-description {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

/* Fourth section */
#arum_black_container .fourth_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: 24px;
  width: 100%;
  padding-bottom: 33px;
}

#arum_black_container .fourth_section .arum-titles {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  margin-top: 8px;
  text-align: center;
}
#arum_black_container .fourth_section .arum-titles span:first-child {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
}
#arum_black_container .fourth_section .arum-titles span:nth-child(2) {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 19px;
  line-height: 25px;
  margin-bottom: 17px;
}
#arum_black_container .fourth_section .arum-steps {
  column-gap: 53px;
  display: flex;
  padding: 0 15px;
  justify: space-between;
}
#arum_black_container .fourth_section .arum-steps .arum-step {
  align-items: center;
  max-width: 378px;
}
#arum_black_container .fourth_section .arum-steps .arum-step > div {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
#arum_black_container .fourth_section .arum-steps .arum-step > div .arum-title {
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 15px;
  font-size: 16px;
}
#arum_black_container
  .fourth_section
  .arum-steps
  .arum-step
  > div
  .arum-description {
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 14px;
}

/* Fifth section */
#arum_black_container .fifth_section {
  min-height: 338px;
  width: 100%;
  position: relative;
}
#arum_black_container .fifth_section .arum-content {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 9;
}
#arum_black_container .fifth_section .arum-content .arum-description {
  font-family: "Montserrat";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  background-color: transparent;
  width: 100%;
  max-width: 504px;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 17px;
}
#arum_black_container .fifth_section .arum-content .arum-title {
  font-family: "Montserrat";
  font-weight: 700;
  max-width: 468px;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 7px;
}
#arum_black_container .under-fifth-section-mobile-text {
  display: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  padding-bottom: 24px;
  margin-top: 28px;
  font-family: "Montserrat";
  text-align: center;
}

#arum_black_container .under-fifth-section-mobile-text .arum-title {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
}
#arum_black_container .under-fifth-section-mobile-text .arum-description {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}
/* Sixth section */
#arum_black_container .sixth_section {
  display: flex;
  justify-content: space-between;
  column-gap: 22px;
  padding: 0 15px;
  margin-top: 3px;
}
#arum_black_container .sixth_section .image-container {
  max-width: 349px;
  width: 100%;
}
#arum_black_container .sixth_section .image-container img {
  /* max-width: 729px; */
  width: 100%;
}
#arum_black_container .sixth_section .arum-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 8px;
  max-width: 519px;
}
#arum_black_container .sixth_section .arum-description .arum-title,
#arum_black_container .seventh_section .arum-title {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
}
#arum_black_container .sixth_section .arum-description .arum-subtitle,
#arum_black_container .seventh_section .arum-subtitle {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

/* Seventh section */
#arum_black_container .seventh_section {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  margin-bottom: 24px;
  padding: 0 15px;
  row-gap: 14px;
  /* margin-top: 69px; */
}

/* Eighth section */
#arum_black_container .eighth_section {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 24px;
}
#arum_black_container .eighth_section .equipment_list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 16px;
  row-gap: 31px;
}
#arum_black_container .eighth_section .equipment_list .arum-item {
  display: flex;
  column-gap: 22px;
  width: 100%;
}
#arum_black_container .eighth_section .main-image-container:first-child {
  display: block;
}
#arum_black_container .eighth_section .main-image-container:nth-child(2) {
  display: none;
}
#arum_black_container .eighth_section .main-image-container {
  max-width: 397px;
}
#arum_black_container .eighth_section .main-image-container img {
  height: 100%;
  object-fit: contain;
}

#arum_black_container
  .eighth_section
  .equipment_list
  .arum-item
  .image-container {
  display: flex;
  max-width: 78px;
  height: 100%;
  align-items: flex-end;
  width: 100%;
  justify-content: center;
}
#arum_black_container
  .eighth_section
  .equipment_list
  .arum-item
  .arum-description {
  display: flex;
  flex-direction: column;
}
#arum_black_container
  .eighth_section
  .equipment_list
  .arum-item
  .arum-description
  .arum-subtitle {
  display: flex;
  flex-direction: column;
  max-width: 393px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 20px;
  font-size: 14px;
}
#arum_black_container
  .eighth_section
  .equipment_list
  .arum-item
  .arum-description
  .arum-title {
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 35px;
  font-size: 25px;
}
#arum_black_container
  .eighth_section
  .equipment_list
  .arum-item:first-child
  .image-container {
  max-width: 63px;
  padding-left: 8px;
  padding-right: 8px;
}
#arum_black_container
  .eighth_section
  .equipment_list
  .arum-item:nth-child(2)
  .image-container
  img {
  padding-left: 19px;
}
#arum_black_container
  .eighth_section
  .equipment_list
  .arum-item:first-child
  .image-container
  img {
  margin-bottom: 0;
}
@media screen and (max-width: 1229px) {
  /* First section */
  #arum_black_container .first_section {
    min-height: 280px;
  }
  #arum_black_container .first_section .arum-content {
    top: 14px;
  }

  /* Second section */
  #arum_black_container .second_section > div .arum-steps {
    column-gap: 16px;
    padding: 0 16px 33px;
  }
  #arum_black_container
    .second_section
    > div
    .arum-steps
    .arum-step
    .arum-title {
    font-size: 16px;
  }

  /* Third section */
  #arum_black_container .third_section .absolute-image img {
    object-fit: cover;
    object-position: 10%;
  }

  /* Fourth section */
  #arum_black_container .fourth_section .arum-steps {
    column-gap: 16px;
  }

  /* Fifth section */
  #arum_black_container .fifth_section .absolute-image,
  #arum_black_container .fifth_section .absolute-image img {
    height: 100%;
    min-height: 408px;
  }

  #arum_black_container .fifth_section .arum-content {
    max-width: 382px;
  }
  #arum_black_container .fifth_section .absolute-image img {
    object-fit: cover;
  }

  /* Sixth section */
  #arum_black_container .sixth_section {
    padding-bottom: 24px;
  }
  #arum_black_container .sixth_section .image-container {
    padding-top: 24px;
  }
  #arum_black_container .sixth_section .arum-description {
    max-width: 50%;
  }

  /* Eight section */
  #arum_black_container .eighth_section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #arum_black_container .eighth_section .equipment_list {
    width: 100%;
  }
  #arum_black_container .eighth_section .equipment_list .arum-item {
    align-items: center;
    justify-content: center;
  }
  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item
    .arum-description
    .arum-subtitle {
    max-width: 100%;
  }
}
@media screen and (max-width: 959px) {
  /* First section */
  #arum_black_container .first_section {
    min-height: 360px;
  }
  #arum_black_container .first_section .absolute-image img {
    height: 100%;
    object-fit: cover;
    7object-position: 60%;
  }
  #arum_black_container .first_section .arum-content {
    top: 97px;
    left: 15px;
  }
  #arum_black_container .first_section .arum-content .arum-title {
    font-size: 80px;
    line-height: 70px;
  }
  #arum_black_container .first_section .arum-content .arum-description {
    display: none;
  }
  #arum_black_container .under-first-section-mobile-text {
    display: block;
    padding-bottom: 16px;
  }

  /* Second section */
  #arum_black_container .second_section > span {
    display: none;
  }
  #arum_black_container .second_section > div,
  #arum_black_container .second_section > div .arum-steps .arum-step {
    width: 100%;
    max-width: 100%;
  }
  #arum_black_container .second_section > div .arum-steps {
    flex-direction: column;
    row-gap: 28px;
  }
  #arum_black_container .second_section > div .arum-steps .image-container img {
    max-width: 200px !important;
  }
  #arum_black_container .second_section > div .arum-steps .arum-step {
    flex-direction: row-reverse;
    column-gap: 16px;
  }
  #arum_black_container
    .second_section
    > div
    .arum-steps
    .arum-step
    .arum-title {
    font-family: "Montserrat";
    font-size: 30px;
    line-height: 35px;
  }
  #arum_black_container
    .second_section
    > div
    .arum-steps
    .arum-step
    .arum-description {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 22px;
  }

  /* Third section */
  #arum_black_container .third_section .absolute-image img {
    object-position: 100%;
    max-height: 341px;
  }
  #arum_black_container .third_section .arum-content {
    display: none;
  }
  #arum_black_container .under-third-section-mobile-text {
    display: block;
    margin-top: 8px;
  }
  #arum_black_container .under-third-section-mobile-text .arum-description {
    text-align: left;
    display: flex;
  }

  /* Fourth section */
  #arum_black_container .fourth_section {
    display: none;
  }

  /* Fifth section */
  #arum_black_container .fifth_section .absolute-image img {
    min-height: 341px;
    object-position: 0%;
  }
  #arum_black_container .fifth_section .absolute-image {
    max-height: 341px;
    min-height: 341px;
  }
  #arum_black_container .fifth_section .arum-content {
    display: none;
  }
  #arum_black_container .under-fifth-section-mobile-text {
    display: block;
    margin-top: 20px;
  }
  #arum_black_container .under-fifth-section-mobile-text .arum-title {
    font-size: 60px;
    line-height: 80px;
  }
  #arum_black_container .under-fifth-section-mobile-text .arum-description {
    display: flex;
    flex-direction: column;
    text-align: left;
    row-gap: 24px;
  }

  /* Sixth section */
  #arum_black_container .sixth_section {
    flex-direction: column-reverse;
    max-width: 100%;
  }
  #arum_black_container .sixth_section .arum-description,
  #arum_black_container .sixth_section .image-container {
    max-width: 100%;
  }
  #arum_black_container .sixth_section .image-container {
    padding-top: 0;
  }
  #arum_black_container .sixth_section .arum-description .arum-title,
  #arum_black_container .seventh_section .arum-title {
    font-size: 50px;
    line-height: 35px;
    display: flex;
    margin-bottom: 6px;
    justify-content: center;
  }
  #arum_black_container .sixth_section .arum-description .arum-subtitle,
  #arum_black_container .seventh_section .arum-subtitle {
    font-size: 16px;
    line-height: 25px;
  }

  /* Eight section */
  #arum_black_container .eighth_section .main-image-container:first-child {
    display: none;
  }
  #arum_black_container .eighth_section .main-image-container:nth-child(2) {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item
    .arum-description
    .arum-title {
    font-size: 40px;
    line-height: 35px;
  }
  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item
    .arum-description
    .arum-subtitle {
    font-size: 16px;
    line-height: 25px;
  }

  /* Sixth section image list */
  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item
    .image-container {
    max-width: 126px;
    justify-content: flex-end !important;
  }
  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item:first-child
    .image-container
    img {
    min-width: 106px;
  }

  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item:nth-child(2)
    .image-container
    img {
    min-width: 126px;
  }
  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item:nth-child(3)
    .image-container {
    min-width: 126px !important;
  }
  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item:nth-child(3)
    .image-container
    img {
    min-width: 126px;
  }
  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item:first-child
    .image-container {
    max-width: 110px;
  }
  #arum_black_container .eighth_section .equipment_list {
    padding: 0;
  }
}

@media screen and (max-width: 490px) {
  #arum_black_container .second_section > div .arum-steps .arum-step {
    flex-direction: column;
    align-items: center;
  }
  #arum_black_container .eighth_section .equipment_list .arum-item {
    flex-direction: column;
  }

  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item
    .arum-description {
    max-width: 100%;
  }
  #arum_black_container
    .eighth_section
    .equipment_list
    .arum-item
    .arum-description
    .arum-title,
  #arum_black_container .sixth_section .arum-description .arum-title,
  #arum_black_container .seventh_section .arum-title,
  #arum_black_container .under-third-section-mobile-text .arum-title,
  #arum_black_container .under-fifth-section-mobile-text .arum-title {
    display: flex;
    justify-content: center;
    font-size: 30px;
    line-height: 35px;
  }
}