/*!
<--!----------------------------------------------------------------!-->
* Landing Page - v1.2.1
<--!----------------------------------------------------------------!-->
*/
.ups-big-storke-text {
  top: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
  line-height: 1.5;
  z-index: -1;
}
.ups-big-storke-text .text-stroke {
  font-size: 120px;
  text-transform: uppercase;
  stroke-width: 0.25px;
  -webkit-text-stroke-width: 0.25px;
  -webkit-text-stroke-color: #ddeaf5;
}

.ups-hero-moon {
  animation: scale 8s linear 0.5s infinite alternate both;
}
@keyframes scale {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.8);
  }
}

.ups-pre-design-section {
  animation: float 2s linear 0.5s infinite alternate both;
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(20px);
  }
}

.ups-feature-section {
  position: relative;
}
.ups-feature-section::before {
  left: 0;
  top: 50%;
  position: absolute;
  content: "";
  width: 300px;
  height: 300px;
  background: linear-gradient(to left, #4f46e5, #be598a, #ff6a55);
  filter: blur(150px);
}
.ups-feature-section::after {
  right: 0;
  top: 150px;
  position: absolute;
  content: "";
  width: 300px;
  height: 300px;
  background: linear-gradient(to bottom, #4f46e5, #be598a, #ff6a55);
  filter: blur(200px);
}

.stack-box {
  position: relative;
  z-index: 1;
  height: calc(400vh + 90px);
}
.stack-box .stack-box-contain {
  height: calc(100vh - 90px);
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}
.stack-box .stack-box-contain .stack-item {
  height: calc(100vh - 90px);
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 999;
  display: flex;
  align-items: center;
}
.stack-box .stack-box-contain .stack-item .stack-item-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  height: calc(100vh - 90px);
}
.stack-box .stack-box-contain .stack-item.stack-item.stack-item-02 {
  z-index: 99;
}
.stack-box .stack-box-contain .stack-item.stack-item.stack-item-03 {
  z-index: 9;
}
.stack-box .stack-box-contain .stack-item.stack-item.stack-item-04 {
  z-index: 1;
}

.marquee-slider .marquee-group.image-variable-style .marquee-item {
  cursor: grab;
  overflow: hidden;
  background: var(--bs-white);
  border: 3px solid var(--bs-white);
  box-shadow: var(--ups-shadow-modern);
  border-radius: var(--ups-border-radius-sm);
  transition: var(--ups-transition-base);
}
.marquee-slider .marquee-group.image-variable-style .marquee-item:hover {
  box-shadow: var(--ups-shadow-xl);
}

.ups-footer .ups-footer-top .footer-top-item {
  transition: var(--ups-transition-base);
}
.ups-footer .ups-footer-top .footer-top-item:hover {
  background-color: var(--ups-brand-dark-gray);
}
.ups-footer .ups-footer-main {
  padding-bottom: 0 !important;
  position: relative;
}
.ups-footer .ups-footer-main::after {

}
.ups-footer .ups-footer-main .ups-big-text {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: -120px;
  position: relative;
  z-index: 1;
}
.ups-footer .ups-footer-main .ups-big-text .big-text {
  font-size: 350px;
  font-weight: 800;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  line-height: 1.25;
}
.ups-footer .ups-footer-bottom {
  background: #0c1114;
  border-color: #0b0f13 !important;
}

/* max-width:1599.98px */
@media (max-width: 1599.98px) {
  .ups-footer .ups-footer-main .ups-big-text {
    margin-bottom: -100px;
  }
  .ups-footer .ups-footer-main .ups-big-text .big-text {
    font-size: 300px;
  }
}
/* max-width:1399.98px */
@media (max-width: 1399.98px) {
  .ups-footer .ups-footer-main .ups-big-text {
    margin-bottom: -80px;
  }
  .ups-footer .ups-footer-main .ups-big-text .big-text {
    font-size: 250px;
  }
}
/* max-width:1199.98px */
@media (max-width: 1199.98px) {
  .stack-box {
    height: auto;
  }
  .stack-box .stack-box-contain {
    top: 0px;
    height: auto;
    position: relative;
  }
  .stack-box .stack-box-contain .stack-item {
    height: auto;
    position: relative;
    display: block;
  }
  .stack-box .stack-box-contain .stack-item .stack-item-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
  }
  .ups-footer .ups-footer-main .ups-big-text {
    margin-bottom: -70px;
  }
  .ups-footer .ups-footer-main .ups-big-text .big-text {
    font-size: 200px;
  }
}
/* max-width:991.98px */
@media (max-width: 991.98px) {
  .ups-footer .ups-footer-main .ups-big-text {
    margin-bottom: -50px;
  }
  .ups-footer .ups-footer-main .ups-big-text .big-text {
    font-size: 160px;
  }
}
/* max-width:767.98px */
@media (max-width: 767.98px) {
  .ups-footer .ups-footer-main .ups-big-text {
    margin-bottom: -40px;
  }
  .ups-footer .ups-footer-main .ups-big-text .big-text {
    font-size: 120px;
  }
}
/* max-width:575.98px */
@media (max-width: 575.98px) {
  .ups-footer .ups-footer-main .ups-big-text {
    margin-bottom: -20px;
  }
  .ups-footer .ups-footer-main .ups-big-text .big-text {
    font-size: 80px;
  }
}