.section_3-container {
  margin-block-start: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 164px 0px;
  display: flex;
  align-items: center;
}
.section_3-container .left-box {
  width: 50%;
  height: 408px;
  display: flex;
  justify-content: flex-end;
}
.section_3-container .right-box {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 86px;
  box-sizing: border-box;
}
.section_3-container .right-box .right-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.section_3-container .right-box .right-content .title {
  color: #000;
  font-size: 60px;
  font-style: normal;
  line-height: 57.6px; /* 96% */
  letter-spacing: -0.89px;
}
.section_3-container .right-box .right-content .des {
  width: 510px;
  color: #6d6d6d;
  font-size: 18px;
  font-style: normal;
  line-height: 26px; /* 144.444% */
}

@media (max-width: 768px) {
  .section_3-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
    padding: 60px 24px;
  }
  .section_3-container .right-box {
    padding-left: 0;
  }
  .section_3-container .right-box .right-content {
    gap: 16px;
  }
  .section_3-container .right-box .right-content .title {
    font-size: 36px;
    font-style: normal;
    line-height: normal;
  }
  .section_3-container .right-box .right-content .des {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    line-height: 18px; /* 150% */
  }
  .section_3-container .left-box {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
  }
  .section_3-container .left-box img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .section_3-container .left-box {
    width: 50%;
    height: 408px;
    display: flex;
    justify-content: flex-end;
  }
  .section_3-container .left-box img {
    width: unset;
  }
}

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