/* Sell Online dimensional technology environment — page specific */
.sell-online-page{
  --so-env-cyan:rgba(25,214,229,.16);
  --so-env-blue:rgba(19,104,255,.13);
  --so-env-violet:rgba(122,92,255,.12);
  background:
    radial-gradient(circle at 8% 24%,rgba(25,214,229,.10),transparent 30rem),
    radial-gradient(circle at 92% 72%,rgba(122,92,255,.10),transparent 34rem),
    #f4f8ff;
}

.sell-online-page main{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(21,92,168,.032) 1px,transparent 1px),
    linear-gradient(rgba(21,92,168,.032) 1px,transparent 1px),
    linear-gradient(145deg,#f8fbff 0%,#edf6ff 46%,#f8f3ff 100%);
  background-size:48px 48px,48px 48px,auto;
}

.sell-online-page main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 11% 19%,rgba(37,224,230,.13),transparent 28%),
    radial-gradient(ellipse at 88% 46%,rgba(44,119,255,.10),transparent 30%),
    radial-gradient(ellipse at 18% 82%,rgba(181,82,223,.09),transparent 28%);
}

.sell-online-page .so-intro,
.sell-online-page .so-offer-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:transparent;
}

.sell-online-page .so-intro{
  background:
    linear-gradient(118deg,rgba(255,255,255,.90),rgba(242,249,255,.78) 48%,rgba(246,241,255,.82)),
    radial-gradient(circle at 100% 0,rgba(122,92,255,.10),transparent 31rem);
}

.sell-online-page .so-intro::before,
.sell-online-page .so-offer-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(21,111,185,.075) 1px,transparent 1px),
    linear-gradient(rgba(21,111,185,.075) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(105deg,rgba(0,0,0,.85),rgba(0,0,0,.18) 58%,transparent);
  -webkit-mask-image:linear-gradient(105deg,rgba(0,0,0,.85),rgba(0,0,0,.18) 58%,transparent);
  transform:perspective(900px) rotateX(62deg) scale(1.42) translateY(15%);
  transform-origin:50% 100%;
}

.sell-online-page .so-intro::after{
  content:"";
  position:absolute;
  width:min(45vw,650px);
  aspect-ratio:1;
  right:-18%;
  top:4%;
  z-index:-1;
  pointer-events:none;
  border:1px solid rgba(31,126,213,.13);
  border-radius:50%;
  box-shadow:
    0 0 0 34px rgba(25,214,229,.025),
    0 0 0 72px rgba(19,104,255,.022),
    0 0 90px rgba(25,214,229,.08);
}

.sell-online-page .so-path-grid{
  position:relative;
}

.sell-online-page .so-path-grid::before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:-24px;
  height:1px;
  z-index:-1;
  background:linear-gradient(90deg,transparent,#27cdd9 20%,#3c83f2 52%,#9b62e5 80%,transparent);
  box-shadow:0 0 18px rgba(32,183,225,.35);
}

.sell-online-page .so-path-card{
  background:#fff;
}

.sell-online-page .so-offer-section{
  background:
    linear-gradient(132deg,rgba(250,253,255,.96) 0%,rgba(234,247,255,.90) 45%,rgba(246,238,255,.91) 100%),
    radial-gradient(circle at 0 100%,rgba(25,214,229,.14),transparent 30rem);
}

.sell-online-page .so-offer-section::before{
  mask-image:linear-gradient(72deg,transparent 2%,rgba(0,0,0,.22) 34%,rgba(0,0,0,.78));
  -webkit-mask-image:linear-gradient(72deg,transparent 2%,rgba(0,0,0,.22) 34%,rgba(0,0,0,.78));
  transform:perspective(950px) rotateX(60deg) rotateZ(-3deg) scale(1.5) translateY(9%);
}

.sell-online-page .so-offer-section::after{
  content:"";
  position:absolute;
  inset:8% -9% auto auto;
  width:min(52vw,760px);
  height:68%;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  background:
    linear-gradient(90deg,transparent 0 11%,rgba(30,181,210,.28) 11% 11.25%,transparent 11.25% 31%,rgba(67,103,231,.22) 31% 31.2%,transparent 31.2%),
    linear-gradient(0deg,transparent 0 23%,rgba(29,191,211,.22) 23% 23.35%,transparent 23.35% 66%,rgba(127,89,224,.20) 66% 66.3%,transparent 66.3%);
  clip-path:polygon(10% 0,100% 0,88% 100%,0 86%);
  filter:drop-shadow(0 24px 35px rgba(31,103,170,.08));
}

.sell-online-page .so-offer-grid{
  position:relative;
  z-index:1;
}

.sell-online-page .so-offer-grid::before{
  content:"</>";
  position:absolute;
  left:-52px;
  top:-54px;
  z-index:-1;
  color:rgba(26,115,191,.07);
  font:700 clamp(5rem,10vw,9rem)/1 Rajdhani,Manrope,sans-serif;
  letter-spacing:-.12em;
  transform:rotate(-8deg);
  pointer-events:none;
}

.sell-online-page .so-design-stage,
.sell-online-page .so-coverage,
.sell-online-page .so-request,
.sell-online-page .so-hero{
  position:relative;
  z-index:1;
}

@media (min-width:900px){
  .sell-online-page .so-intro::after{
    animation:soEnvironmentOrbit 18s ease-in-out infinite alternate;
  }
  .sell-online-page .so-offer-section::after{
    animation:soEnvironmentDrift 16s ease-in-out infinite alternate;
  }
}

@keyframes soEnvironmentOrbit{
  from{transform:translate3d(0,0,0) rotate(-3deg)}
  to{transform:translate3d(-26px,18px,0) rotate(3deg)}
}

@keyframes soEnvironmentDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-34px,16px,0)}
}

@media (max-width:760px){
  .sell-online-page main{
    background-size:34px 34px,34px 34px,auto;
  }
  .sell-online-page .so-intro::before,
  .sell-online-page .so-offer-section::before{
    background-size:36px 36px;
    opacity:.65;
  }
  .sell-online-page .so-intro::after{
    width:420px;
    right:-270px;
    top:8%;
  }
  .sell-online-page .so-offer-section::after{
    inset:3% -45% auto auto;
    width:620px;
    height:52%;
    opacity:.45;
  }
  .sell-online-page .so-offer-grid::before{
    left:-12px;
    top:-34px;
  }
}

@media (prefers-reduced-motion:reduce){
  .sell-online-page .so-intro::after,
  .sell-online-page .so-offer-section::after{
    animation:none;
  }
}