.section1 {
  padding: 30px 0 80px;
}

.section1-body {
  position: relative;
  margin-top: 95px;
}

.section1-wrap {
  border-bottom: 0.5px solid rgba(11, 11, 11, 0.3);
}

.section1-wrap-left {
  max-width: 442px;
  width: 100%;
  border-right: 0.5px solid rgba(11, 11, 11, 0.3);
  margin-right: 20px;
}

.about-us__subtitle {
  font-size: 18px;
  line-height: 180%;
  /* or 32px */

  letter-spacing: 0.15em;

  color: #000000;
}

.section1-wrap-right-text .about-us-text p {
  font-size: 18px;
}

.about-us-text p {
  font-size: 14px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.05em;
  margin-bottom: 15px;
  color: #000000;
}

.section1-wrap-left div {
  padding: 60px 0;
  padding-right: 45px;
}

.section1-wrap-logo {
  border-bottom: 0.5px solid rgba(11, 11, 11, 0.3);
}

.section1-wrap-left h2 {
  padding: 60px 0;
  padding-right: 45px;
  border-bottom: 0.5px solid rgba(11, 11, 11, 0.3);
}

.section1-wrap-right {
  max-width: 927px;
}

.section1-wrap-image {
  width: 100%;
  height: 440px;
}

.section1-wrap-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ubout-us-title {
  font-weight: bold;
  font-size: 25px;
  line-height: 160%;
  /* identical to box height, or 40px */

  letter-spacing: 0.05em;

  color: #000000;
}

.section1-wrap-right-text h2 {
  margin: 22px 0 10px;
}

/* section2 */

.section2 {
  padding: 93px 0 68px;
  background: #f3f3f3;
}

.section2-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section2-wrap-left {
  max-width: 410px;
  margin-right: 23px;
}

.section2-wrap-right-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section2-wrap-right {
  max-width: 865px;
}

.section2-wrap-right-list li {
  width: 48%;
  margin-bottom: 5px;
  position: relative;
}

.section2-wrap-right-list li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: block;
  background-color: #009ee0;
  position: absolute;
  left: -10px;
  top: calc(50% - 2px);
}

.section2-wrap-right-list li a {
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  padding-bottom: 3px;
  border-bottom: 1px solid #009ee0;
  letter-spacing: 0.05em;
  color: #009ee0;
}

/* /section2 */

/* section 3 */

.section3 {
  padding: 85px 0 95px;
}

.section3 .ubout-us-title {
  margin-bottom: 20px;
}

/* /section 3 */

/* ============= 1899px ====================================================== */
@media screen and (max-width: 1899px) {
  .section1-body {
    margin-top: 40px;
  }
}

/* ============= /1899px ====================================================== */

/* ============= 1529px ====================================================== */
@media screen and (max-width: 1529px) {
  .section1-wrap-left {
    max-width: 377px;
  }

  .section1-wrap-logo img {
    width: 338px;
  }

  .section1-wrap-left div {
    padding-right: 40px;
  }

  .section1-wrap-right {
    max-width: 693px;
  }

  .section2-wrap-left {
    max-width: 355px;
  }

  .section2-wrap-right {
    max-width: 575px;
  }

  .section1 {
    padding-bottom: 50px;
  }

  .section2 {
    padding: 58px 0 53px;
  }

  .section2-wrap-right-list li a {
    font-size: 14px;
    line-height: 160%;
    /* or 22px */

    letter-spacing: 0.05em;
  }

  .section3 {
    padding: 40px 0 60px;
  }
}

/* ============= /1529px ====================================================== */

/* ============= 1024px ====================================================== */
@media screen and (max-width: 1024px) {
  .section1-wrap {
    flex-direction: column-reverse;
  }

  .section1-wrap-right {
    max-width: 100%;
  }

  .section1-wrap-logo {
    display: none;
    border-bottom: none;
  }

  .section1-wrap-left {
    border-right: none;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    border-top: 0.5px solid rgba(11, 11, 11, 0.3);
  }

  .about-us-text p {
    margin-bottom: 15px;
  }

  .section1-wrap-left h2 {
    padding: 15px 0;
    border-bottom: none;
  }

  .section1-wrap-left div {
    padding: 15px 0;
  }

  .section1-wrap {
    border-bottom: none;
  }

  .section1 {
    padding-bottom: 20px;
  }

  .about-us__subtitle {
    font-size: 16px;
  }

  .ubout-us-title {
    font-size: 20px;
  }
}

/* ============= /1024px ====================================================== */

/* ============= 768px ====================================================== */
@media screen and (max-width: 768px) {
  .section1-wrap-image {
    height: 214px;
  }

  .section1-wrap-left {
    flex-direction: column;
  }

  .section1-wrap-right-text .about-us-text p {
    font-size: 14px;
  }

  .section2-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .section2-wrap-right-list {
    flex-direction: column;
  }

  .section2-wrap-left {
    max-width: 100%;
    margin-right: 0;
  }

  .section2-wrap-right {
    max-width: 100%;
    width: 100%;
    margin-top: 17px;
  }

  .section2-wrap-right-list li:before {
    left: 0;
  }

  .section2-wrap-right-list li {
    padding-left: 15px;
    width: 100%;
  }
}