.about-main-part {
  padding-bottom: 120px;
  border-bottom: 1px solid #EBF5FF;
  margin-bottom: 120px;
}
.about-main-part > .content > p,
.about-main-part > .content > span {
  font-weight: 700;
  font-size: 48px;
  line-height: 80px;
  color: #1C1D1F;
}
.about-main-part > .content > p {
  color: #0086FF;
}

.why-xpay-exist {
  margin-bottom: 120px;
  padding-bottom: 120px;
  border-bottom: 1px solid #EBF5FF;
  gap: 80px;
}
.why-xpay-exist > img {
  width: 308px;
  height: 280px;
}
.why-xpay-exist > .content {
  gap: 40px;
}
.why-xpay-exist > .content > .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  color: #1C1D1F;
}
.why-xpay-exist > .content > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
  color: #1C1D1F;
}

.application-info {
  padding-bottom: 120px;
  background: linear-gradient(180deg, #FFFFFF 0%, #edfffb 100%);
  margin-bottom: 120px;
}
.application-info .application-info-box {
  width: 100%;
}
.application-info .application-info-box > img {
  width: 771px;
  height: 560px;
}
.application-info .application-info-box > .items {
  gap: 80px;
}
.application-info .application-info-box > .items > .item {
  gap: 16px;
}
.application-info .application-info-box > .items > .item > img {
  width: 48px;
  height: 48px;
}
.application-info .application-info-box > .items > .item > .content {
  gap: 4px;
}
.application-info .application-info-box > .items > .item > .content > p {
  font-weight: 700;
  font-size: 32px;
  color: #1C1D1F;
}
.application-info .application-info-box > .items > .item > .content > span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #777777;
}

.our-hsitrory-part {
  margin-bottom: 56px;
  gap: 80px;
}
.our-hsitrory-part > .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #1C1D1F;
}
.our-hsitrory-part > .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 144px;
  width: 100%;
  position: relative;
}
.our-hsitrory-part > .items::after {
  content: url('data:image/svg+xml,<svg width="1249" height="250" viewBox="0 0 1249 250" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1249 1H25C11.7452 1 1 11.7452 1 25V225C1 238.255 11.7452 249 25 249H1249" stroke="%23C2E0FF"/></svg>');
  position: absolute;
  top: 50px;
  z-index: 0;
}
.our-hsitrory-part > .items > .item {
  position: relative;
  gap: 72px;
}
.our-hsitrory-part > .items > .item > span {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #0086FF;
}
.our-hsitrory-part > .items > .item > p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #1C1D1F;
}
.our-hsitrory-part > .items > .item::after {
  content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="20" fill="%23D6EBFF"/><circle cx="20" cy="20" r="12" fill="%230086FF"/></svg>');
  position: absolute;
  top: 40px;
  z-index: 1;
}

@media only screen and (max-width: 1024px) {
  .about-main-part {
    padding-bottom: 40px;
    margin-bottom: 40px;
    flex-direction: column-reverse;
    gap: 40px;
    align-items: flex-start;
  }
  .about-main-part > .content > p,
  .about-main-part > .content > span {
    font-size: 24px;
    line-height: 40px;
  }
  .about-main-part > img {
    width: 100%;
    height: 124px;
    object-fit: cover;
  }
  .why-xpay-exist {
    margin-bottom: 40px;
    padding-bottom: 24px;
    gap: 40px;
    flex-direction: column-reverse;
  }
  .why-xpay-exist > img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  .why-xpay-exist > .content {
    gap: 16px;
  }
  .why-xpay-exist > .content > .title {
    font-size: 20px;
    line-height: 30px;
  }
  .why-xpay-exist > .content > p {
    font-size: 14px;
    line-height: 24px;
  }
  .application-info {
    padding-bottom: 40px;
    margin-bottom: 64px;
  }
  .application-info .application-info-box {
    flex-direction: column;
    gap: 24px;
  }
  .application-info .application-info-box > img {
    width: 100%;
    height: auto;
  }
  .application-info .application-info-box > .mobile-img {
    display: block;
  }
  .application-info .application-info-box > .desctop-img {
    display: none;
  }
  .application-info .application-info-box > .items {
    gap: 0;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
  .application-info .application-info-box > .items > .item {
    gap: 8px;
  }
  .application-info .application-info-box > .items > .item > img {
    width: 40px;
    height: 40px;
  }
  .application-info .application-info-box > .items > .item > .content > p {
    font-size: 20px;
  }
  .application-info .application-info-box > .items > .item > .content > span {
    font-size: 12px;
    line-height: 18px;
  }
  .application-info .application-info-box > .first-row > .item:nth-child(2) {
    flex-direction: row-reverse;
  }
  .application-info .application-info-box > .first-row > .item:nth-child(2) > .content {
    align-items: flex-end;
  }
  .application-info .application-info-box > .second-row > .item:first-child {
    flex-direction: row-reverse;
  }
  .application-info .application-info-box > .second-row > .item:first-child > .content {
    align-items: flex-start;
  }
  .our-hsitrory-part {
    margin-bottom: 40px;
    gap: 40px;
    align-items: center;
  }
  .our-hsitrory-part > .title {
    font-size: 20px;
    line-height: 30px;
  }
  .our-hsitrory-part > .items {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
  .our-hsitrory-part > .items::after {
    content: url('data:image/svg+xml,<svg width="329" height="1026" viewBox="0 0 329 1026" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M328 1H25C11.7452 1 1 11.7452 1 25V182C1 195.255 11.7452 206 25 206H304C317.255 206 328 216.745 328 230V386.5C328 399.755 317.255 410.5 304 410.5H25C11.7452 410.5 1 421.245 1 434.5V591.5C1 604.755 11.7452 615.5 25 615.5H304C317.255 615.5 328 626.245 328 639.5V796.5C328 809.755 317.255 820.5 304 820.5H25C11.7452 820.5 1 831.245 1 844.5V1001.5C1 1014.75 11.7452 1025.5 25 1025.5H328" stroke="%23C2E0FF"/></svg>');
    left: 1px;
    width: 100%;
  }
  .our-hsitrory-part > .items > .item > span {
    font-size: 14px;
    line-height: 21px;
  }
  .our-hsitrory-part > .items > .item > p {
    font-size: 12px;
    line-height: 24px;
  }
}

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