@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');
:root {
  --ebmnt1primarycolor: #7a5af8;
  --ebmnt1secondarycolor: #000;
  --ebmnt1helpercolor: #fff;
  --ebmnt1maxwidth: 1440px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5.5em;
}

body {
  font-family: "El Messiri", sans-serif;
  font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1.0625rem);
  line-height: 1.7;
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1secondarycolor);
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  overflow-x: hidden;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}

main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5em;
}

.ebmnt1gapstart::before {
  content: "";
  display: block;
}

.ebmnt1fill > section {
  justify-content: center;
}

.ebmnt1fill > section:last-child {
  flex: 1 1 auto;
}

[dir="ltr"] .abcptefgarrow i,
[dir="ltr"] .abcciefgarrow {
  transform: rotate(-45deg);
}

[dir="ltr"] .abcciefgcard:hover .abcciefgarrow {
  transform: rotate(0deg) translateX(0.3em);
}

[dir="ltr"] .abcptefgcard:hover .abcptefgarrow i {
  transform: rotate(0deg);
}

[dir="ltr"] .abcabtefgbtn:hover i,
[dir="ltr"] .abcptefgbtn:hover i,
[dir="ltr"] .abcsrvefgbtn:hover i,
[dir="ltr"] .abcfqefgbtn:hover i,
[dir="ltr"] .abcftrefglink:hover {
  transform: translateX(0.3em);
}

.ebmnt1locked {
  overflow: hidden;
}

.ebmnt1js .ebmnt1reveal {
  opacity: 0;
  transform: translateY(2em);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.ebmnt1js .ebmnt1reveal.ebmnt1in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ebmnt1js .ebmnt1reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.ebmnt1slider {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.ebmnt1track {
  width: 100%;
  display: flex;
  gap: 1.25em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 8%;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  cursor: grab;
  padding-block: 0.6em;
}

.ebmnt1track::-webkit-scrollbar,
.ebmnt1marquee::-webkit-scrollbar {
  display: none;
}

.ebmnt1track > * {
  flex: 0 0 calc((100% - 8% - 1.25em) / 1.15);
  scroll-snap-align: start;
}

.ebmnt1grabbing {
  scroll-snap-type: none;
  cursor: grabbing;
  user-select: none;
}

.ebmnt1track img,
.ebmnt1marquee img {
  pointer-events: none;
  user-select: none;
}

.ebmnt1marquee {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  cursor: grab;
  -webkit-mask-image: linear-gradient(90deg, transparent, var(--ebmnt1secondarycolor) 8%, var(--ebmnt1secondarycolor) 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, var(--ebmnt1secondarycolor) 8%, var(--ebmnt1secondarycolor) 92%, transparent);
}

.ebmnt1controls {
  display: flex;
  justify-content: center;
  gap: 0.75em;
}

.ebmnt1prev,
.ebmnt1next {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
  display: grid;
  place-items: center;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.ebmnt1prev:hover,
.ebmnt1next:hover {
  background-color: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1helpercolor);
  transform: scale(1.08);
}

.ebmnt1spot {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: 18em;
  height: 18em;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--ebmnt1primarycolor) 30%, transparent), transparent 65%);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.abcptefgcard:hover > .ebmnt1spot,.abcsrvefgcard:hover > .ebmnt1spot,.abcciefgcard:hover > .ebmnt1spot {
  opacity: 1;
}
.abcabtefg,.abcptefg,.abcsrvefg,.abcfqefg,.abcpttefg,.abcprvwefg,.abcprcefg,.abctstefg,.abcsrvlefg,.abcciefg {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.abcabtefg,.abcfqefg,.abcprvwefg,.abctstefg,.abcciefg {
  background-color: var(--ebmnt1secondarycolor);
  color: var(--ebmnt1helpercolor);
}

.abcptefg,.abcsrvefg,.abcpttefg,.abcprcefg,.abcsrvlefg {
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1secondarycolor);
}

.abcabtefginner,.abcptefginner,.abcsrvefginner,.abcfqefginner,.abcpttefginner,.abcprvwefginner,.abcprcefginner,.abctstefginner,.abcsrvlefginner,.abcciefginner {
  width: calc(100% - 2em);
  max-width: var(--ebmnt1maxwidth);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5em;
  text-align: center;
}

.abcabtefginner::before,.abcfqefginner::before,.abcprvwefginner::before,.abctstefginner::before,.abcciefginner::before,
.abcabtefginner::after,.abcfqefginner::after,.abcprvwefginner::after,.abctstefginner::after,.abcciefginner::after {
  content: "";
  display: block;
  height: clamp(1.5em, 5vw, 4.5em);
}

.abcptefghead,.abcsrvefghead,.abcpttefghead,.abcprvwefghead,.abcprcefghead,.abctstefghead,.abcsrvlefghead,.abcciefghead {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.25em;
}

.abcptefgheadrow,.abcsrvefgheadrow,.abcpttefgheadrow,.abcprvwefgheadrow,.abcprcefgheadrow,.abctstefgheadrow,.abcsrvlefgheadrow,.abcciefgheadrow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5em;
  text-align: start;
}

.abcptefgheadtext,.abcsrvefgheadtext,.abcpttefgheadtext,.abcprvwefgheadtext,.abcprcefgheadtext,.abctstefgheadtext,.abcsrvlefgheadtext,.abcciefgheadtext {
  display: flex;
  flex-direction: column;
  gap: 1em;
  max-width: 46em;
}

.abcabtefgeyebrow,.abcptefgeyebrow,.abcsrvefgeyebrow,.abcfqefgeyebrow,.abcpttefgeyebrow,.abcprvwefgeyebrow,.abcprcefgeyebrow,.abctstefgeyebrow,.abcsrvlefgeyebrow,.abcciefgeyebrow {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.55em;
  padding-bottom: 1em;
  border-bottom: 1px solid color-mix(in srgb,currentColor 16%,transparent);
  font-size: clamp(0.8rem, 0.76rem + 0.2vw, 0.9rem);
  font-weight: 600;
  text-align: start;
}

.abcabtefgeyebrow::before,.abcptefgeyebrow::before,.abcsrvefgeyebrow::before,.abcfqefgeyebrow::before,.abcpttefgeyebrow::before,.abcprvwefgeyebrow::before,.abcprcefgeyebrow::before,.abctstefgeyebrow::before,.abcsrvlefgeyebrow::before,.abcciefgeyebrow::before {
  content: "";
  flex: none;
  width: 0.55em;
  height: 0.55em;
  border-radius: 0.15em;
  background-color: var(--ebmnt1primarycolor);
}

.abcabtefgtitle,.abcptefgtitle,.abcsrvefgtitle,.abcfqefgtitle,.abcpttefgtitle,.abcprvwefgtitle,.abcprcefgtitle,.abctstefgtitle,.abcsrvlefgtitle,.abcciefgtitle {
  font-size: clamp(1.7rem, 1.1rem + 2.8vw, 3.75rem);
  font-weight: 700;
  line-height: 1.35;
  text-align: start;
}

.abcabtefglead,.abcptefglead,.abcsrvefglead,.abcfqefglead,.abcpttefglead,.abcprvwefglead,.abcprcefglead,.abctstefglead,.abcsrvlefglead,.abcciefglead {
  font-size: clamp(0.95rem, 0.9rem + 0.3vw, 1.125rem);
  line-height: 1.9;
  color: color-mix(in srgb,currentColor 70%,transparent);
  text-align: start;
}

.abcabtefgbtn,.abcptefgbtn,.abcsrvefgbtn,.abcfqefgbtn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  padding: 0.8em 1.5em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1primarycolor) 45%, transparent);
  border-radius: 99px;
  background-image: linear-gradient(90deg,var(--ebmnt1primarycolor),color-mix(in srgb,var(--ebmnt1primarycolor) 45%,var(--ebmnt1helpercolor)),var(--ebmnt1helpercolor));
  color: var(--ebmnt1secondarycolor);
  font-size: clamp(0.9rem, 0.86rem + 0.2vw, 1rem);
  font-weight: 700;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.abcabtefgbtn::after,.abcptefgbtn::after,.abcsrvefgbtn::after,.abcfqefgbtn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--ebmnt1helpercolor) 75%, transparent) 50%, transparent 70%);
  transform: translateX(130%);
  transition: transform 0.7s ease;
}

.abcabtefgbtn:hover,.abcptefgbtn:hover,.abcsrvefgbtn:hover,.abcfqefgbtn:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.8em 1.8em rgba(122, 90, 248, 0.45);
}

.abcabtefgbtn:hover::after,.abcptefgbtn:hover::after,.abcsrvefgbtn:hover::after,.abcfqefgbtn:hover::after {
  transform: translateX(-130%);
}

.abcabtefgbtn i,.abcptefgbtn i,.abcsrvefgbtn i,.abcfqefgbtn i {
  transition: transform 0.3s ease;
}

.abcabtefgbtn:hover i,.abcptefgbtn:hover i,.abcsrvefgbtn:hover i,.abcfqefgbtn:hover i {
  transform: translateX(-0.3em);
}

/* about */
.abcabtefglayout {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 3em;
}

.abcabtefgtext {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25em;
  text-align: start;
}

.abcabtefgstats {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.abcabtefgstats::before,
.abcabtefgstats::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.abcabtefgstats::before {
  inset-block: 0;
  inset-inline-start: 50%;
  width: 1px;
  background: linear-gradient(transparent, color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor)), transparent);
}

.abcabtefgstats::after {
  inset-inline: 0;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor)), transparent);
}

.abcabtefgstat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  padding: 2em 0.5em;
  text-align: center;
}

.abcabtefgnum {
  direction: ltr;
  unicode-bidi: isolate;
  font-size: clamp(2.2rem, 1.4rem + 3.6vw, 4.5rem);
  font-weight: 600;
  line-height: 1.1;
  color: color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor));
  transition: transform 0.4s ease, text-shadow 0.4s ease;
}

.abcabtefgstat:hover .abcabtefgnum {
  transform: scale(1.08);
  text-shadow: 0 0 1em color-mix(in srgb, var(--ebmnt1primarycolor) 70%, transparent);
}

.abcabtefglabel {
  font-size: clamp(0.8rem, 0.76rem + 0.25vw, 0.95rem);
  color: color-mix(in srgb,currentColor 70%,transparent);
}

/* whyus */
.abcptefggrid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25em;
}

.abcptefgcard,.abcsrvefgcard {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.1em;
  padding: 0.6em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1secondarycolor) 14%, transparent);
  border-radius: 1.25em;
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1secondarycolor);
  text-align: start;
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.abcptefgcard:hover,.abcsrvefgcard:hover {
  transform: translateY(-0.5em);
  border-color: var(--ebmnt1primarycolor);
  box-shadow: 0 1.5em 3em rgba(122, 90, 248, 0.2);
}

.abcptefgcard > *,.abcsrvefgcard > * {
  position: relative;
  z-index: 1;
}

.abcptefgcard > .ebmnt1spot,.abcsrvefgcard > .ebmnt1spot {
  position: absolute;
  z-index: 0;
}

.abcptefgmedia,.abcsrvefgmedia {
  position: relative;
  overflow: hidden;
  border-radius: 0.9em;
  aspect-ratio: 16 / 10;
}

.abcptefgimg,.abcsrvefgimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.abcptefgcard:hover .abcptefgimg,
.abcsrvefgcard:hover .abcsrvefgimg {
  transform: scale(1.08);
}

.abcptefgarrow {
  position: absolute;
  top: 0.7em;
  inset-inline-end: 0.7em;
  width: 2.6em;
  height: 2.6em;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1secondarycolor);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.abcptefgarrow i {
  transform: rotate(45deg);
  transition: transform 0.4s ease;
}

.abcptefgcard:hover .abcptefgarrow {
  background-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1helpercolor);
}

.abcptefgcard:hover .abcptefgarrow i {
  transform: rotate(0deg);
}

.abcptefgbody {
  display: flex;
  flex-direction: column;
  gap: 0.9em;
  padding: 0.4em 0.9em 1em;
}

.abcptefgtag {
  font-size: clamp(0.75rem, 0.72rem + 0.2vw, 0.85rem);
  font-weight: 700;
  color: var(--ebmnt1primarycolor);
}

.abcptefgrow,.abcsrvefgrow {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
}

.abcptefgicon,.abcsrvefgicon {
  flex: none;
  width: 2.75em;
  height: 2.75em;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: color-mix(in srgb,var(--ebmnt1primarycolor) 12%,var(--ebmnt1helpercolor));
  color: var(--ebmnt1primarycolor);
  transition: transform 0.7s ease, background-color 0.3s ease, color 0.3s ease;
}

.abcptefgcard:hover .abcptefgicon,
.abcsrvefgcard:hover .abcsrvefgicon {
  background-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1helpercolor);
  transform: rotateY(360deg);
}

.abcptefgname,.abcsrvefgname {
  font-size: clamp(1.05rem, 1rem + 0.5vw, 1.35rem);
  font-weight: 700;
  line-height: 1.5;
  padding-top: 0.3em;
}

.abcptefgtext,.abcsrvefgtext {
  font-size: clamp(0.88rem, 0.85rem + 0.2vw, 0.98rem);
  line-height: 1.9;
  color: color-mix(in srgb,currentColor 70%,transparent);
}

.abcptefglist,.abcsrvefglist {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}

.abcptefgli,.abcsrvefgli {
  display: flex;
  align-items: flex-start;
  gap: 0.6em;
  font-size: clamp(0.88rem, 0.85rem + 0.2vw, 0.98rem);
  line-height: 1.7;
  color: color-mix(in srgb,currentColor 70%,transparent);
}

.abcptefgli::before,.abcsrvefgli::before {
  content: "\f058";
  flex: none;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--ebmnt1primarycolor);
}

/* services */
.abcsrvefgtrack {
  align-items: stretch;
}

.abcsrvefgcard {
  padding: 0.6em 0.6em 1.4em;
}

.abcsrvefgcard > .abcsrvefgrow,
.abcsrvefgcard > .abcsrvefgtext,
.abcsrvefgcard > .abcsrvefglist,
.abcsrvefgcard > .abcsrvefglink {
  margin-inline: 0.6em;
}

.abcsrvefgnumber {
  position: absolute;
  top: 0.7em;
  inset-inline-start: 0.7em;
  padding: 0.15em 0.8em;
  border-radius: 99px;
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1secondarycolor);
  font-size: 0.85rem;
  font-weight: 700;
}

.abcsrvefgiconbig {
  width: 3.4em;
  height: 3.4em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1helpercolor) 35%, transparent);
  background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--ebmnt1helpercolor) 40%, var(--ebmnt1secondarycolor)), var(--ebmnt1secondarycolor) 72%);
  color: var(--ebmnt1helpercolor);
  font-size: 1.2em;
}

.abcsrvefglink {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.5em;
  font-weight: 700;
  color: var(--ebmnt1primarycolor);
  transition: gap 0.3s ease;
}

.abcsrvefglink:hover {
  gap: 0.9em;
}

/* faq */
.abcfqefglayout {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2.5em;
}

.abcfqefghead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25em;
}

.abcfqefglist {
  display: flex;
  flex-direction: column;
  text-align: start;
}

.abcfqefgitem {
  border-bottom: 1px solid color-mix(in srgb,currentColor 16%,transparent);
}

.abcfqefgq {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding: 1.3em 0;
  text-align: start;
  font-size: clamp(1rem, 0.95rem + 0.4vw, 1.25rem);
  font-weight: 600;
  transition: color 0.3s ease;
}

.abcfqefgq:hover {
  color: color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor));
}

.abcfqefgplus {
  flex: none;
  width: 2.3em;
  height: 2.3em;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb,currentColor 16%,transparent);
  border-radius: 50%;
  font-size: 0.85rem;
  transition: transform 0.4s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.abcfqefgitem.ebmnt1open .abcfqefgplus {
  transform: rotate(45deg);
  background-color: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
}

.abcfqefgbox {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease, padding-bottom 0.4s ease;
}

.abcfqefgitem.ebmnt1open .abcfqefgbox {
  grid-template-rows: 1fr;
  padding-bottom: 1.3em;
}

.abcfqefga {
  min-height: 0;
  overflow: hidden;
  line-height: 1.9;
  color: color-mix(in srgb,currentColor 70%,transparent);
}

/* steps */
.abcpttefgsteps {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  text-align: start;
}

.abcpttefgline {
  position: absolute;
  inset-block: 1.5em;
  inset-inline-start: calc(1.5em - 1px);
  width: 2px;
  background-color: color-mix(in srgb,currentColor 16%,transparent);
  border-radius: 99px;
}

.abcpttefgfill {
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: 0;
  border-radius: 99px;
  background: linear-gradient(var(--ebmnt1primarycolor), color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor)));
}

.abcpttefgstep {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.25em;
}

.abcpttefgnum {
  position: relative;
  z-index: 1;
  flex: none;
  width: 3em;
  height: 3em;
  display: grid;
  place-items: center;
  border: 2px solid color-mix(in srgb,currentColor 16%,transparent);
  border-radius: 50%;
  background-color: var(--ebmnt1helpercolor);
  font-size: 0.95rem;
  font-weight: 700;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.abcpttefgcard {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  padding: 1.25em;
  border: 1px solid color-mix(in srgb,currentColor 16%,transparent);
  border-radius: 1.25em;
  background-color: var(--ebmnt1helpercolor);
  transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.abcpttefgicon {
  width: 2.6em;
  height: 2.6em;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: color-mix(in srgb,var(--ebmnt1primarycolor) 12%,var(--ebmnt1helpercolor));
  color: var(--ebmnt1primarycolor);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.abcpttefgname {
  font-size: clamp(1.05rem, 1rem + 0.4vw, 1.3rem);
  font-weight: 700;
}

.abcpttefgtext {
  font-size: clamp(0.88rem, 0.85rem + 0.2vw, 0.98rem);
  color: color-mix(in srgb,currentColor 70%,transparent);
}

.abcpttefgstep.ebmnt1active .abcpttefgnum {
  background-color: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1helpercolor);
  box-shadow: 0 0 0 0.35em color-mix(in srgb, var(--ebmnt1primarycolor) 22%, transparent);
}

.abcpttefgstep.ebmnt1active .abcpttefgcard {
  border-color: var(--ebmnt1primarycolor);
}

.abcpttefgstep.ebmnt1active .abcpttefgicon {
  background-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1helpercolor);
}

.abcpttefgcard:hover {
  transform: translateY(-0.4em);
  box-shadow: 0 1.2em 2.4em rgba(122, 90, 248, 0.18);
}

/* works */
.abcprvwefgresults {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2em;
}

.abcprvwefggrid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1.25em;
  perspective: 70em;
}

.abcprvwefgcard {
  flex: 1 1 100%;
  max-width: 40em;
  display: flex;
  flex-direction: column;
  gap: 1.1em;
  padding: 0.8em 0.8em 1.2em;
  border: 1px solid color-mix(in srgb,currentColor 16%,transparent);
  border-radius: 1.25em;
  background-color: color-mix(in srgb,var(--ebmnt1helpercolor) 7%,var(--ebmnt1secondarycolor));
  text-align: start;
  transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.abcprvwefgcard[hidden] {
  display: none;
}

.abcprvwefgcard:hover {
  transform: translateY(-0.4em);
  border-color: var(--ebmnt1primarycolor);
  box-shadow: 0 1.2em 2.4em rgba(122, 90, 248, 0.25);
}

.abcprvwefgsite {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3em;
  padding-inline: 0.3em;
  font-size: clamp(1.2rem, 1.05rem + 0.8vw, 1.7rem);
  font-weight: 800;
  line-height: 1.4;
}

.abcprvwefghighlight {
  padding: 0.02em 0.35em;
  border-radius: 0.3em;
  background-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1helpercolor);
}

.abcprvwefgshots {
  display: flex;
  align-items: flex-end;
  gap: 0.8em;
}

.abcprvwefgdeskbox {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--ebmnt1helpercolor) 24%,transparent);
  border-radius: 0.9em;
  background-color: var(--ebmnt1secondarycolor);
}

.abcprvwefgdeskbox::before {
  content: "";
  display: block;
  height: 1.3em;
  background-color: color-mix(in srgb, var(--ebmnt1helpercolor) 12%, var(--ebmnt1secondarycolor));
}

.abcprvwefgdeskbox::after {
  content: "";
  position: absolute;
  top: 0.45em;
  left: 0.7em;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background-color: color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor));
  box-shadow: 0.7em 0 0 color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor)), 1.4em 0 0 color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor));
}

.abcprvwefgdesk {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top;
  transition: object-position 4s ease;
}

.abcprvwefgmobbox {
  flex: none;
  width: 26%;
  overflow: hidden;
  border: 3px solid color-mix(in srgb, var(--ebmnt1helpercolor) 70%, var(--ebmnt1secondarycolor));
  border-radius: 1.1em;
  background-color: var(--ebmnt1secondarycolor);
}

.abcprvwefgmob {
  width: 100%;
  aspect-ratio: 9 / 17;
  object-fit: cover;
  object-position: top;
  transition: object-position 4s ease;
}

.abcprvwefgcard:hover .abcprvwefgdesk,
.abcprvwefgcard:hover .abcprvwefgmob {
  object-position: bottom;
}

.abcprvwefgbutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  padding: 0.75em 1.3em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1primarycolor) 45%, transparent);
  border-radius: 99px;
  background-image: linear-gradient(90deg,var(--ebmnt1primarycolor),color-mix(in srgb,var(--ebmnt1primarycolor) 45%,var(--ebmnt1helpercolor)),var(--ebmnt1helpercolor));
  color: var(--ebmnt1secondarycolor);
  font-weight: 700;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.abcprvwefgbutton:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.8em 1.8em rgba(122, 90, 248, 0.45);
}

.abcprvwefgactions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8em;
}

.abcprvwefgmore,
.abcprvwefgless {
  padding: 0.8em 1.8em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1primarycolor) 45%, transparent);
  border-radius: 99px;
  font-weight: 700;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.abcprvwefgmore {
  background-image: linear-gradient(90deg,var(--ebmnt1primarycolor),color-mix(in srgb,var(--ebmnt1primarycolor) 45%,var(--ebmnt1helpercolor)),var(--ebmnt1helpercolor));
  color: var(--ebmnt1secondarycolor);
}

.abcprvwefgless {
  background-color: transparent;
  color: var(--ebmnt1helpercolor);
  border-color: color-mix(in srgb,var(--ebmnt1helpercolor) 24%,transparent);
}

.abcprvwefgmore[hidden],
.abcprvwefgless[hidden] {
  display: none;
}

.abcprvwefgmore:hover,
.abcprvwefgless:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.8em 1.8em rgba(122, 90, 248, 0.4);
}

.abcprvwefgless:hover {
  background-color: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
}

@media (min-width: 1024px) {
  .abcprvwefgcard {
    flex: 0 1 calc(50% - 0.625em);
    max-width: none;
  }
}
/* pricing */
.abcprcefgbar {
  position: sticky;
  top: 4.5em;
  z-index: 40;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--ebmnt1helpercolor);
}

.abcprvwefgbar {
  position: sticky;
  top: 4.5em;
  z-index: 40;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--ebmnt1secondarycolor);
}

.abcprcefgbar::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-color: var(--ebmnt1helpercolor);
  box-shadow: 0 1em 1.5em -1.2em rgba(0, 0, 0, 0.4);
}

.abcprvwefgbar::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-color: var(--ebmnt1secondarycolor);
  box-shadow: 0 1em 1.5em -1.2em rgba(0, 0, 0, 0.4);
}

.abcprcefgbarinner {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding-block: 0.7em;
}

.abcprvwefgbarinner {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding-block: 0.7em;
}

.abcprcefgnav {
  flex: none;
  width: 2.7em;
  height: 2.7em;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--ebmnt1secondarycolor) 18%, transparent);
  border-radius: 50%;
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1secondarycolor);
  font-size: 0.85rem;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.abcprvwefgnav {
  flex: none;
  width: 2.7em;
  height: 2.7em;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--ebmnt1helpercolor) 18%, transparent);
  border-radius: 50%;
  background-color: var(--ebmnt1secondarycolor);
  color: var(--ebmnt1helpercolor);
  font-size: 0.85rem;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.abcprcefgnav:hover {
  background-color: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1helpercolor);
  transform: scale(1.1);
}

.abcprvwefgnav:hover {
  background-color: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1secondarycolor);
  transform: scale(1.1);
}

.abcprcefgtrack {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  cursor: grab;
  -webkit-mask-image: linear-gradient(90deg, transparent, var(--ebmnt1secondarycolor) 5%, var(--ebmnt1secondarycolor) 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, var(--ebmnt1secondarycolor) 5%, var(--ebmnt1secondarycolor) 95%, transparent);
}

.abcprvwefgtrack {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  cursor: grab;
  -webkit-mask-image: linear-gradient(90deg, transparent, var(--ebmnt1helpercolor) 5%, var(--ebmnt1helpercolor) 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, var(--ebmnt1helpercolor) 5%, var(--ebmnt1helpercolor) 95%, transparent);
}

.abcprcefgtrack::-webkit-scrollbar {
  display: none;
}

.abcprvwefgtrack::-webkit-scrollbar {
  display: none;
}

.abcprcefgtrackin {
  position: relative;
  width: max-content;
  display: flex;
  gap: 0.5em;
  padding: 0.35em;
}

.abcprvwefgtrackin {
  position: relative;
  width: max-content;
  display: flex;
  gap: 0.5em;
  padding: 0.35em;
}

.abcprcefgglider {
  position: absolute;
  top: 0.35em;
  left: 0;
  z-index: 0;
  width: 0;
  height: calc(100% - 0.7em);
  overflow: hidden;
  border-radius: 99px;
  background-image: linear-gradient(110deg, var(--ebmnt1primarycolor), color-mix(in srgb, var(--ebmnt1primarycolor) 55%, var(--ebmnt1secondarycolor)));
  box-shadow: 0 0.7em 1.4em -0.5em rgba(122, 90, 248, 0.7);
  transition: left 0.38s cubic-bezier(0.34, 1.56, 0.64, 1), width 0.38s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
}

.abcprvwefgglider {
  position: absolute;
  top: 0.35em;
  left: 0;
  z-index: 0;
  width: 0;
  height: calc(100% - 0.7em);
  overflow: hidden;
  border-radius: 99px;
  background-image: linear-gradient(110deg, var(--ebmnt1primarycolor), color-mix(in srgb, var(--ebmnt1primarycolor) 55%, var(--ebmnt1helpercolor)));
  box-shadow: 0 0.7em 1.4em -0.5em rgba(122, 90, 248, 0.7);
  transition: left 0.38s cubic-bezier(0.34, 1.56, 0.64, 1), width 0.38s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
}

.abcprcefgglider::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--ebmnt1helpercolor) 45%, transparent) 50%, transparent 70%);
  transform: translateX(-120%);
  animation: ebmnt1shine 2.6s ease-in-out infinite;
}

.abcprvwefgglider::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--ebmnt1secondarycolor) 45%, transparent) 50%, transparent 70%);
  transform: translateX(-120%);
  animation: ebmnt1shine 2.6s ease-in-out infinite;
}

.abcprcefgchip {
  position: relative;
  z-index: 1;
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  padding: 0.45em 1.15em 0.45em 0.5em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1secondarycolor) 16%, transparent);
  border-radius: 99px;
  background-color: var(--ebmnt1helpercolor);
  color: color-mix(in srgb, var(--ebmnt1secondarycolor) 75%, transparent);
  font-size: clamp(0.82rem, 0.78rem + 0.25vw, 0.95rem);
  font-weight: 700;
  white-space: nowrap;
  transition: color 0.35s ease, border-color 0.35s ease, background-color 0.35s ease, transform 0.3s ease;
}

.abcprvwefgchip {
  position: relative;
  z-index: 1;
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  padding: 0.45em 1.15em 0.45em 0.5em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1helpercolor) 16%, transparent);
  border-radius: 99px;
  background-color: var(--ebmnt1secondarycolor);
  color: color-mix(in srgb, var(--ebmnt1helpercolor) 75%, transparent);
  font-size: clamp(0.82rem, 0.78rem + 0.25vw, 0.95rem);
  font-weight: 700;
  white-space: nowrap;
  transition: color 0.35s ease, border-color 0.35s ease, background-color 0.35s ease, transform 0.3s ease;
}

.abcprcefgchipicon {
  width: 1.95em;
  height: 1.95em;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: color-mix(in srgb,var(--ebmnt1primarycolor) 12%,var(--ebmnt1helpercolor));
  color: var(--ebmnt1primarycolor);
  font-size: 0.9em;
  transition: background-color 0.35s ease, color 0.35s ease, transform 0.4s ease;
}

.abcprvwefgchipicon {
  width: 1.95em;
  height: 1.95em;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: color-mix(in srgb,var(--ebmnt1primarycolor) 12%,var(--ebmnt1helpercolor));
  color: var(--ebmnt1primarycolor);
  font-size: 0.9em;
  transition: background-color 0.35s ease, color 0.35s ease, transform 0.4s ease;
}

.abcprcefgchip:hover {
  transform: translateY(-2px);
  color: var(--ebmnt1secondarycolor);
}

.abcprvwefgchip:hover {
  transform: translateY(-2px);
  color: var(--ebmnt1helpercolor);
}

.abcprcefgchip:hover .abcprcefgchipicon {
  transform: rotate(-14deg) scale(1.1);
}

.abcprvwefgchip:hover .abcprvwefgchipicon {
  transform: rotate(-14deg) scale(1.1);
}

.abcprcefgchip.ebmnt1on {
  border-color: transparent;
  background-color: transparent;
  color: var(--ebmnt1helpercolor);
}

.abcprvwefgchip.ebmnt1on {
  border-color: transparent;
  background-color: transparent;
  color: var(--ebmnt1secondarycolor);
}

.abcprcefgchip.ebmnt1on .abcprcefgchipicon {
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1primarycolor);
  animation: ebmnt1chipbounce 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abcprvwefgchip.ebmnt1on .abcprvwefgchipicon {
  background-color: var(--ebmnt1secondarycolor);
  color: var(--ebmnt1primarycolor);
  animation: ebmnt1chipbounce 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abcprvwefgchip.ebmnt1on {
  color: var(--ebmnt1helpercolor);
}

.abcprvwefgchip.ebmnt1on .abcprvwefgchipicon {
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1primarycolor);
}

.abcprvwefgglider {
  background-image: linear-gradient(110deg, var(--ebmnt1primarycolor), color-mix(in srgb, var(--ebmnt1primarycolor) 55%, var(--ebmnt1secondarycolor)));
}

.abcprvwefgchipicon {
  background-color: color-mix(in srgb, var(--ebmnt1primarycolor) 25%, var(--ebmnt1secondarycolor));
  color: color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor));
}
.abcprcefgresults {
  width: 100%;
  display: flex;
  justify-content: center;
}

.abcprcefggrid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1.25em;
  perspective: 70em;
}

.abcprcefgcard {
  position: relative;
  overflow: hidden;
  flex: 1 1 18em;
  max-width: 26em;
  display: flex;
  flex-direction: column;
  gap: 1.1em;
  padding: 0.6em 0.6em 1.4em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1secondarycolor) 14%, transparent);
  border-radius: 1.25em;
  background-color: var(--ebmnt1helpercolor);
  color: var(--ebmnt1secondarycolor);
  text-align: start;
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.abcprcefgcard[hidden] {
  display: none;
}

.abcprcefgcard:hover {
  transform: translateY(-0.5em);
  border-color: var(--ebmnt1primarycolor);
  box-shadow: 0 1.5em 3em rgba(122, 90, 248, 0.2);
}

.abcprcefgcard > * {
  position: relative;
  z-index: 1;
}

.abcprcefgcard > .ebmnt1spot {
  position: absolute;
  z-index: 0;
}

.abcprcefgcard:hover > .ebmnt1spot {
  opacity: 1;
}

.abcprcefgcard > .abcprcefgrow,
.abcprcefgcard > .abcprcefgfeatures,
.abcprcefgcard > .abcprcefgactions {
  margin-inline: 0.6em;
}

.abcprcefgrow {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
}

.abcprcefgicon {
  flex: none;
  width: 3.4em;
  height: 3.4em;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--ebmnt1helpercolor) 35%, transparent);
  border-radius: 50%;
  background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--ebmnt1helpercolor) 40%, var(--ebmnt1secondarycolor)), var(--ebmnt1secondarycolor) 72%);
  color: var(--ebmnt1helpercolor);
  font-size: 1.2em;
  transition: transform 0.7s ease, background-color 0.3s ease;
}

.abcprcefgcard:hover .abcprcefgicon {
  transform: rotateY(360deg);
}

.abcprcefgname {
  padding-top: 0.55em;
  font-size: clamp(1.05rem, 1rem + 0.5vw, 1.35rem);
  font-weight: 700;
  line-height: 1.5;
}

.abcprcefgfeatures {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}

.abcprcefgli {
  display: flex;
  align-items: flex-start;
  gap: 0.6em;
  font-size: clamp(0.88rem, 0.85rem + 0.2vw, 0.98rem);
  line-height: 1.7;
  color: color-mix(in srgb,currentColor 70%,transparent);
}

.abcprcefgli::before {
  content: "\f058";
  flex: none;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--ebmnt1primarycolor);
}

.abcprcefgactions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9em;
  margin-top: auto;
}

.abcprcefgorder {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  padding: 0.8em 1.5em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1primarycolor) 45%, transparent);
  border-radius: 99px;
  background-image: linear-gradient(90deg,var(--ebmnt1primarycolor),color-mix(in srgb,var(--ebmnt1primarycolor) 45%,var(--ebmnt1helpercolor)),var(--ebmnt1helpercolor));
  color: var(--ebmnt1secondarycolor);
  font-weight: 700;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.abcprcefgorder::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--ebmnt1helpercolor) 75%, transparent) 50%, transparent 70%);
  transform: translateX(130%);
  transition: transform 0.7s ease;
}

.abcprcefgorder:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.8em 1.8em rgba(122, 90, 248, 0.45);
}

.abcprcefgorder:hover::after {
  transform: translateX(-130%);
}

.abcprcefgpage {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 700;
  color: var(--ebmnt1primarycolor);
  transition: gap 0.3s ease;
}

.abcprcefgpage:hover {
  gap: 0.9em;
}

.abcprcefgcard.abcprcefgactive {
  border-color: var(--ebmnt1primarycolor);
  background-color: var(--ebmnt1secondarycolor);
  color: var(--ebmnt1helpercolor);
  box-shadow: 0 1.5em 3em rgba(122, 90, 248, 0.3);
}

.abcprcefgcard.abcprcefgactive .abcprcefgicon {
  background: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
}

.abcprcefgcard.abcprcefgactive .abcprcefgpage {
  color: color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor));
}
.ebmnt1pop {
  animation: ebmnt1popin 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes ebmnt1popin {
  from {
    opacity: 0;
    transform: translateY(2.2em) rotateX(-16deg) scale(0.93);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes ebmnt1chipbounce {
  0% {
    transform: scale(0.4) rotate(-40deg);
  }

  60% {
    transform: scale(1.25) rotate(8deg);
  }

  100% {
    transform: none;
  }
}

@keyframes ebmnt1shine {
  0% {
    transform: translateX(-120%);
  }

  60%,
  100% {
    transform: translateX(120%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ebmnt1pop,
  .abcprcefgglider::after,
  .abcprcefgchip.ebmnt1on .abcprcefgchipicon {
    animation: none;
  }
}

/* reviews */
.abctstefgtrack {
  align-items: stretch;
}

.abctstefgcard {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6em;
  border: 1px solid color-mix(in srgb,currentColor 16%,transparent);
  border-radius: 1.25em;
  background-color: color-mix(in srgb,var(--ebmnt1helpercolor) 7%,var(--ebmnt1secondarycolor));
  transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.abctstefgcard:hover {
  transform: translateY(-0.4em);
  border-color: var(--ebmnt1primarycolor);
  box-shadow: 0 1.2em 2.4em rgba(122, 90, 248, 0.25);
}

.abctstefgimg {
  width: 100%;
  height: auto;
  border-radius: 0.9em;
}
/* areas */
.abcsrvlefggrid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.9em;
}

.abcsrvlefgcard {
  flex: 0 0 calc((100% - 0.9em) / 2);
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1em 1.1em;
  border: 1px solid color-mix(in srgb, var(--ebmnt1secondarycolor) 14%, transparent);
  border-radius: 1em;
  text-align: start;
  transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.abcsrvlefgcard:hover {
  transform: translateY(-0.35em);
  background-color: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
  color: var(--ebmnt1helpercolor);
}

.abcsrvlefgicon {
  flex: none;
  width: 2.4em;
  height: 2.4em;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: color-mix(in srgb,var(--ebmnt1primarycolor) 12%,var(--ebmnt1helpercolor));
  color: var(--ebmnt1primarycolor);
  transition: background-color 0.3s ease;
}

.abcsrvlefgname {
  font-size: clamp(0.9rem, 0.85rem + 0.3vw, 1.1rem);
  font-weight: 600;
}

/* contact */
.abcciefggrid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25em;
}

.abcciefgcard {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 1.4em;
  border: 1px solid color-mix(in srgb,currentColor 16%,transparent);
  border-radius: 1.25em;
  background-color: color-mix(in srgb,var(--ebmnt1helpercolor) 7%,var(--ebmnt1secondarycolor));
  text-align: start;
  transition: transform 0.4s ease, border-color 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
}

.abcciefgcard:hover {
  transform: translateY(-0.4em);
  border-color: var(--ebmnt1primarycolor);
  background-color: color-mix(in srgb, var(--ebmnt1primarycolor) 22%, var(--ebmnt1secondarycolor));
  box-shadow: 0 1.2em 2.4em rgba(122, 90, 248, 0.3);
}

.abcciefgcard > * {
  position: relative;
  z-index: 1;
}

.abcciefgcard > .ebmnt1spot {
  position: absolute;
  z-index: 0;
}

.abcciefgbar {
  flex: none;
  align-self: stretch;
  width: 0.35em;
  border-radius: 99px;
  background: linear-gradient(var(--ebmnt1primarycolor), color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor)));
}

.abcciefgicon {
  flex: none;
  width: 3.4em;
  height: 3.4em;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb,var(--ebmnt1helpercolor) 24%,transparent);
  border-radius: 50%;
  background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--ebmnt1helpercolor) 40%, var(--ebmnt1secondarycolor)), var(--ebmnt1secondarycolor) 72%);
  font-size: 1.15rem;
  transition: transform 0.6s ease;
}

.abcciefgcard:hover .abcciefgicon {
  transform: rotate(-12deg) scale(1.1);
}

.abcciefgbody {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.2em;
  min-width: 0;
}

.abcciefgname {
  font-size: clamp(1.05rem, 1rem + 0.4vw, 1.3rem);
  font-weight: 700;
}

.abcciefgvalue {
  font-size: 0.9rem;
  color: color-mix(in srgb,currentColor 70%,transparent);
}

.abcciefgarrow {
  flex: none;
  transform: rotate(45deg);
  transition: transform 0.4s ease;
}

.abcciefgcard:hover .abcciefgarrow {
  transform: rotate(0deg) translateX(-0.3em);
}
@media (min-width: 375px) {
  .abcsrvlefggrid {
    gap: 1em;
  }

  .abcsrvlefgcard {
    flex-basis: calc((100% - 1em) / 2);
  }
}
@media (min-width: 425px) {
  .abcabtefgstat {
    padding: 2.5em 1em;
  }
}
@media (min-width: 768px) {
  .ebmnt1track > * {
    flex-basis: calc((100% - 8% - 2.5em) / 2.15);
  }

  .abcptefgheadrow,.abcsrvefgheadrow,.abcpttefgheadrow,.abcprvwefgheadrow,.abcprcefgheadrow,.abctstefgheadrow,.abcsrvlefgheadrow,.abcciefgheadrow {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .abcptefggrid {
    grid-template-columns: 1fr 1fr;
  }

  .abcsrvlefgcard {
    flex-basis: calc((100% - 2em) / 3);
  }

  .abcpttefgsteps {
    gap: 2em;
  }
}
@media (min-width: 1024px) {
  .ebmnt1track > * {
    flex-basis: calc((100% - 8% - 3.75em) / 3.15);
  }

  .abcabtefglayout {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 4em;
  }

  .abcabtefgtext {
    flex: 1 1 42%;
  }

  .abcabtefgstats {
    flex: 1 1 52%;
  }

  .abcfqefglayout {
    flex-direction: row;
    align-items: flex-start;
    gap: 4em;
  }

  .abcfqefghead {
    flex: 0 0 34%;
  }

  .abcfqefglist {
    flex: 1;
  }

  .abcsrvlefgcard {
    flex-basis: calc((100% - 3em) / 4);
  }

  .abcciefggrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .abcpttefgsteps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25em;
    text-align: center;
  }

  .abcpttefgline {
    inset-block: auto;
    inset-inline: 10%;
    top: calc(1.5em - 1px);
    width: auto;
    height: 2px;
  }

  .abcpttefgfill {
    inset-inline: auto;
    inset-inline-start: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--ebmnt1primarycolor), color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor)));
  }

  .abcpttefgstep {
    flex-direction: column;
    align-items: center;
  }

  .abcpttefgcard {
    align-items: center;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .abcptefggrid {
    gap: 1.75em;
  }

  .abcsrvlefggrid {
    gap: 1.25em;
  }

  .abcsrvlefgcard {
    flex-basis: calc((100% - 3.75em) / 4);
  }
}