:where(.elementor-widget-sukrit-mobile-app-hero),
:where(.elementor-widget-sukrit-mobile-app-hero) > .elementor-widget-container,
:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero,
:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero * {
  box-sizing: border-box;
}

:where(.elementor-widget-sukrit-mobile-app-hero) {
  min-width: 0;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero {
  --smah-glow: rgba(118,85,255,.24);
  --smah-pattern: rgba(91,71,255,.16);
  --smah-highlight-start: #9247ed;
  --smah-highlight-end: #6537df;
  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  padding: 44px 28px 40px;
  background:
    radial-gradient(circle at 16% 11%, rgba(202,190,255,.27), transparent 27%),
    radial-gradient(circle at 82% 76%, rgba(120,83,255,.23), transparent 33%),
    linear-gradient(118deg, #fbfaff 0%, #f8f7ff 51%, #f5f2ff 100%);
  color: #0c2255;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__container {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 620px;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__content {
  position: relative;
  z-index: 6;
  display: flex;
  flex: 0 1 54%;
  flex-basis: 54%;
  max-width: 54%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding-top: 6px;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  margin: 0 0 22px;
  padding: 9px 17px;
  color: #1537f1;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(91,71,255,.18);
  border-radius: 999px;
  box-shadow: 0 7px 24px rgba(83,70,195,.05), inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__badge-dot {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 50%;
  background: #5b2cff;
  box-shadow: 0 0 12px #5b2cff;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__kicker {
  width: 100%;
  margin: 0 0 16px;
  color: #1537f1;
  font-size: clamp(18px, 1.35vw, 23px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.025em;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__heading {
  max-width: 690px;
  margin: 0;
  color: #0c2255;
  font-family: inherit;
  font-size: clamp(37px, 3vw, 50px);
  font-weight: 750;
  line-height: 1.16;
  letter-spacing: -.046em;
  text-wrap: balance;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__heading > span {
  display: inline;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__highlight {
  color: var(--smah-highlight-start);
  background: linear-gradient(95deg,var(--smah-highlight-start),var(--smah-highlight-end));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__description {
  max-width: 610px;
  margin: 22px 0 0;
  color: #30456f;
  font-size: clamp(16px, 1.18vw, 20px);
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: -.018em;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__description > :first-child { margin-top: 0; }
:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__description > :last-child { margin-bottom: 0; }

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 54px;
  padding: 14px 26px;
  border: 1px solid #193cf1;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease, color .2s ease;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__button:hover,
:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__button:focus {
  text-decoration: none;
  transform: translateY(-2px);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__button--primary {
  min-width: 244px;
  color: #fff;
  border-color: transparent;
  background: linear-gradient(100deg,#1739f4 0%,#6735ef 100%);
  box-shadow: 0 15px 30px rgba(66,48,235,.14);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__button--secondary {
  min-width: 220px;
  color: #1437ef;
  background: rgba(255,255,255,.44);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: currentColor;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__button-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  width: min(100%, 812px);
  margin-top: 30px;
  padding: 20px 20px;
  background: rgba(255,255,255,.83);
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 20px;
  box-shadow: 0 16px 45px rgba(53,45,135,.06);
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0 14px;
  border-right: 1px solid #d7dafa;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-item:first-child { padding-left: 3px; }
:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-item:last-child { padding-right: 3px; border-right: 0; }

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  color: #1639f4;
  font-size: 28px;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-icon svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-title {
  color: #1437ee;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-text {
  color: #243760;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  white-space: nowrap;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__visual {
  position: relative;
  z-index: 4;
  display: flex;
  flex: 0 1 46%;
  flex-basis: 46%;
  max-width: 46%;
  min-width: 0;
  min-height: 600px;
  align-items: center;
  justify-content: center;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__phone-wrap {
  position: relative;
  z-index: 5;
  display: flex;
  width: min(100%, 460px);
  align-items: center;
  justify-content: center;
  transform: translate(2%, 0);
  filter: drop-shadow(0 26px 28px rgba(37,40,112,.15));
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__phone-image {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
  object-fit: contain;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__orbit {
  position: absolute;
  z-index: 1;
  border: 1.5px dashed rgba(86,72,255,.28);
  border-radius: 50%;
  pointer-events: none;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__orbit--one {
  width: 420px;
  height: 170px;
  top: 18%;
  left: 1%;
  transform: rotate(4deg);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__orbit--two {
  width: 420px;
  height: 190px;
  top: 45%;
  left: 0;
  transform: rotate(-6deg);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__tech-card {
  position: absolute;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6236ef;
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,241,255,.88));
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 25%;
  box-shadow: 0 18px 35px rgba(78,64,195,.14);
  transform: translate(-50%,-50%) rotate(5deg);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__tech-card:nth-of-type(even) {
  transform: translate(-50%,-50%) rotate(-5deg);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__tech-card svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__cube {
  position: absolute;
  z-index: 3;
  right: -4%;
  bottom: 7%;
  width: 92px;
  height: 92px;
  transform: rotate(30deg) skew(-5deg,-5deg);
  border: 1px solid rgba(255,255,255,.7);
  background:
    linear-gradient(135deg,rgba(255,255,255,.8),rgba(92,68,246,.7) 42%,rgba(168,103,255,.58) 72%,rgba(255,255,255,.68));
  box-shadow: inset 0 0 28px rgba(255,255,255,.75),0 22px 35px rgba(74,53,211,.16);
  clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__orb {
  position: absolute;
  z-index: 2;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 28%,#d7c9ff 0%,#9d76ff 34%,#6047eb 68%,rgba(86,64,218,.3) 100%);
  box-shadow: 0 10px 22px rgba(84,58,218,.2);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__orb--one { right: -2%; top: 1%; }
:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__orb--two { right: -3%; top: 62%; width: 34px; height: 34px; }

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__ambient {
  position: absolute;
  z-index: 0;
  display: block;
  border-radius: 50%;
  filter: blur(2px);
  pointer-events: none;
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__ambient--one {
  width: 540px;
  height: 540px;
  right: -170px;
  bottom: -190px;
  background: radial-gradient(circle,var(--smah-glow) 0%,rgba(126,91,255,.09) 42%,transparent 70%);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__ambient--two {
  width: 380px;
  height: 380px;
  left: -110px;
  top: -170px;
  background: radial-gradient(circle,rgba(163,137,255,.12),transparent 70%);
}

:where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__mesh {
  position: absolute;
  z-index: 1;
  right: -7%;
  bottom: -10%;
  width: 70%;
  height: 55%;
  opacity: .7;
  transform: rotate(-8deg);
  background-image: radial-gradient(circle at 1px 1px,var(--smah-pattern) 1px,transparent 1.3px);
  background-size: 13px 13px;
  -webkit-mask-image: radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.74) 43%,transparent 76%);
  mask-image: radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.74) 43%,transparent 76%);
  pointer-events: none;
}

@media (max-width: 1180px) {
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__main { min-height: 570px; gap: 20px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__heading { font-size: clamp(36px,4vw,48px); }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__visual { min-height: 550px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__phone-wrap { width: min(100%,430px); }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 22px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-item:nth-child(2) { border-right: 0; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-item:nth-child(n+3) { padding-top: 2px; }
}

@media (max-width: 900px) {
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero { padding: 46px 24px 42px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__main { flex-direction: column; align-items: stretch; min-height: 0; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__content,
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__visual { flex-basis: 100% !important; max-width: 100% !important; width: 100%; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__content { align-items: center; text-align: center; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__heading,
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__description { margin-left: auto; margin-right: auto; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__actions { justify-content: center; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__visual { min-height: 520px; margin-top: 8px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__phone-wrap { width: min(88%,420px); transform: none; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust { order: 20; margin-left: auto; margin-right: auto; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__mesh { width: 115%; height: 45%; right: -20%; bottom: -4%; }
}

@media (max-width: 600px) {
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero { padding: 34px 18px 34px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__badge { margin-bottom: 18px; font-size: 12px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__kicker { margin-bottom: 13px; font-size: 17px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__heading { font-size: clamp(32px,10vw,41px); line-height: 1.12; letter-spacing: -.04em; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__description { margin-top: 18px; font-size: 16px; line-height: 1.58; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__actions { width: 100%; margin-top: 24px; gap: 12px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__button { width: 100%; min-width: 0; min-height: 56px; padding: 14px 22px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust { grid-template-columns: 1fr; margin-top: 24px; padding: 18px; gap: 0; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-item { border-right: 0 !important; border-bottom: 1px solid #d7dafa; padding: 15px 2px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-item:first-child { padding-top: 0; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-item:last-child { border-bottom: 0; padding-bottom: 0; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-title,
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__trust-text { white-space: normal; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__visual { min-height: 440px; }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__phone-wrap { width: min(94%,340px); }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__tech-card { transform: translate(-50%,-50%) scale(.78) rotate(4deg); }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__orbit { transform: scale(.8); }
  :where(.elementor-widget-sukrit-mobile-app-hero) .sukrit-mobile-app-hero__cube { width: 80px; height: 80px; right: 0; bottom: 8%; }
}