.sp-about {
  background: url(https://webbackend.mqdc.com/assets/d711f96a-6b67-4845-a175-0ca7bcbf20b5)
    no-repeat center center/ 17.19em auto;
  display: inline-block;
  vertical-align: middle;
}

/** About Us Begin */
.sp-about.icon-building {
  background-position: 80.556% 80.164%;
  width: 3.6875em;
  height: 3.6875em;
  font-size: 0.4em;
}

#about-us {
  position: relative;
  z-index: 2;
}

#lottie-world {
  aspect-ratio: 1/1;
  position: relative;
  width: 50%;
  margin: 0 auto;
}

#lottie-world canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
  #lottie-world {
    width: 105%;
  }
}

@media (min-width: 992px) {
  #lottie-world {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-30%);
    z-index: 1;
  }
}

@media (min-width: 1200px) {
  #lottie-world {
    transform: translateY(-40%);
  }
}

/** About Us End */

/** Direction Begin */

#direction {
  background: url(https://webbackend.mqdc.com/assets/ba34d374-dd6a-4825-8b38-d23275d2e36a)
      no-repeat center center / cover,
    linear-gradient(180deg, rgba(250, 121, 116, 1) 0%, rgba(48, 48, 48, 1) 100%);
  z-index: 1;
  position: relative;
}

#direction .icon-message {
  font-size: 0.8em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.948 22.868"><g data-name="icon-ceo message" transform="translate(-1.25 -1.25)"><path d="M11.25,8.085a.835.835,0,0,1,.835-.835h4.455a.835.835,0,0,1,0,1.671H12.085A.835.835,0,0,1,11.25,8.085Z" transform="translate(1.139 0.683)" fill="%23e22219"/><path d="M7.25,12.085a.835.835,0,0,1,.835-.835H17a.835.835,0,0,1,0,1.671H8.085A.835.835,0,0,1,7.25,12.085Z" transform="translate(0.683 1.139)" fill="%23e22219"/><path d="M10.959,1.25h4.53c1.528,0,2.726,0,3.689.079a6.592,6.592,0,0,1,2.523.619,6.4,6.4,0,0,1,2.8,2.8,6.593,6.593,0,0,1,.619,2.523c.079.963.079,2.161.079,3.689v1.52a13.783,13.783,0,0,1-.259,3.661A6.4,6.4,0,0,1,20.6,20.484a13.783,13.783,0,0,1-3.661.259h-.842a4.734,4.734,0,0,0-2.7.864l-.055.039-2.908,2.077A2.062,2.062,0,0,1,7.32,21.279a.391.391,0,0,0-.363-.537h-.67A5.036,5.036,0,0,1,1.25,15.706V10.959c0-1.528,0-2.726.079-3.689a6.592,6.592,0,0,1,.619-2.523,6.4,6.4,0,0,1,2.8-2.8A6.592,6.592,0,0,1,7.27,1.329c.963-.079,2.161-.079,3.689-.079ZM7.406,2.994a4.973,4.973,0,0,0-1.9.443A4.734,4.734,0,0,0,3.437,5.506a4.973,4.973,0,0,0-.443,1.9c-.072.887-.073,2.017-.073,3.59v4.71a3.366,3.366,0,0,0,3.366,3.366h.67A2.062,2.062,0,0,1,8.871,21.9a.391.391,0,0,0,.591.464l2.971-2.122a6.4,6.4,0,0,1,3.648-1.169h.689a13.434,13.434,0,0,0,3.354-.191,4.734,4.734,0,0,0,3.211-3.211,13.434,13.434,0,0,0,.191-3.354V11c0-1.573,0-2.7-.073-3.59a4.975,4.975,0,0,0-.443-1.9,4.735,4.735,0,0,0-2.069-2.069,4.974,4.974,0,0,0-1.9-.443c-.887-.072-2.017-.073-3.59-.073H11c-1.573,0-2.7,0-3.59.073Z" transform="translate(0 0)" fill="%23e22219" fill-rule="evenodd"/></g></svg>')
    no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  #direction {
    background-image: url(https://webbackend.mqdc.com/assets/125cc83d-7117-4966-8706-f29efedb2926);
  }
}

/** Direction End */

/** Vision Mission Begin */
.sp-about.icon-mountain {
  background-position: 0 0;
  width: 5.875em;
  height: 5.875em;
  font-size: 0.2em;
}

.sp-about.icon-chart {
  background-position: 93.37% 0;
  width: 5.875em;
  height: 5.875em;
  font-size: 0.2em;
}

.sp-about.icon-mission-box {
  background-position: 0.82% 94.767%;
  width: 9.5625em;
  height: 9.5625em;
  position: relative;
  font-size: 0.5em;
}

.sp-about.icon-mission-box > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sp-about.icon-mission-1 {
  background-position: 0 21.724%;
  width: 5.5625em;
  height: 5.5625em;
}

.sp-about.icon-mission-2 {
  background-position: 0 43.106%;
  width: 4.5625em;
  height: 6em;
}
.sp-about.icon-mission-3 {
  background-position: 0 61.824%;
  width: 4.8125em;
  height: 4.8125em;
}

.sp-about.icon-vision-1 {
  background-position: 93.514% 21.762%;
  width: 5.625em;
  height: 5.625em;
}

.sp-about.icon-vision-2 {
  background-position: 87.374% 42.513%;
  width: 4.8125em;
  height: 5.5em;
}

.sp-about.icon-vision-3 {
  background-position: 92.513% 62.887%;
  width: 5.5em;
  height: 5.5em;
}

#vision-mission {
  position: relative;
  margin-top: -2em;
  padding-top: 2em;
  z-index: 0;
  overflow: hidden;
}

#vision-mission video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}

#vision-mission .box-rounded {
  background: #ffffff41;
  box-shadow: 0px 0px 30px #00000017;
  border-radius: 2em;
  opacity: 0.8;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  position: relative;
  padding: 4em 2em 2em;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  font-weight: 500;
  max-width: 23.5em;
}

#vision-mission .box-rounded::before {
  content: "";
  position: absolute;
  top: 1em;
  left: 1em;
  right: 1em;
  bottom: 1em;
  box-shadow: 0px 0px 10px #00000017;
  border-radius: 2em;
  opacity: 0.6;
  backdrop-filter: blur(43px);
  -webkit-backdrop-filter: blur(43px);
}

#vision-mission .swiper {
  overflow: visible;
}

#vision-mission .swiper-slide:not(:first-child) .box-rounded {
  margin: 0 auto;
}

#vision-mission .swiper-slide:last-child .box-rounded {
  float: right;
}

#vision-mission .swiper-slide {
  height: auto;
}

@media (min-width: 768px) {
  #vision-mission .box-rounded {
    padding: 3em 1.5em 1em;
  }
  #vision-mission .box-rounded::before {
    left: 0.7em;
    right: 0.7em;
    bottom: 0.7em;
    top: 0.7em;
  }
}

@media (min-width: 1200px) {
  #vision-mission .box-rounded {
    padding: 4em 2em 2em;
  }

  .sp-about.icon-mission-box {
    font-size: 0.7em;
  }
}
/** Vision Mission End */