section + section {
  margin-top: -1px;
}

body {
  background-color: #170E13;
}

.section {
  position: relative;
  z-index: 1;
}

footer {
  margin-top: -1px;
}

[data-animate-fade-up] {
  opacity: 0;
  --animate-duration: 1.5s;
}

.sec-1 {
  background: url("https://images.pixpretty.com/home/sec1-mob-bg.png") no-repeat center;
  background-size: cover;
  padding: 146px 0 149px;
}
@media (min-width: 992px) {
  .sec-1 {
    background: url("https://images.pixpretty.com/home/sec1-md-bg.png") no-repeat center;
    background-size: cover;
    padding: 269px 0 276px;
  }
}
@media (min-width: 1600px) {
  .sec-1 {
    background: url("https://images.pixpretty.com/home/sec1-bg.png") no-repeat center;
    background-size: cover;
    padding: 403px 0 402px;
  }
}
.sec-1 .text-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .sec-1 .text-box {
    margin-left: auto;
    margin-right: 0;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 30px;
  }
}
@media (min-width: 1600px) {
  .sec-1 .text-box {
    padding-right: 68px;
  }
}
@media (min-width: 2300px) {
  .sec-1 .text-box {
    padding-right: 363px;
  }
}
.sec-1 .text-box > * {
  width: 100%;
}
@media (min-width: 992px) {
  .sec-1 .text-box > * {
    width: auto;
  }
}
.sec-1 .text-box h1 {
  line-height: 40px;
}
@media (min-width: 992px) {
  .sec-1 .text-box h1 {
    line-height: 60px;
  }
}
@media (min-width: 1600px) {
  .sec-1 .text-box h1 {
    line-height: 80px;
  }
}
.sec-1 .text-box h1 svg {
  width: 320px;
  height: 40px;
}
@media (min-width: 992px) {
  .sec-1 .text-box h1 svg {
    width: 478px;
    height: 60px;
  }
}
@media (min-width: 1600px) {
  .sec-1 .text-box h1 svg {
    width: 638px;
    height: 80px;
  }
}
.sec-1 .text-box .txt {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  margin: 20px 0 48px;
}
@media (min-width: 992px) {
  .sec-1 .text-box .txt {
    font-weight: 400;
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .sec-1 .text-box .txt {
    font-size: 32px;
  }
}
.sec-1 .text-box .btn-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 992px) {
  .sec-1 .text-box .btn-group {
    flex-direction: row;
    gap: 24px;
  }
}
.sec-1 .text-box .btn-group a {
  min-width: 188px;
  justify-content: center;
}
@media (min-width: 1600px) {
  .sec-1 .text-box .btn-group a {
    min-width: 205px;
  }
}
.sec-1 .text-box .btn-group a svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 1600px) {
  .sec-1 .text-box .btn-group a svg {
    width: 28px;
    height: 28px;
  }
}

.sec-2 {
  background-color: #170E13;
  padding: 48px 0 80px;
  position: relative;
}
@media (min-width: 992px) {
  .sec-2 {
    padding: 271px 0;
  }
}
@media (min-width: 1280px) {
  .sec-2 .container {
    padding: 0 129.5px;
  }
}
@media (min-width: 1600px) {
  .sec-2 {
    padding: 330px 0 450px;
  }
}
.sec-2::before {
  content: "";
  background: url("https://images.pixpretty.com/home/sec2-mob-bg.png") no-repeat center;
  background-size: cover;
  background-position: center bottom;
  width: 100%;
  height: 337px;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
@media (min-width: 992px) {
  .sec-2::before {
    background: url("https://images.pixpretty.com/home/sec2-bg.png") no-repeat center;
    background-size: cover;
    height: 411px;
  }
}
@media (min-width: 1600px) {
  .sec-2::before {
    height: 739px;
  }
}
.sec-2 h2 {
  background: linear-gradient(90deg, #EB5E28 22.45%, #FDEFE9 49.12%, #FFD779 77.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
}
@media (min-width: 992px) {
  .sec-2 h2 {
    font-size: 36px;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (min-width: 1600px) {
  .sec-2 h2 {
    font-size: 48px;
  }
}
.sec-2 .featuresList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 32px;
  padding: 0;
  margin: 24px 0 0;
  list-style: none;
}
@media (min-width: 992px) {
  .sec-2 .featuresList {
    margin: 48px 0 0;
    gap: 120px;
  }
}
@media (min-width: 1600px) {
  .sec-2 .featuresList {
    margin: 80px 0 0;
  }
}
.sec-2 .featuresList li {
  flex: 1 1 18%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sec-2 .featuresList li p {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #FFFFFF;
  margin: 0 0 12px;
  opacity: 0.8;
}
@media (min-width: 992px) {
  .sec-2 .featuresList li p {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .sec-2 .featuresList li p {
    font-size: 24px;
  }
}
.sec-2 .featuresList li img {
  width: 72px;
  height: 72px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .sec-2 .featuresList li img {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1600px) {
  .sec-2 .featuresList li img {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 992px) {
  .sec-2 .featuresList li {
    flex: 0 0 calc((100% - 480px) / 5);
  }
}
@media (max-width: 991px) {
  .sec-2 .featuresList li:nth-child(1),
  .sec-2 .featuresList li:nth-child(2) {
    flex: 0 0 calc((100% - 132px) / 2);
  }
  .sec-2 .featuresList li:nth-child(3),
  .sec-2 .featuresList li:nth-child(4),
  .sec-2 .featuresList li:nth-child(5) {
    flex: 0 0 calc((100% - 64px) / 3);
  }
}

@media (min-width: 992px) {
  .sec-1,
  .sec-2 {
    position: sticky;
    top: 0;
  }
}

.sec-3 {
  position: relative;
}
.sec-3 .compare-main {
  width: 100%;
  aspect-ratio: 1920/973;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sec-3 .compare-main {
    aspect-ratio: 390/554;
  }
}
.sec-3 .compare-main .compare-line {
  height: 100%;
  width: 1px;
  top: 0;
  left: 10%;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 7 !important;
}
.sec-3 .compare-main .compare-line::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="12" fill="white"/><circle cx="16" cy="16" r="14" stroke="white" stroke-opacity="0.28" stroke-width="4"/><path d="M12 13L8.99999 16L12 19" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 13L23 16L20 19" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: cover;
}
@media (min-width: 992px) {
  .sec-3 .compare-main .compare-line::after {
    width: 24px;
    height: 24px;
    background-size: cover;
  }
}
.sec-3 .compare-main .compare-before {
  width: 10%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  z-index: 6 !important;
}
.sec-3 .compare-main .compare-after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.sec-3 .compare-main .compare-text {
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 438px;
  z-index: 8;
  display: none;
}
@media (min-width: 992px) {
  .sec-3 .compare-main .compare-text {
    display: block;
  }
}
@media (min-width: 1366px) {
  .sec-3 .compare-main .compare-text {
    right: 118px;
  }
}
@media (min-width: 1600px) {
  .sec-3 .compare-main .compare-text {
    right: 259px;
  }
}
@media (min-width: 2300px) {
  .sec-3 .compare-main .compare-text {
    right: 564px;
  }
}
.sec-3 .compare-main .compare-text h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 16px;
}
@media (min-width: 1600px) {
  .sec-3 .compare-main .compare-text h2 {
    font-size: 48px;
  }
}
.sec-3 .compare-main .compare-text p {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  margin-bottom: 0;
  color: #FFFFFF;
}

.sec-4 {
  background-color: #170E13;
  padding: 60px 0;
  position: relative;
}
@media (min-width: 992px) {
  .sec-4 {
    padding: 100px 0;
  }
}
.sec-4 .portrait {
  padding-right: 12px;
  padding-left: 12px;
  margin-bottom: 100px;
}
@media (min-width: 768px) {
  .sec-4 .portrait {
    max-width: 700px;
  }
}
@media (min-width: 1280px) {
  .sec-4 .portrait {
    max-width: 1006px;
  }
}
@media (min-width: 1600px) {
  .sec-4 .portrait {
    max-width: 1424px;
    margin-bottom: 200px;
  }
}
.sec-4 h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: #FFFFFF;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .sec-4 h2 {
    font-size: 36px;
  }
}
@media (min-width: 1600px) {
  .sec-4 h2 {
    font-size: 48px;
  }
}
.sec-4 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .sec-4 p {
    font-size: 20px;
  }
}
.sec-4 .sec4Swiper {
  width: 100%;
  border-radius: 0;
  margin-top: 24px;
  aspect-ratio: 1400/662;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sec-4 .sec4Swiper {
    aspect-ratio: 360/170;
  }
}
@media (min-width: 992px) {
  .sec-4 .sec4Swiper {
    margin-top: 40px;
  }
}
.sec-4 .sec4Swiper .compare-main {
  width: 100%;
  aspect-ratio: 1400/662;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sec-4 .sec4Swiper .compare-main {
    aspect-ratio: 360/170;
  }
}
.sec-4 .sec4Swiper .compare-main .compare-line {
  height: 100%;
  width: 1px;
  top: 0;
  left: 10%;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 7 !important;
}
.sec-4 .sec4Swiper .compare-main .compare-line::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="12" fill="white"/><circle cx="16" cy="16" r="14" stroke="white" stroke-opacity="0.28" stroke-width="4"/><path d="M12 13L8.99999 16L12 19" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 13L23 16L20 19" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: cover;
}
@media (min-width: 992px) {
  .sec-4 .sec4Swiper .compare-main .compare-line::after {
    width: 24px;
    height: 24px;
    background-size: cover;
  }
}
.sec-4 .sec4Swiper .compare-main .compare-before {
  width: 10%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  z-index: 6 !important;
}
.sec-4 .sec4Swiper .compare-main .compare-after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.sec-4 .sec4NavSwiper {
  max-width: 470px;
  margin: 16px auto 0;
  width: 100%;
  min-width: 366px;
  padding: 4px;
  border-radius: 100px;
  background: rgba(204, 204, 204, 0.2392156863);
  border: 0.5px solid;
  border-image-source: conic-gradient(from 90deg at 50% 50%, rgba(255, 255, 255, 0.33) -68.75deg, rgba(255, 255, 255, 0.1) 61.75deg, rgba(255, 255, 255, 0.2) 138.08deg, rgba(255, 255, 255, 0.2) 223.76deg, rgba(255, 255, 255, 0.33) 291.25deg, rgba(255, 255, 255, 0.1) 421.75deg);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
@media (min-width: 992px) {
  .sec-4 .sec4NavSwiper {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
  }
}
@media (min-width: 1280px) {
  .sec-4 .sec4NavSwiper {
    max-width: 778px;
  }
}
@media (min-width: 1366px) {
  .sec-4 .sec4NavSwiper {
    bottom: 28px;
  }
}
@media (min-width: 1600px) {
  .sec-4 .sec4NavSwiper {
    bottom: 32px;
  }
}
.sec-4 .sec4NavSwiper .swiper-slide {
  padding: 8px 16px;
  border-radius: 100px;
  cursor: pointer;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.sec-4 .sec4NavSwiper .swiper-slide svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 992px) {
  .sec-4 .sec4NavSwiper .swiper-slide svg {
    width: 28px;
    height: 28px;
  }
}
.sec-4 .sec4NavSwiper .swiper-slide span {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
@media (min-width: 992px) {
  .sec-4 .sec4NavSwiper .swiper-slide span {
    font-size: 18px;
  }
}
.sec-4 .sec4NavSwiper .swiper-slide.swiper-slide-thumb-active {
  background: #FFBC20;
  color: #170E13;
}
.sec-4 .colorBox {
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .sec-4 .colorBox {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .sec-4 .colorBox {
    max-width: 1006px;
  }
}
@media (min-width: 1600px) {
  .sec-4 .colorBox {
    max-width: 1424px;
  }
}
.sec-4 .colorBox .main-img {
  margin-top: 24px;
  position: relative;
}
@media (min-width: 1280px) {
  .sec-4 .colorBox .main-img {
    margin-top: 40px;
  }
}
.sec-4 .colorBox .main-img .compare-main {
  width: 248px;
  aspect-ratio: 1182/662;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .sec-4 .colorBox .main-img .compare-main {
    aspect-ratio: 249/169;
  }
}
@media (min-width: 768px) {
  .sec-4 .colorBox .main-img .compare-main {
    width: 448px;
  }
}
@media (min-width: 992px) {
  .sec-4 .colorBox .main-img .compare-main {
    aspect-ratio: 777/528;
    width: 664px;
  }
}
@media (min-width: 1366px) {
  .sec-4 .colorBox .main-img .compare-main {
    width: 777px;
  }
}
@media (min-width: 1600px) {
  .sec-4 .colorBox .main-img .compare-main {
    width: 973px;
  }
}
.sec-4 .colorBox .main-img .compare-main .compare-line {
  height: 100%;
  width: 1px;
  top: 0;
  left: 10%;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 7 !important;
}
.sec-4 .colorBox .main-img .compare-main .compare-line::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="12" fill="white"/><circle cx="16" cy="16" r="14" stroke="white" stroke-opacity="0.28" stroke-width="4"/><path d="M12 13L8.99999 16L12 19" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 13L23 16L20 19" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: cover;
}
@media (min-width: 992px) {
  .sec-4 .colorBox .main-img .compare-main .compare-line::after {
    width: 24px;
    height: 24px;
    background-size: cover;
  }
}
.sec-4 .colorBox .main-img .compare-main .compare-before {
  width: 10%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  z-index: 6 !important;
}
.sec-4 .colorBox .main-img .compare-main .compare-before img {
  border-radius: 4px;
}
.sec-4 .colorBox .main-img .compare-main .compare-after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.sec-4 .colorBox .main-img .compare-main .compare-after img {
  border-radius: 4px;
}
.sec-4 .colorBox .main-img .color-adjust {
  position: absolute;
  left: 24px;
  top: 12px;
  width: 76px;
  z-index: 10;
  border-radius: 4px;
  pointer-events: none;
}
.sec-4 .colorBox .main-img .color-adjust img {
  border-radius: 4px;
}
@media (min-width: 768px) {
  .sec-4 .colorBox .main-img .color-adjust {
    width: 158px;
  }
}
@media (min-width: 992px) {
  .sec-4 .colorBox .main-img .color-adjust {
    width: 238px;
  }
}
@media (min-width: 1366px) {
  .sec-4 .colorBox .main-img .color-adjust {
    left: 2px;
    top: 32px;
  }
}
@media (min-width: 1600px) {
  .sec-4 .colorBox .main-img .color-adjust {
    width: 298px;
    left: 87px;
  }
}
.sec-4 .colorBox .main-img .sample-display {
  position: absolute;
  left: 1px;
  bottom: -5px;
  width: 96px;
  z-index: 10;
  border: 0.26px solid;
  border-image-source: linear-gradient(132.95deg, rgba(255, 255, 255, 0.35) 2.84%, rgba(255, 255, 255, 0.09) 50.52%, rgba(255, 255, 255, 0.48) 99.56%);
  border-radius: 4px;
  background: rgba(153, 151, 151, 0.2196078431);
  -webkit-backdrop-filter: blur(2.5531914234px);
          backdrop-filter: blur(2.5531914234px);
  box-shadow: 0px 2.04px 6.13px 0px rgba(0, 0, 0, 0.1294117647);
  padding: 3px;
  pointer-events: none;
}
.sec-4 .colorBox .main-img .sample-display img {
  border-radius: 4px;
}
@media (min-width: 768px) {
  .sec-4 .colorBox .main-img .sample-display {
    width: 174px;
  }
}
@media (min-width: 992px) {
  .sec-4 .colorBox .main-img .sample-display {
    width: 246px;
  }
}
@media (min-width: 1366px) {
  .sec-4 .colorBox .main-img .sample-display {
    width: 300px;
    left: -70px;
    bottom: -8px;
    padding: 7px;
    border-radius: 8px;
  }
}
@media (min-width: 1600px) {
  .sec-4 .colorBox .main-img .sample-display {
    width: 376px;
    left: -10px;
    bottom: -25px;
  }
}
.sec-4 .colorBox .main-img .sample-display .tip {
  border-radius: 1px;
  padding: 1px 2px;
  background: rgba(0, 0, 0, 0.3607843137);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 5px;
  line-height: 140%;
  color: #FFFFFF;
  position: absolute;
  top: 6px;
  left: 6px;
}
@media (min-width: 768px) {
  .sec-4 .colorBox .main-img .sample-display .tip {
    border-radius: 3px;
    padding: 3px 4px;
    font-size: 10px;
  }
}
@media (min-width: 1366px) {
  .sec-4 .colorBox .main-img .sample-display .tip {
    padding: 3px 6px;
    font-size: 14px;
    top: 19px;
    left: 19px;
  }
}
@media (min-width: 1600px) {
  .sec-4 .colorBox .main-img .sample-display .tip {
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 18px;
    top: 24px;
    left: 24px;
  }
}
.sec-4 .colorBox .main-img .hue-control {
  position: absolute;
  right: 0px;
  bottom: 6px;
  width: 84px;
  z-index: 10;
  border-radius: 4px;
  pointer-events: none;
}
.sec-4 .colorBox .main-img .hue-control img {
  border-radius: 4px;
}
@media (min-width: 768px) {
  .sec-4 .colorBox .main-img .hue-control {
    width: 164px;
  }
}
@media (min-width: 992px) {
  .sec-4 .colorBox .main-img .hue-control {
    width: 230px;
  }
}
@media (min-width: 1366px) {
  .sec-4 .colorBox .main-img .hue-control {
    width: 262px;
    right: -76px;
    bottom: 25px;
  }
}
@media (min-width: 1600px) {
  .sec-4 .colorBox .main-img .hue-control {
    width: 328px;
    right: -2px;
    bottom: 15px;
  }
}
.sec-4 .colorBox .main-img .color-adjust,
.sec-4 .colorBox .main-img .sample-display,
.sec-4 .colorBox .main-img .hue-control {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
  will-change: transform, opacity;
}
.sec-4 .colorBox .main-img.active .color-adjust {
  transition-delay: 0.5s;
  opacity: 1;
  transform: translateY(0);
}
.sec-4 .colorBox .main-img.active .sample-display {
  transition-delay: 0.8s;
  opacity: 1;
  transform: translateY(0);
}
.sec-4 .colorBox .main-img.active .hue-control {
  transition-delay: 1.1s;
  opacity: 1;
  transform: translateY(0);
}

.sec-5 {
  position: relative;
}
.sec-5 .sec5Swiper .img-box {
  width: 100%;
  position: relative;
}
.sec-5 .sec5Swiper .img-box .info {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 303px;
  text-align: center;
}
@media (min-width: 768px) {
  .sec-5 .sec5Swiper .img-box .info {
    width: 380px;
  }
}
@media (min-width: 992px) {
  .sec-5 .sec5Swiper .img-box .info {
    max-width: 449px;
    text-align: left;
    left: 24px;
    transform: translateX(0);
  }
}
@media (min-width: 1280px) {
  .sec-5 .sec5Swiper .img-box .info {
    top: 289px;
    left: 120px;
  }
}
@media (min-width: 1600px) {
  .sec-5 .sec5Swiper .img-box .info {
    max-width: 568px;
    top: 360px;
    left: 260px;
  }
}
@media (min-width: 2300px) {
  .sec-5 .sec5Swiper .img-box .info {
    left: 612px;
  }
}
.sec-5 .sec5Swiper .img-box .info h2 {
  color: #FFFFFF;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .sec-5 .sec5Swiper .img-box .info h2 {
    font-size: 24px;
  }
}
.sec-5 .sec5Swiper .img-box .info p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .sec-5 .sec5Swiper .img-box .info p {
    font-size: 20px;
  }
}
.sec-5 .sec5NavSwiper {
  max-width: 470px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px;
  border-radius: 100px;
  background: rgba(204, 204, 204, 0.2392156863);
  border: 0.5px solid;
  border-image-source: conic-gradient(from 90deg at 50% 50%, rgba(255, 255, 255, 0.33) -68.75deg, rgba(255, 255, 255, 0.1) 61.75deg, rgba(255, 255, 255, 0.2) 138.08deg, rgba(255, 255, 255, 0.2) 223.76deg, rgba(255, 255, 255, 0.33) 291.25deg, rgba(255, 255, 255, 0.1) 421.75deg);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  z-index: 1;
  max-width: 382px;
}
@media (min-width: 768px) {
  .sec-5 .sec5NavSwiper {
    max-width: 590px;
  }
}
@media (min-width: 992px) {
  .sec-5 .sec5NavSwiper {
    border-radius: 0;
    background: none;
    border: none;
    border-image-source: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    max-width: 774px;
  }
}
@media (min-width: 1366px) {
  .sec-5 .sec5NavSwiper {
    bottom: 24px;
  }
}
@media (min-width: 1600px) {
  .sec-5 .sec5NavSwiper {
    bottom: 32px;
    max-width: 969px;
  }
}
@media (min-width: 2300px) {
  .sec-5 .sec5NavSwiper {
    max-width: 1224px;
  }
}
.sec-5 .sec5NavSwiper .swiper-slide {
  padding: 8px;
  border-radius: 100px;
  cursor: pointer;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .sec-5 .sec5NavSwiper .swiper-slide {
    padding: 8px 12px;
  }
}
.sec-5 .sec5NavSwiper .swiper-slide span {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .sec-5 .sec5NavSwiper .swiper-slide span {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .sec-5 .sec5NavSwiper .swiper-slide span {
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
  }
}
@media (min-width: 1600px) {
  .sec-5 .sec5NavSwiper .swiper-slide span {
    font-size: 18px;
  }
}
.sec-5 .sec5NavSwiper .swiper-slide.swiper-slide-thumb-active {
  background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
  .sec-5 .sec5NavSwiper .swiper-slide.swiper-slide-thumb-active {
    background: #FFBC20;
    color: #170E13;
  }
}
.sec-5 .sec5NavSwiper .swiper-slide .nav-img {
  display: none;
}
@media (min-width: 992px) {
  .sec-5 .sec5NavSwiper .swiper-slide .nav-img {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 992px) {
  .sec-5 .sec5NavSwiper .swiper-slide {
    padding: 4px;
    border-radius: 12px;
    background: rgba(205, 205, 205, 0.5019607843);
    width: 170px;
  }
}
@media (min-width: 1600px) {
  .sec-5 .sec5NavSwiper .swiper-slide {
    padding: 5px;
    width: 221px;
  }
}
@media (min-width: 2300px) {
  .sec-5 .sec5NavSwiper .swiper-slide {
    width: 275px;
  }
}

.sec-6 {
  position: relative;
}
.sec-6 .content-box {
  padding: 80px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url("https://images.pixpretty.com/home/sec6-bg.png") no-repeat center #170E13;
  background-size: cover;
}
@media (min-width: 1280px) {
  .sec-6 .content-box {
    padding: 100px 16px;
  }
}
.sec-6 .content-box h2 {
  background: linear-gradient(90deg, #EB5E28 22.45%, #FDEFE9 49.12%, #FFD779 77.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-bottom: 32px;
}
@media (min-width: 1280px) {
  .sec-6 .content-box h2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .sec-6 .content-box h2 {
    margin-bottom: 60px;
  }
}
.sec-6 .content-box .whyList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 32px;
}
@media (min-width: 992px) {
  .sec-6 .content-box .whyList {
    flex-direction: row;
    gap: 12px;
  }
}
@media (min-width: 1280px) {
  .sec-6 .content-box .whyList {
    gap: 24px;
  }
}
@media (min-width: 1600px) {
  .sec-6 .content-box .whyList {
    gap: 32px;
  }
}
.sec-6 .content-box .whyList .item {
  width: 359px;
  height: auto;
  padding: 54px 40px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  background: url("https://images.pixpretty.com/home/sec6-why-bg.png") no-repeat center;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .sec-6 .content-box .whyList .item {
    width: 300px;
  }
}
@media (min-width: 1280px) {
  .sec-6 .content-box .whyList .item {
    width: 359px;
  }
}
@media (min-width: 1600px) {
  .sec-6 .content-box .whyList .item {
    width: 446px;
    padding: 80px 82px;
  }
}
.sec-6 .content-box .whyList .item .icon {
  width: 96px;
  height: 96px;
}
@media (min-width: 1600px) {
  .sec-6 .content-box .whyList .item .icon {
    width: 120px;
    height: 120px;
  }
}
.sec-6 .content-box .whyList .item .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #FFFFFF;
  margin: 24px 0 12px;
}
@media (min-width: 1600px) {
  .sec-6 .content-box .whyList .item .title {
    font-size: 24px;
    margin: 32px 0 16px;
    line-height: 160%;
  }
}
.sec-6 .content-box .whyList .item .info {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  opacity: 0.8;
}
@media (min-width: 1600px) {
  .sec-6 .content-box .whyList .item .info {
    line-height: 160%;
  }
}
.sec-6 .content-box .superior-box {
  background: linear-gradient(90deg, #E3BA92 0%, #E09346 99.8%);
  border-radius: 24px;
  padding: 36px 94px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 992px) {
  .sec-6 .content-box .superior-box {
    flex-direction: row-reverse;
    padding: 16px 48px 16px 96px;
    gap: 62px;
  }
}
@media (min-width: 1366px) {
  .sec-6 .content-box .superior-box {
    margin-top: 32px;
  }
}
@media (min-width: 1600px) {
  .sec-6 .content-box .superior-box {
    padding: 28px 95px 28px 138px;
    gap: 190px;
  }
}
.sec-6 .content-box .superior-box::before {
  content: "";
  width: 203px;
  height: 184px;
  background: url('data:image/svg+xml,<svg width="203" height="184" viewBox="0 0 203 184" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M175.984 51.12C161.392 137.445 79.606 195.578-6.717 180.985L-163 154.565l11.018-65.177L4.301 115.807c50.326 8.507 97.998-25.378 106.506-75.704l26.419-156.283 65.177 11.018-26.419 156.283z" fill="url(%23paint0_linear_82_828)"/><defs><linearGradient id="paint0_linear_82_828" x1="96.766" y1="167.696" x2="-18.345" y2="-17.3" gradientUnits="userSpaceOnUse"><stop stop-color="%23fff" stop-opacity=".43"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs></svg>');
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-6 .content-box .superior-box::after {
  content: "";
  width: 598px;
  height: 223px;
  background: url('data:image/svg+xml,<svg width="598" height="223" viewBox="0 0 598 223" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M106.408 102.81C164.659-29.83 319.363-90.116 452.002-31.865L692.136 73.594l-43.981 100.148L408.02 68.282c-77.329-33.96-167.504 1.18-201.464 78.51L101.097 386.926.949 342.945 106.408 102.81z" fill="url(%23paint0_linear_82_826)"/><defs><linearGradient id="paint0_linear_82_826" x1="280.574" y1="-52.299" x2="390.649" y2="291.024" gradientUnits="userSpaceOnUse"><stop stop-color="%23fff" stop-opacity=".26"/><stop offset="1" stop-color="%23fff" stop-opacity=".68"/></linearGradient></defs></svg>');
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1599px) {
  .sec-6 .content-box .superior-box::after {
    width: 392px;
    height: 200px;
    background: url('data:image/svg+xml,<svg width="392" height="200" viewBox="0 0 392 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M105.959 102.81C164.21-29.83 318.914-90.116 451.553-31.865L691.688 73.594l-43.982 100.148-240.135-105.46c-77.328-33.96-167.503 1.18-201.464 78.51L100.648 386.926.5 342.945 105.959 102.81z" fill="url(%23paint0_linear_103_1945)"/><defs><linearGradient id="paint0_linear_103_1945" x1="280.125" y1="-52.299" x2="390.2" y2="291.024" gradientUnits="userSpaceOnUse"><stop stop-color="%23fff" stop-opacity=".26"/><stop offset="1" stop-color="%23fff" stop-opacity=".68"/></linearGradient></defs></svg>');
    background-size: cover;
  }
}
@media (max-width: 991px) {
  .sec-6 .content-box .superior-box::after {
    display: none;
  }
}
.sec-6 .content-box .superior-box .up {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: #170E13;
}
@media (min-width: 1366px) {
  .sec-6 .content-box .superior-box .up {
    font-size: 56px;
  }
}
.sec-6 .content-box .superior-box .down {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media (min-width: 992px) {
  .sec-6 .content-box .superior-box .down {
    flex-direction: row;
    gap: 50px;
  }
}
@media (min-width: 1600px) {
  .sec-6 .content-box .superior-box .down {
    gap: 56px;
  }
}
.sec-6 .content-box .superior-box .down .line {
  display: none;
}
@media (min-width: 992px) {
  .sec-6 .content-box .superior-box .down .line {
    display: block;
  }
}
.sec-6 .content-box .superior-box .down .numeric {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sec-6 .content-box .superior-box .down .numeric .num-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1366px) {
  .sec-6 .content-box .superior-box .down .numeric .num-box {
    gap: 15px;
  }
}
.sec-6 .content-box .superior-box .down .numeric .num-box .num {
  font-weight: 700;
  font-size: 100px;
  line-height: 140%;
  color: #170E13;
}
.sec-6 .content-box .superior-box .down .numeric .num-box .sign {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sec-6 .content-box .superior-box .down .numeric .num-box .sign span {
  font-weight: 700;
  font-size: 40px;
  line-height: 140%;
  color: #170E13;
}
.sec-6 .content-box .superior-box .down .numeric .txt {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #170E13;
  margin-top: -8px;
}
@media (min-width: 1366px) {
  .sec-6 .content-box .superior-box .down .numeric .txt {
    margin-top: 0;
  }
}

.sec-7 {
  padding: 0;
  background: #170E13;
  text-align: center;
  position: relative;
}
@media (min-width: 1280px) {
  .sec-7 {
    padding: 20px 0 100px;
  }
}
@media (min-width: 1600px) {
  .sec-7 {
    padding: 80px 0;
  }
}
.sec-7 h2 {
  background: linear-gradient(90deg, #EB5E28 22.45%, #FDEFE9 49.12%, #FFD779 77.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-bottom: 40px;
  padding: 0 24px;
}
@media (min-width: 992px) {
  .sec-7 h2 {
    width: -moz-max-content;
    width: max-content;
  }
}
@media (min-width: 1600px) {
  .sec-7 h2 {
    margin-bottom: 60px;
  }
}
.sec-7 .cards-content .card-list {
  width: -moz-max-content;
  width: max-content;
  display: flex;
}
.sec-7 .cards-content .card-list .card {
  border-radius: 24px;
  position: relative;
  margin: 0 12px;
}
.sec-7 .cards-content .card-list .card .text {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #FFFFFF;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  word-break: keep-all;
}
.sec-7 .cards-content .card-list .w-471 {
  width: 471px;
}
@media (max-width: 991px) {
  .sec-7 .cards-content .card-list .w-471 {
    width: 361px;
  }
}
.sec-7 .cards-content .card-list .w-628 {
  width: 628px;
}
@media (max-width: 991px) {
  .sec-7 .cards-content .card-list .w-628 {
    width: 481px;
  }
}
.sec-7 .cards-content .card-list .w-265 {
  width: 265px;
}
@media (max-width: 991px) {
  .sec-7 .cards-content .card-list .w-265 {
    width: 203px;
  }
}

.sec-8 {
  padding: 100px 0 40px;
  background: #170E13;
  text-align: center;
  position: relative;
  z-index: 1;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
@media (min-width: 992px) {
  .sec-8 {
    padding: 100px 0 120px;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
  }
}
@media (min-width: 1280px) {
  .sec-8 {
    padding: 0 0 120px;
  }
}
@media (min-width: 1600px) {
  .sec-8 {
    padding: 80px 0 174px;
  }
}
.sec-8 h2 {
  background: linear-gradient(90deg, #EB5E28 22.45%, #FDEFE9 49.12%, #FFD779 77.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-bottom: 16px;
  padding: 0 24px;
}
@media (min-width: 992px) {
  .sec-8 h2 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1600px) {
  .sec-8 h2 {
    margin-bottom: 16px;
  }
}
.sec-8 .info {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF;
  margin-bottom: 20px;
  padding: 0 24px;
}
@media (min-width: 992px) {
  .sec-8 .info {
    font-size: 20px;
    margin-bottom: 60px;
  }
}
.sec-8 .review-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 14px;
  position: relative;
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
}
.sec-8 .review-box::before {
  content: "";
  width: 100%;
  height: 193px;
  background: linear-gradient(180.43deg, #170E13 30.39%, rgba(23, 14, 19, 0) 89.68%);
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 1;
}
@media (min-width: 992px) {
  .sec-8 .review-box::before {
    width: 96px;
    height: 100%;
    background: linear-gradient(90.42deg, #170E13 55.9%, rgba(23, 14, 19, 0) 99.7%);
    top: 0;
  }
}
@media (min-width: 1600px) {
  .sec-8 .review-box::before {
    width: 355px;
  }
}
.sec-8 .review-box::after {
  content: "";
  width: 100%;
  height: 193px;
  background: linear-gradient(0deg, #170E13 30.39%, rgba(23, 14, 19, 0) 89.68%);
  position: absolute;
  right: 0;
  bottom: -2px;
}
@media (min-width: 992px) {
  .sec-8 .review-box::after {
    width: 96px;
    height: 100%;
    background: linear-gradient(-90.42deg, #170E13 55.9%, rgba(23, 14, 19, 0) 99.7%);
    bottom: 0;
  }
}
@media (min-width: 1600px) {
  .sec-8 .review-box::after {
    width: 355px;
  }
}
@media (min-width: 992px) {
  .sec-8 .review-box {
    flex-direction: column;
    overflow: hidden;
  }
}
@media (min-width: 1366px) {
  .sec-8 .review-box {
    gap: 24px;
  }
}
.sec-8 .review-box .review-content {
  overflow: hidden;
  height: 100%;
  max-height: 779px;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .sec-8 .review-box .review-content {
    flex: 1;
    max-height: none;
    width: 100%;
  }
}
.sec-8 .review-box .review-content .review-list {
  display: flex;
  flex-direction: column;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: scroll-vertical-up;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 992px) {
  .sec-8 .review-box .review-content .review-list {
    flex-direction: row;
    animation-name: scroll-horizontal-left;
  }
}
.sec-8 .review-box .review-content .review-list.reverse {
  animation-name: scroll-vertical-down;
}
@media (min-width: 992px) {
  .sec-8 .review-box .review-content .review-list.reverse {
    animation-name: scroll-horizontal-right;
  }
}
.sec-8 .review-box .review-content .review-list .review {
  border-radius: 16px;
  position: relative;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), linear-gradient(180deg, rgba(235, 94, 40, 0) 41.92%, rgba(235, 94, 40, 0.396) 100%), linear-gradient(180deg, rgba(255, 233, 164, 0) 63.37%, rgba(255, 239, 189, 0.284) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 233, 164, 0.06) 0%, rgba(255, 233, 164, 0) 100%);
  border: 0.5px solid;
  padding: 16px;
  width: 165px;
  margin-bottom: 24px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .sec-8 .review-box .review-content .review-list .review {
    width: 350px;
    padding: 24px;
  }
}
@media (min-width: 992px) {
  .sec-8 .review-box .review-content .review-list .review {
    margin-right: 24px;
    margin-bottom: 0;
  }
}
@media (min-width: 1366px) {
  .sec-8 .review-box .review-content .review-list .review {
    width: 480px;
  }
}
.sec-8 .review-box .review-content .review-list .review .up {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}
@media (min-width: 1366px) {
  .sec-8 .review-box .review-content .review-list .review .up {
    margin-bottom: 24px;
    gap: 16px;
  }
}
.sec-8 .review-box .review-content .review-list .review .up .avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.sec-8 .review-box .review-content .review-list .review .up .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF;
}
.sec-8 .review-box .review-content .review-list .review .down {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
}
@media (min-width: 992px) {
  .sec-8 .review-box .review-content .review-list .review .down {
    font-size: 16px;
  }
}
.sec-8::after {
  content: "";
  width: 100%;
  height: 215px;
  background: url("https://images.pixpretty.com/home/sec8-bg.png") no-repeat center bottom;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  display: none;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
}
@media (min-width: 992px) {
  .sec-8::after {
    display: block;
  }
}

@keyframes scroll-vertical-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes scroll-vertical-down {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scroll-horizontal-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-horizontal-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.sec-9 .content-box {
  background: #F8F9FB;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 80px 24px 60px;
  margin-top: -30px;
  position: relative;
  z-index: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .sec-9 .content-box {
    margin-top: -80px;
    padding: 180px 0;
  }
}
@media (min-width: 1600px) {
  .sec-9 .content-box {
    padding: 200px 0;
  }
}
.sec-9 .content-box::before {
  content: "";
  width: 119px;
  height: 217px;
  background: url('data:image/svg+xml,<svg width="119" height="217" viewBox="0 0 119 217" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M113.968 23.5966C132.957 92.9704 90.914 164.258 20.0494 182.847L-108.246 216.5L-122.583 164.12L5.71258 130.467C47.0268 119.63 71.5329 78.0769 60.4627 37.6318L26.0859 -87.9649L79.5917 -102L113.968 23.5966Z" fill="url(%23paint0_linear_121_2038)"/><defs><linearGradient id="paint0_linear_121_2038" x1="120.573" y1="71.0551" x2="-160.874" y2="-1.02813" gradientUnits="userSpaceOnUse"><stop stop-color="%23E8E7E7" stop-opacity="0.94"/><stop offset="1" stop-color="%23E8E7E7"/></linearGradient></defs></svg>') no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media (min-width: 992px) {
  .sec-9 .content-box::before {
    width: 295px;
    height: 542px;
    background: url('data:image/svg+xml,<svg width="295" height="542" viewBox="0 0 295 542" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M284.915 145.03C323.934 287.587 237.54 434.077 91.9195 472.275L-171.717 541.43L-201.178 433.794L62.4586 364.639C147.356 342.369 197.714 256.982 174.965 173.871L104.324 -84.2197L214.274 -113.061L284.915 145.03Z" fill="url(%23paint0_linear_103_3107)"/><defs><linearGradient id="paint0_linear_103_3107" x1="298.487" y1="242.553" x2="-279.862" y2="94.4279" gradientUnits="userSpaceOnUse"><stop stop-color="%23E8E7E7" stop-opacity="0.94"/><stop offset="1" stop-color="%23E8E7E7"/></linearGradient></defs></svg>') no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1600px) {
  .sec-9 .content-box::before {
    width: 404px;
    height: 604px;
    background: url('data:image/svg+xml,<svg width="404" height="604" viewBox="0 0 404 604" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M392.512 131.891C438.944 301.532 336.137 475.854 162.85 521.309L-150.875 603.603L-185.933 475.517L127.792 393.223C228.818 366.723 288.744 265.113 261.673 166.211L177.611 -140.913L308.45 -175.234L392.512 131.891Z" fill="url(%23paint0_linear_82_872)"/><defs><linearGradient id="paint0_linear_82_872" x1="408.663" y1="247.942" x2="-279.566" y2="71.6753" gradientUnits="userSpaceOnUse"><stop stop-color="%23E8E7E7" stop-opacity="0.94"/><stop offset="1" stop-color="%23E8E7E7"/></linearGradient></defs></svg>') no-repeat;
    background-size: cover;
  }
}
.sec-9 .content-box::after {
  content: "";
  width: 163px;
  height: 160px;
  background: url('data:image/svg+xml,<svg width="163" height="160" viewBox="0 0 163 160" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M244.991 18.384C183.087 -18.2389 103.232 3.5001 66.6005 66.9469L0.282327 181.813L47.022 209.465L113.34 94.5987C134.696 57.6091 181.243 44.9377 217.333 66.2889L329.405 132.592L357.063 84.6874L244.991 18.384Z" fill="url(%23paint0_linear_121_2040)"/><defs><linearGradient id="paint0_linear_121_2040" x1="200.958" y1="-0.510836" x2="196.211" y2="289.982" gradientUnits="userSpaceOnUse"><stop stop-color="%23E8E7E7" stop-opacity="0.94"/><stop offset="1" stop-color="%23E8E7E7"/></linearGradient></defs></svg>') no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media (min-width: 992px) {
  .sec-9 .content-box::after {
    width: 242px;
    height: 404px;
    background: url('data:image/svg+xml,<svg width="242" height="404" viewBox="0 0 242 404" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M241.725 82.8126C68.4379 128.268 -34.3698 302.59 12.0624 472.231L96.1247 779.356L226.964 745.035L142.901 437.911C115.831 339.009 175.756 237.399 276.783 210.899L590.508 128.605L555.45 0.518724L241.725 82.8126Z" fill="url(%23paint0_linear_103_3108)"/><defs><linearGradient id="paint0_linear_103_3108" x1="130.986" y1="127.146" x2="614.958" y2="637.735" gradientUnits="userSpaceOnUse"><stop stop-color="%23E8E7E7" stop-opacity="0.94"/><stop offset="1" stop-color="%23E8E7E7"/></linearGradient></defs></svg>') no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1600px) {
  .sec-9 .content-box::after {
    width: 375px;
    height: 490px;
    background: url('data:image/svg+xml,<svg width="375" height="490" viewBox="0 0 375 490" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M241.725 82.8126C68.4379 128.268 -34.3698 302.59 12.0624 472.231L96.1247 779.356L226.964 745.035L142.901 437.911C115.831 339.009 175.756 237.399 276.783 210.899L590.508 128.605L555.45 0.518724L241.725 82.8126Z" fill="url(%23paint0_linear_82_873)"/><defs><linearGradient id="paint0_linear_82_873" x1="130.986" y1="127.146" x2="614.958" y2="637.735" gradientUnits="userSpaceOnUse"><stop stop-color="%23E8E7E7" stop-opacity="0.94"/><stop offset="1" stop-color="%23E8E7E7"/></linearGradient></defs></svg>') no-repeat;
    background-size: cover;
  }
}
.sec-9 .content-box .logo {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .sec-9 .content-box .logo {
    width: 100px;
    height: 100px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .sec-9 .content-box .logo {
    width: 128px;
    height: 128px;
  }
}
.sec-9 .content-box h2 {
  color: #170E13;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .sec-9 .content-box h2 {
    margin-bottom: 16px;
  }
}
.sec-9 .content-box .info {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #170E13;
  margin-bottom: 24px;
}
.sec-9 .content-box .btn {
  font-size: 18px;
}
@media (min-width: 1600px) {
  .sec-9 .content-box .btn svg {
    width: 28px;
    height: 28px;
  }
}/*# sourceMappingURL=style.css.map */