.elementor-13421 .elementor-element.elementor-element-84d2172{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3c7c16d */.ss-shop-soon{
  position:relative;
  overflow:hidden;

  width:100%;
  padding:72px 24px;

  border-radius:30px;

  color:#fff;

  background:
    radial-gradient(circle at 15% 10%, rgba(126,195,255,.18), transparent 30%),
    radial-gradient(circle at 85% 20%, rgba(200,117,255,.18), transparent 36%),
    linear-gradient(135deg,#061326 0%,#090617 100%);

  border:1px solid rgba(255,255,255,.10);

  box-shadow:
    0 24px 70px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.ss-shop-soon::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.04),
      transparent
    );

  animation:ssShopShine 7s linear infinite;
}

.ss-shop-grid{
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);

  background-size:40px 40px;

  mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), transparent);

  pointer-events:none;
}

.ss-shop-inner{
  position:relative;
  z-index:2;

  max-width:980px;
  margin:0 auto;

  text-align:center;
}

.ss-shop-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:10px 18px;
  margin-bottom:18px;

  border-radius:999px;

  background:rgba(126,195,255,.10);

  border:1px solid rgba(126,195,255,.24);

  color:#7ec3ff;

  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;

  box-shadow:0 0 24px rgba(126,195,255,.12);
}

.ss-shop-soon h1{
  margin:0;

  font-size:clamp(40px,6vw,76px);
  line-height:1;

  font-weight:1000;
  letter-spacing:-.05em;

  color:#fff;

  text-shadow:0 0 35px rgba(126,195,255,.18);
}

.ss-shop-soon p{
  max-width:720px;

  margin:20px auto 34px;

  color:rgba(255,255,255,.72);

  font-size:15px;
  line-height:1.8;
}

.ss-shop-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.ss-shop-card{
  position:relative;

  padding:22px 18px;

  border-radius:22px;

  background:rgba(255,255,255,.05);

  border:1px solid rgba(255,255,255,.10);

  backdrop-filter:blur(14px);

  transition:.25s ease;
}

.ss-shop-card:hover{
  transform:translateY(-5px);

  border-color:rgba(126,195,255,.42);

  box-shadow:
    0 20px 40px rgba(0,0,0,.30),
    0 0 28px rgba(126,195,255,.10);
}

.ss-shop-card span{
  display:block;

  margin-bottom:12px;

  font-size:34px;
}

.ss-shop-card strong{
  display:block;

  color:#fff;

  font-size:16px;
  font-weight:900;
}

.ss-shop-card small{
  display:block;

  margin-top:6px;

  color:rgba(255,255,255,.56);

  font-size:12px;
  line-height:1.5;
}

.ss-shop-progress{
  overflow:hidden;

  width:100%;
  max-width:540px;

  height:10px;

  margin:36px auto 12px;

  border-radius:999px;

  background:rgba(255,255,255,.08);

  border:1px solid rgba(255,255,255,.08);
}

.ss-shop-progress-fill{
  width:71%;
  height:100%;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #7ec3ff,
      #c875ff,
      #ffd76a
    );

  box-shadow:
    0 0 24px rgba(126,195,255,.35);

  animation:ssPulse 2s ease-in-out infinite;
}

.ss-shop-status{
  color:rgba(255,255,255,.46);

  font-size:12px;
  font-weight:800;

  letter-spacing:.14em;
  text-transform:uppercase;
}

@keyframes ssPulse{
  0%,100%{
    filter:brightness(1);
  }
  50%{
    filter:brightness(1.35);
  }
}

@keyframes ssShopShine{
  0%{
    transform:translateX(-100%);
  }
  100%{
    transform:translateX(100%);
  }
}

@media(max-width:767px){

  .ss-shop-soon{
    padding:50px 18px;
    border-radius:24px;
  }

  .ss-shop-features{
    grid-template-columns:1fr;
  }

  .ss-shop-card{
    padding:18px 16px;
  }

  .ss-shop-soon p{
    font-size:14px;
  }

}/* End custom CSS */