/* about */
.about {
  padding: 30px 0;
}

.about .top-img {
  width: 100%;
  display: block;
  border-radius: 6px;
  margin-bottom: 30px;
}

.about .logo {
  width: 200px;
  margin-bottom: 20px;
}

.about .title {
  text-align: left;
  color: var(--btn-color);
  margin-bottom: 15px;
}

.about .info>*:not(:last-child) {
  margin-bottom: 20px;
}

.about .info {
  line-height: 25px;
}

@media (min-width: 992px) {
  .about .item-wrap {
    display: flex;
    align-items: flex-end;
  }

  .about .lt {
    flex-shrink: 0;
  }

  .about .rt {
    flex: 1;
    padding-left: 30px;
  }

  .about .logo {
    width: 300px;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .about {
    padding: 40px 0 60px;
  }

  .about .top-img {
    margin-bottom: 60px;
  }

  .about .logo {
    width: 400px;
  }

  .about .rt {
    padding-left: 60px;
  }

  .about .title {
    margin-bottom: 26px;
  }
}

@media (min-width: 1440px) {
  .about {
    padding-bottom: 95px;
  }

  .about .top-img {
    margin-bottom: 85px;
  }

  .about .rt {
    padding-left: 90px;
  }
}


/* advantage */
.advantage {
  padding: 30px 0;
  background: #F4F4F4;
}

.advantage .lt {
  margin-bottom: 20px;
}

.advantage .title {
  margin-bottom: 15px;
}

.advantage .lt .title {
  text-align: left;
}

.advantage .sub-title {
  color: var(--sub-color);
  margin-bottom: 15px;
}

.advantage .info {
  line-height: 25px;
}

.advantage .info>*:not(:last-child) {
  margin-bottom: 20px;
}

.advantage .sub-info {
  margin-bottom: 20px;
}

.advantage .sub-info>*:first-child {
  color: var(--sub-color);
}

.advantage .rt-img {
  width: 100%;
  box-shadow: 1px 2px 10px 1px rgba(255, 193, 7, 0.22);
  border-radius: 7px;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .advantage .container {
    display: flex;
  }

  .advantage .lt {
    flex: 1;
    padding-right: 30px;
    margin-bottom: 0;
  }

  .advantage .rt {
    flex: 0 0 42.86%;
    max-width: 42.86%;
  }
}

@media (min-width: 1200px) {
  .advantage {
    padding: 60px 0;
  }

  .advantage .lt {
    padding-right: 60px;
  }

  .advantage .title {
    margin-bottom: 27px;
  }

  .advantage .sub-info {
    margin-bottom: 27px;
  }

  .advantage .sub-info>*:not(:last-child) {
    margin-bottom: 33px;
  }

  .advantage .rt-img {
    margin-bottom: 31px;
  }
}

@media (min-width: 1440px) {
  .advantage {
    padding: 100px 0 95px;
  }

  .advantage .lt {
    padding-right: 100px;
  }
}


/* certifications */
.certifications {
  padding: 30px 0;
}

.certifications .lt {
  margin-bottom: 20px;
}

.certifications .lt img {
  width: 100%;
  box-shadow: 1px 2px 10px 1px rgba(255, 193, 7, 0.22);
  border-radius: 7px;
}

.certifications .title {
  text-align: left;
  margin-bottom: 15px;
}

.certifications .info {
  line-height: 25px;
}

@media (min-width: 992px) {
  .certifications .container {
    display: flex;
    align-items: center;
  }

  .certifications .lt {
    flex: 0 0 42.86%;
    max-width: 42.86%;
    margin-bottom: 0;
  }

  .certifications .rt {
    flex: 1;
    padding-left: 30px;
  }

  .certifications .info {
    margin-left: 20px;
  }
}

@media (min-width: 1200px) {
  .certifications {
    padding: 60px 0;
  }

  .certifications .rt {
    padding-left: 60px;
  }

  .certifications .title {
    margin-bottom: 28px;
  }

  .certifications .info {
    margin-left: 39px;
  }
}

@media (min-width: 1440px) {
  .certifications {
    padding: 100px 0;
  }

  .certifications .rt {
    padding-left: 100px;
  }
}


/* our-vision */
.our-vision {
  padding: 30px 0;
  color: #fff;
  position: relative;
}

.our-vision::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2B3858;
  opacity: 0.6;
}

.our-vision .container {
  position: relative;
  z-index: 1;
}

.our-vision .title {
  margin-bottom: 15px;
}

.our-vision .info {
  line-height: 25px;
  text-align: center;
}

@media (min-width: 1200px) {
  .our-vision {
    padding: 60px 0;
  }

  .our-vision .title {
    margin-bottom: 27px;
  }
}

@media (min-width: 1440px) {
  .our-vision {
    padding: 135px 0 143px;
  }

  .our-vision .info {
    margin-left: auto;
    margin-right: auto;
    max-width: 1190px;
  }
}