/*
 * Sukrit Unified Suite – responsive guard layer.
 *
 * This file intentionally does not change the established desktop container
 * widths. It only adds safe layout fallbacks around Elementor output so the
 * widgets remain usable from very small phones through tablets/laptops and
 * wide desktop screens. Elementor-generated responsive controls are still
 * free to override these defaults.
 */

/* ---------- Universal widget safety ---------- */
.elementor-widget[class*="elementor-widget-sukrit-"] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.elementor-widget[class*="elementor-widget-sukrit-"] > .elementor-widget-container {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.elementor-widget[class*="elementor-widget-sukrit-"] img {
  max-width: 100%;
}

.elementor-widget[class*="elementor-widget-sukrit-"] :is(h1,h2,h3,h4,h5,h6,p,a,span,li,div) {
  overflow-wrap: break-word;
}

.elementor-widget[class*="elementor-widget-sukrit-"] :is(a,button,input,select,textarea) {
  max-width: 100%;
}

/* Avoid flex/grid children forcing horizontal overflow because of long text. */
.elementor-widget[class*="elementor-widget-sukrit-"] :is(
  .sukrit-mobile-app-hero__main,
  .sukrit-mobile-app-hero__content,
  .sukrit-mobile-app-hero__visual,
  .sukrit-mobile-app-benefits__top,
  .sukrit-mobile-app-benefits__content,
  .sukrit-mobile-app-benefits__visual,
  .sukrit-mobile-app-technologies__top,
  .sukrit-mobile-app-technologies__intro,
  .sukrit-mobile-app-technologies__visual,
  .sukrit-mobile-app-technologies__card-content,
  .sukrit-mobile-app-service-links__grid,
  .sukrit-comprehensive-services-header,
  .sukrit-comprehensive-services-grid,
  .sukrit-services-grid,
  .sukrit-middle-grid,
  .sukrit-future-ready-panel,
  .sukrit-future-ready-left,
  .sukrit-future-ready-right,
  .sukrit-future-ready-features,
  .sukrit-transforming-grid,
  .sukrit-why-choose-grid
) {
  min-width: 0;
  max-width: 100%;
}

/* ---------- Laptop / compact desktop ---------- */
@media (max-width: 1280px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 24px;
    padding-right: 24px;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main {
    gap: 26px;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-item {
    padding-left: 12px;
    padding-right: 12px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Between normal laptop and Elementor's tablet breakpoint. */
@media (max-width: 1100px) and (min-width: 1025px) {
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    min-height: 0;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon {
    width: 96px;
    height: 96px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__title {
    font-size: clamp(23px, 2.25vw, 29px);
  }
}

/* ---------- Tablet / small laptop ---------- */
@media (max-width: 1024px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 22px;
    padding-right: 22px;
  }

  /* Technology visual becomes too narrow on portrait tablets if held beside copy. */
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    gap: 34px;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-image,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-image,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-image {
    max-height: none;
  }

  .elementor-widget-sukrit-comprehensive-services .sukrit-comprehensive-services-cta {
    min-width: 0;
  }
}

/* iPad portrait and similarly narrow tablets. */
@media (max-width: 900px) {
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__intro,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__intro {
    text-align: center;
    align-items: center;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__badge {
    align-self: center;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__description {
    margin-left: auto;
    margin-right: auto;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner {
    width: min(100%, 720px);
    margin: 0 auto;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual {
    overflow: visible;
  }
}

/* ---------- Phones / narrow tablets ---------- */
@media (max-width: 767px) {
  .elementor-widget[class*="elementor-widget-sukrit-"] {
    max-width: 100vw;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 18px;
    padding-right: 18px;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    min-height: 0;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading,
  .elementor-widget-sukrit-comprehensive-services .sukrit-comprehensive-services-title,
  .elementor-widget-sukrit-services-showcase .sukrit-main-title,
  .elementor-widget-sukrit-software-hero .sukrit-software-hero-primary,
  .elementor-widget-sukrit-transforming-ideas .sukrit-transforming-title,
  .elementor-widget-sukrit-future-ready .sukrit-future-ready-title {
    text-wrap: pretty;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-title,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-text {
    white-space: normal;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chips {
    max-width: 100%;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip {
    max-width: 100%;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip-label {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__description,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-description,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__description {
    overflow-wrap: anywhere;
  }

  /* Old widgets: keep images/cards inside viewport even with aggressive custom sizing. */
  .elementor-widget-sukrit-comprehensive-services .sukrit-comprehensive-services-hero-image,
  .elementor-widget-sukrit-future-ready .sukrit-future-ready-illustration,
  .elementor-widget-sukrit-services-showcase .sukrit-card-image {
    max-width: 100%;
  }
}

/* ---------- Small phones ---------- */
@media (max-width: 600px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 16px;
    padding-right: 16px;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    max-width: 100%;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    min-height: 0;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon {
    width: 96px;
    height: 96px;
    margin-bottom: 8px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon i {
    font-size: 54px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon svg {
    width: 54px;
    height: 54px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow-wrap {
    margin-top: 14px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow {
    width: 54px;
    height: 54px;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__button,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button,
  .elementor-widget-sukrit-software-hero .sukrit-software-hero-button,
  .elementor-widget-sukrit-services-showcase .sukrit-button,
  .elementor-widget-sukrit-comprehensive-services .sukrit-comprehensive-cta-button {
    max-width: 100%;
    white-space: normal;
  }

  .elementor-widget-sukrit-future-ready .sukrit-future-ready-features {
    gap: 12px;
  }
}

/* ---------- Very narrow phones (320–430px class) ---------- */
@media (max-width: 430px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 14px;
    padding-right: 14px;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__badge,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__badge,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__badge {
    max-width: 100%;
    white-space: normal;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading {
    font-size: clamp(30px, 9.6vw, 38px);
    line-height: 1.12;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__description,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__description,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__description {
    font-size: 15px;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__button,
  .elementor-widget-sukrit-software-hero .sukrit-software-hero-button,
  .elementor-widget-sukrit-services-showcase .sukrit-button {
    min-height: 52px;
    padding: 12px 18px;
    font-size: 17px;
    gap: 10px;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card {
    padding: 18px 16px;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__group-image {
    max-width: 82px;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip {
    min-height: 34px;
    padding: 7px 10px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    padding: 24px 18px 22px;
    border-radius: 20px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__title {
    font-size: 24px;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__description {
    font-size: 15px;
  }

  .elementor-widget-sukrit-comprehensive-services .sukrit-comprehensive-service-card,
  .elementor-widget-sukrit-services-showcase .sukrit-service-card,
  .elementor-widget-sukrit-future-ready .sukrit-future-ready-panel,
  .elementor-widget-sukrit-transforming-ideas .sukrit-transforming-step,
  .elementor-widget-sukrit-why-choose .sukrit-why-choose-card {
    max-width: 100%;
  }
}

@media (max-width: 360px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 12px;
    padding-right: 12px;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    border-radius: 18px;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip {
    width: 100%;
    justify-content: flex-start;
  }
}

/* ---------- Small-screen landscape ---------- */
@media (max-height: 520px) and (orientation: landscape) and (max-width: 950px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main {
    min-height: 0;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual {
    min-height: 430px;
  }

  .elementor-widget-sukrit-software-hero .sukrit-software-hero-section {
    min-height: 0;
  }
}

/* ---------- Touch/reduced-motion friendliness ---------- */
@media (hover: none) {
  .elementor-widget[class*="elementor-widget-sukrit-"] :is(a,button):hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-widget[class*="elementor-widget-sukrit-"] *,
  .elementor-widget[class*="elementor-widget-sukrit-"] *::before,
  .elementor-widget[class*="elementor-widget-sukrit-"] *::after {
    scroll-behavior: auto !important;
  }
}

/* ---------- Legacy Ravikant mobile page – defensive fallbacks ---------- */
.ravikant-mobile-page,
.ravikant-mobile-page * {
  box-sizing: border-box;
}

.ravikant-mobile-page img,
.ravikant-mobile-page video,
.ravikant-mobile-page iframe {
  max-width: 100%;
}

.ravikant-mobile-page :is(.ravikant-mobile-container,.ravikant-mobile-two-col,.ravikant-mobile-card-grid,.ravikant-mobile-package-grid,.ravikant-mobile-tech-grid) {
  min-width: 0;
}

@media (max-width: 430px) {
  .ravikant-mobile-page .ravikant-mobile-container {
    width: min(100% - 24px, 1140px);
  }

  .ravikant-mobile-page .ravikant-mobile-actions,
  .ravikant-mobile-page .ravikant-mobile-actions .ravikant-mobile-btn {
    width: 100%;
  }

  .ravikant-mobile-page .ravikant-mobile-btn {
    min-width: 0;
    white-space: normal;
    text-align: center;
  }
}

/* ========================================================================
 * 2026.29.19 – MOBILE OVERFLOW / NARROW-COLUMN HARDENING
 * ------------------------------------------------------------------------
 * Elementor's generated widget CSS has higher selector specificity than
 * many of the component stylesheet media queries. Desktop responsive-control
 * values (for example 47% / 53% column widths) can therefore survive into
 * the phone layout. These rules deliberately use !important only for
 * structural mobile properties so content controls remain editable while
 * no widget can force the page wider than the viewport.
 * ====================================================================== */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

.elementor-widget[class*="elementor-widget-sukrit-"] {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  .elementor-widget[class*="elementor-widget-sukrit-"] {
    overflow-x: clip;
  }
}

.elementor-widget[class*="elementor-widget-sukrit-"] > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1024px) {
  /* New mobile-app widgets: force true single-column tablet/mobile flow. */
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__container,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__container,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__container,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__content,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__intro,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__content,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual {
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    width: min(100%, 690px) !important;
    max-width: 690px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-image,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-image,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__content,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__intro,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__content {
    align-items: center !important;
    text-align: center !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__description,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__description,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__description {
    width: 100% !important;
    max-width: 760px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__grid,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__grid,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 767px) {
  /* Prevent Elementor desktop dimensions/offsets from leaking into phones. */
  .elementor-widget[class*="elementor-widget-sukrit-"] *,
  .elementor-widget[class*="elementor-widget-sukrit-"] *::before,
  .elementor-widget[class*="elementor-widget-sukrit-"] *::after {
    box-sizing: border-box;
  }

  .elementor-widget[class*="elementor-widget-sukrit-"] :is(
    img,
    picture,
    video,
    iframe,
    svg
  ) {
    max-width: 100% !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits {
    padding: 34px 16px 40px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top {
    gap: 24px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual {
    order: 1;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__content {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__badge {
    align-self: center !important;
    max-width: min(100%, 260px) !important;
    margin: 0 0 18px !important;
    white-space: normal !important;
    text-align: left;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading {
    max-width: 100% !important;
    font-size: clamp(30px, 9.3vw, 39px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading > span {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__description {
    width: 100% !important;
    max-width: 560px !important;
    margin-top: 18px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__button {
    max-width: 100% !important;
    margin-top: 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 30px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__grid,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__grid,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Technologies: desktop column width controls must not remain active. */
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    gap: 24px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner {
    width: min(100%, 680px) !important;
    max-width: 680px !important;
  }

  /* Hero: remove desktop offsets that can create right-side scrolling. */
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 20px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap {
    max-width: min(100%, 370px) !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__actions,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Legacy Sukrit widget structural guards. */
  .elementor-widget-sukrit-services-showcase :is(.sukrit-inner,.sukrit-services-grid,.sukrit-middle-grid),
  .elementor-widget-sukrit-comprehensive-services :is(.sukrit-comprehensive-services-inner,.sukrit-comprehensive-services-grid,.sukrit-comprehensive-services-header),
  .elementor-widget-sukrit-future-ready :is(.sukrit-future-ready-inner,.sukrit-future-ready-panel,.sukrit-future-ready-left,.sukrit-future-ready-right),
  .elementor-widget-sukrit-transforming-ideas :is(.sukrit-transforming-inner,.sukrit-transforming-grid),
  .elementor-widget-sukrit-why-choose :is(.sukrit-why-choose-inner,.sukrit-why-choose-grid),
  .elementor-widget-sukrit-software-hero :is(.sukrit-software-hero-inner,.sukrit-software-hero-content) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 430px) {
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    width: 100% !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading {
    font-size: clamp(29px, 9.1vw, 36px) !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__description {
    max-width: 100% !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers-title::before,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers-title::after {
    width: 24px !important;
  }
}

/* ========================================================================
 * 2026.29.20 – MOBILE APP PAGE FINAL POLISH
 * A coordinated page-level pass for the four Mobile App Elementor widgets.
 * Keeps the established 1400px desktop container while making every section
 * shorter, denser and predictable at desktop/tablet/mobile widths.
 * ====================================================================== */

/* Shared page rhythm and hard overflow containment. */
.elementor-widget-sukrit-mobile-app-hero,
.elementor-widget-sukrit-mobile-app-benefits,
.elementor-widget-sukrit-mobile-app-technologies,
.elementor-widget-sukrit-mobile-app-service-links,
.elementor-widget-sukrit-mobile-app-hero > .elementor-widget-container,
.elementor-widget-sukrit-mobile-app-benefits > .elementor-widget-container,
.elementor-widget-sukrit-mobile-app-technologies > .elementor-widget-container,
.elementor-widget-sukrit-mobile-app-service-links > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

.elementor-widget-sukrit-mobile-app-hero :is(.sukrit-mobile-app-hero,.sukrit-mobile-app-hero__container,.sukrit-mobile-app-hero__main),
.elementor-widget-sukrit-mobile-app-benefits :is(.sukrit-mobile-app-benefits,.sukrit-mobile-app-benefits__container,.sukrit-mobile-app-benefits__top),
.elementor-widget-sukrit-mobile-app-technologies :is(.sukrit-mobile-app-technologies,.sukrit-mobile-app-technologies__container,.sukrit-mobile-app-technologies__top),
.elementor-widget-sukrit-mobile-app-service-links :is(.sukrit-mobile-app-service-links,.sukrit-mobile-app-service-links__container,.sukrit-mobile-app-service-links__grid) {
  min-width: 0 !important;
}

.elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
.elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
.elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
.elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
  overflow-x: clip !important;
}

/* ---------- Wide desktop / desktop ---------- */
@media (min-width: 1025px) {
  /* Hero: much sleeker than the previous near-full-screen version. */
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero {
    padding-top: 40px !important;
    padding-bottom: 38px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main {
    min-height: 600px !important;
    gap: 28px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__badge {
    margin-bottom: 18px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__kicker {
    margin-bottom: 13px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading {
    font-size: clamp(38px, 2.75vw, 49px) !important;
    line-height: 1.12 !important;
    max-width: 690px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__description {
    margin-top: 18px !important;
    line-height: 1.58 !important;
    max-width: 625px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__actions {
    margin-top: 24px !important;
    gap: 14px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button {
    min-height: 50px !important;
    padding: 13px 24px !important;
    gap: 13px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button--primary { min-width: 230px !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button--secondary { min-width: 210px !important; }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust {
    width: min(100%, 760px) !important;
    margin-top: 24px !important;
    padding: 15px 16px !important;
    border-radius: 16px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-item {
    gap: 10px !important;
    padding-inline: 12px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    font-size: 25px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-icon svg {
    width: 25px !important;
    height: 25px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-copy { gap: 3px !important; }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual {
    min-height: 560px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap {
    width: min(100%, 440px) !important;
    max-width: 440px !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-image {
    max-width: 440px !important;
  }

  /* Benefits: reduce empty air while preserving the reference composition. */
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits {
    padding-top: 46px !important;
    padding-bottom: 50px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top {
    gap: 38px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    max-width: 620px !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-image {
    width: 100% !important;
    max-width: 620px !important;
    height: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__badge {
    margin-bottom: 18px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading {
    font-size: clamp(39px, 3vw, 54px) !important;
    line-height: 1.07 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__description {
    margin-top: 18px !important;
    line-height: 1.58 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__button {
    margin-top: 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers {
    margin-top: 30px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card {
    min-height: 215px !important;
    padding: 24px 22px 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-head {
    grid-template-columns: 68px minmax(0,1fr) !important;
    gap: 14px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-icon {
    width: 68px !important;
    height: 68px !important;
    flex-basis: 68px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-description {
    margin: 10px 0 0 82px !important;
    line-height: 1.5 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__arrow {
    width: 38px !important;
    height: 38px !important;
  }

  /* Technologies: same compact vertical rhythm as Benefits. */
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies {
    padding-top: 46px !important;
    padding-bottom: 50px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    gap: 30px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__badge {
    margin-bottom: 18px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading {
    font-size: clamp(39px, 3vw, 53px) !important;
    line-height: 1.07 !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__description {
    margin-top: 18px !important;
    line-height: 1.58 !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner {
    max-width: 735px !important;
    margin-left: auto !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-image {
    width: 100% !important;
    max-width: 735px !important;
    height: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__grid {
    margin-top: 16px !important;
    gap: 14px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card {
    min-height: 158px !important;
    grid-template-columns: 100px minmax(0,1fr) !important;
    gap: 20px !important;
    padding: 20px 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__group-image {
    width: 100px !important;
    height: 100px !important;
    flex-basis: 100px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chips {
    margin-top: 12px !important;
    gap: 8px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip {
    min-height: 34px !important;
    padding: 7px 12px !important;
  }

  /* Service links: compact 5-card strip with no artificial card height. */
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-top: 40px !important;
    padding-bottom: 44px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__grid {
    gap: 18px 16px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    min-height: 0 !important;
    padding: 20px 18px 18px !important;
    border-radius: 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card-main {
    gap: 6px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon {
    width: 84px !important;
    height: 84px !important;
    margin-bottom: 6px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon img {
    width: 56% !important;
    height: 56% !important;
    object-position: center !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon i { font-size: 46px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon svg { width: 46px !important; height: 46px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__accent { margin-bottom: 8px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__title { font-size: clamp(20px, 1.28vw, 24px) !important; margin-bottom: 9px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__description { font-size: 14px !important; line-height: 1.45 !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow-wrap { margin-top: 12px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow { width: 48px !important; height: 48px !important; }
}

/* ---------- Compact laptops ---------- */
@media (min-width: 1025px) and (max-width: 1280px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main { min-height: 560px !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual { min-height: 520px !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap { max-width: 410px !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading { font-size: clamp(36px, 3.4vw, 45px) !important; }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading {
    font-size: clamp(36px, 3.5vw, 47px) !important;
  }
}

/* ---------- Tablets ---------- */
@media (max-width: 1024px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main {
    min-height: 0 !important;
    gap: 26px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading {
    max-width: 720px !important;
    font-size: clamp(36px, 5.2vw, 46px) !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__description { margin-top: 18px !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__actions { margin-top: 24px !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust { margin-top: 26px !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual { min-height: 500px !important; margin-top: 0 !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap { width: min(84%, 430px) !important; max-width: 430px !important; }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies {
    padding-top: 42px !important;
    padding-bottom: 46px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    gap: 28px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner { max-width: 600px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading { font-size: clamp(36px, 5vw, 48px) !important; }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers { margin-top: 28px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card { min-height: 0 !important; }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner { max-width: 650px !important; margin-inline: auto !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__grid { margin-top: 14px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card { min-height: 0 !important; }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links { padding-top: 38px !important; padding-bottom: 42px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card { min-height: 0 !important; padding: 20px !important; }
}

/* ---------- Phones ---------- */
@media (max-width: 767px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: hidden !important;
  }

  /* Hero mobile: readable, compact, no giant empty visual area. */
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero {
    padding-top: 30px !important;
    padding-bottom: 34px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    min-height: 0 !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__content,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual {
    flex: none !important;
    flex-basis: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__badge {
    margin-bottom: 16px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__kicker {
    margin-bottom: 12px !important;
    font-size: 16px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.1 !important;
    text-wrap: pretty;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__description {
    max-width: 570px !important;
    margin-top: 16px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__actions {
    width: 100% !important;
    margin-top: 20px !important;
    gap: 10px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 12px 18px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 !important;
    margin-top: 22px !important;
    padding: 14px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-item {
    min-height: 58px;
    padding: 9px 8px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d7dafa;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-item:nth-last-child(-n+2) { border-bottom: 0; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-title { font-size: 12px !important; }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-text { font-size: 11px !important; }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 4px !important;
    padding: 0 !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap {
    width: min(88vw, 330px) !important;
    max-width: 330px !important;
    margin-inline: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__orbit,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__cube,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__orb {
    opacity: .58;
  }

  /* Benefits mobile: image is large enough to read, text uses full width. */
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits {
    padding-top: 32px !important;
    padding-bottom: 36px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top {
    gap: 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    margin: 0 auto !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__content {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__badge { margin-bottom: 14px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading { font-size: clamp(29px, 8.7vw, 37px) !important; line-height: 1.08 !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__description { margin-top: 16px !important; font-size: 15px !important; line-height: 1.55 !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__button { margin-top: 20px !important; min-height: 48px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers { margin-top: 26px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers-title { margin-bottom: 14px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__grid { gap: 12px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card { min-height: 0 !important; padding: 18px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-head { grid-template-columns: 58px minmax(0,1fr) !important; gap: 12px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-icon { width: 58px !important; height: 58px !important; flex-basis: 58px !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-description { margin: 10px 0 0 !important; }
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__arrow { width: 38px !important; height: 38px !important; margin-top: 14px !important; }

  /* Technologies mobile. */
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies {
    padding-top: 32px !important;
    padding-bottom: 36px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top { gap: 20px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__badge { margin-bottom: 14px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading { font-size: clamp(29px, 8.7vw, 37px) !important; line-height: 1.08 !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__description { margin-top: 16px !important; font-size: 15px !important; line-height: 1.55 !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner { width: min(100%, 460px) !important; max-width: 460px !important; margin-inline: auto !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__grid { margin-top: 12px !important; gap: 12px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card { min-height: 0 !important; grid-template-columns: 68px minmax(0,1fr) !important; gap: 13px !important; padding: 17px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__group-image { width: 68px !important; height: 68px !important; flex-basis: 68px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card-title { font-size: 17px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chips { margin-top: 10px !important; gap: 7px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip { min-height: 32px !important; padding: 6px 9px !important; font-size: 12px !important; gap: 6px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip-icon { width: 17px !important; height: 17px !important; flex-basis: 17px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip-icon :is(img,svg) { width: 16px !important; height: 16px !important; }

  /* Service links mobile: compact cards, reliable centered logos and arrows. */
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-top: 28px !important;
    padding-bottom: 32px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__grid { gap: 12px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card { min-height: 0 !important; padding: 18px !important; border-radius: 20px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon { width: 76px !important; height: 76px !important; margin: 0 auto 5px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon img { display: block !important; width: 55% !important; height: 55% !important; margin: auto !important; object-fit: contain !important; object-position: 50% 50% !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon i { font-size: 42px !important; line-height: 1 !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon svg { width: 42px !important; height: 42px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__title { font-size: 23px !important; margin-bottom: 8px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__description { font-size: 14px !important; line-height: 1.45 !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow-wrap { margin-top: 11px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow { width: 46px !important; height: 46px !important; }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow:hover,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card:hover .sukrit-mobile-app-service-links__arrow {
    color: var(--smsl-accent) !important;
  }
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow :is(i,svg) { opacity: 1 !important; visibility: visible !important; color: currentColor !important; }
}

/* ---------- Narrow phones ---------- */
@media (max-width: 430px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust {
    grid-template-columns: 1fr !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-item,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-item:nth-last-child(-n+2) {
    border-bottom: 1px solid #d7dafa;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-item:last-child { border-bottom: 0; }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap { width: min(86vw, 300px) !important; }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner { max-width: 360px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner { max-width: 380px !important; }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card {
    grid-template-columns: 58px minmax(0,1fr) !important;
    padding: 15px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__group-image {
    width: 58px !important;
    height: 58px !important;
    flex-basis: 58px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chips { gap: 6px !important; }
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip { padding: 6px 8px !important; }
}


/* ========================================================================
 * 2026.29.21 – MOBILE APP HERO HALF-HEIGHT DESKTOP PASS
 * User requested the desktop hero to fit in roughly half its previous height.
 * This block intentionally overrides saved Elementor desktop sizing while
 * leaving tablet/mobile stacking unchanged.
 * ====================================================================== */
@media (min-width: 1025px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__main {
    min-height: 0 !important;
    height: auto !important;
    gap: 22px !important;
    align-items: center !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__content {
    flex: 0 1 58% !important;
    flex-basis: 58% !important;
    max-width: 58% !important;
    padding-top: 0 !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual {
    flex: 0 1 42% !important;
    flex-basis: 42% !important;
    max-width: 42% !important;
    min-height: 410px !important;
    height: 410px !important;
    overflow: visible !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__badge {
    min-height: 30px !important;
    margin: 0 0 10px !important;
    padding: 6px 12px !important;
    gap: 7px !important;
    font-size: 11px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__badge-dot {
    width: 8px !important;
    height: 8px !important;
    flex-basis: 8px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__kicker {
    margin: 0 0 8px !important;
    font-size: clamp(14px, 1.05vw, 18px) !important;
    line-height: 1.2 !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading {
    width: 100% !important;
    max-width: 760px !important;
    font-size: clamp(31px, 2.15vw, 38px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.04em !important;
    text-wrap: balance !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__description {
    max-width: 680px !important;
    margin-top: 12px !important;
    font-size: clamp(13px, .95vw, 16px) !important;
    line-height: 1.42 !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__actions {
    margin-top: 15px !important;
    gap: 10px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button {
    min-height: 42px !important;
    padding: 10px 18px !important;
    gap: 10px !important;
    font-size: 13px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button--primary {
    min-width: 198px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button--secondary {
    min-width: 184px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__button-icon {
    width: 15px !important;
    height: 15px !important;
    flex-basis: 15px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust {
    width: min(100%, 690px) !important;
    margin-top: 16px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-item {
    min-height: 40px !important;
    gap: 8px !important;
    padding-inline: 9px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-icon {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    font-size: 21px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-copy {
    gap: 1px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-title {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__trust-text {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap {
    width: auto !important;
    max-width: none !important;
    height: 400px !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-image {
    width: auto !important;
    max-width: none !important;
    height: 400px !important;
    max-height: 400px !important;
    object-fit: contain !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__tech-card {
    transform: translate(-50%,-50%) scale(.72) rotate(5deg) !important;
    transform-origin: center !important;
  }

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

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__orbit--one {
    width: 330px !important;
    height: 120px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__orbit--two {
    width: 340px !important;
    height: 135px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__cube {
    width: 66px !important;
    height: 66px !important;
    bottom: 6% !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__orb {
    width: 25px !important;
    height: 25px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__orb--two {
    width: 23px !important;
    height: 23px !important;
  }

  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__mesh {
    height: 46% !important;
    bottom: -13% !important;
  }
}

/* Keep compact laptops short without forcing tablet/mobile rules. */
@media (min-width: 1025px) and (max-width: 1280px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__heading {
    font-size: clamp(29px, 2.65vw, 34px) !important;
    max-width: 640px !important;
  }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__description {
    font-size: 13px !important;
    max-width: 590px !important;
  }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__visual {
    min-height: 380px !important;
    height: 380px !important;
  }
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-wrap,
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__phone-image {
    height: 370px !important;
    max-height: 370px !important;
  }
}

/* ========================================================================
 * 2026.29.22 – MOBILE APP PAGE WIDTH SYNC + SLEEK SECTION PASS
 * The four Mobile App widgets now share one visual page grid and compact
 * vertical rhythm. Desktop structure is intentionally stabilised against
 * old Elementor-generated sizing so the page cannot jump in width/height
 * from one section to the next.
 * ====================================================================== */

/* One page grid: same wrapper width and same outer alignment everywhere. */
.elementor-widget-sukrit-mobile-app-hero,
.elementor-widget-sukrit-mobile-app-benefits,
.elementor-widget-sukrit-mobile-app-technologies,
.elementor-widget-sukrit-mobile-app-service-links,
.elementor-widget-sukrit-mobile-app-hero > .elementor-widget-container,
.elementor-widget-sukrit-mobile-app-benefits > .elementor-widget-container,
.elementor-widget-sukrit-mobile-app-technologies > .elementor-widget-container,
.elementor-widget-sukrit-mobile-app-service-links > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__container,
.elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__container,
.elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__container,
.elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__container {
  width: 100% !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 1281px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* ---------- Sleek desktop rhythm ---------- */
@media (min-width: 1025px) {
  /* BENEFITS */
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits {
    padding-top: 28px !important;
    padding-bottom: 30px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top {
    gap: 30px !important;
    align-items: center !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual {
    flex: 0 1 46% !important;
    flex-basis: 46% !important;
    max-width: 46% !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__content {
    flex: 0 1 54% !important;
    flex-basis: 54% !important;
    max-width: 54% !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-image {
    width: 100% !important;
    max-width: 600px !important;
    max-height: 360px !important;
    object-fit: contain !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__badge {
    min-height: 30px !important;
    margin-bottom: 10px !important;
    padding: 6px 12px !important;
    gap: 7px !important;
    font-size: 11px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__badge-dot {
    width: 8px !important;
    height: 8px !important;
    flex-basis: 8px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__heading {
    max-width: 660px !important;
    font-size: clamp(31px, 2.25vw, 40px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.04em !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__description {
    max-width: 650px !important;
    margin-top: 12px !important;
    font-size: clamp(13px, .92vw, 15px) !important;
    line-height: 1.47 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__button {
    min-height: 42px !important;
    margin-top: 15px !important;
    padding: 10px 18px 10px 20px !important;
    gap: 12px !important;
    font-size: 13px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers {
    margin-top: 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers-title {
    margin-bottom: 12px !important;
    gap: 14px !important;
    font-size: 16px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers-title::before,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__offers-title::after {
    width: 60px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__grid {
    gap: 12px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card {
    min-height: 0 !important;
    padding: 17px 16px 15px !important;
    border-radius: 16px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-head {
    grid-template-columns: 58px minmax(0,1fr) !important;
    gap: 11px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-icon {
    width: 58px !important;
    height: 58px !important;
    flex-basis: 58px !important;
    border-radius: 12px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-title {
    margin-top: 2px !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__card-description {
    margin: 8px 0 0 69px !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__arrow {
    width: 32px !important;
    height: 32px !important;
    margin-top: 10px !important;
  }

  /* TECHNOLOGIES */
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies {
    padding-top: 28px !important;
    padding-bottom: 30px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    gap: 30px !important;
    align-items: center !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__intro {
    flex: 0 1 43% !important;
    flex-basis: 43% !important;
    max-width: 43% !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual {
    flex: 0 1 57% !important;
    flex-basis: 57% !important;
    max-width: 57% !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__badge {
    min-height: 30px !important;
    margin-bottom: 10px !important;
    padding: 6px 12px !important;
    gap: 7px !important;
    font-size: 11px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__badge-dot {
    width: 8px !important;
    height: 8px !important;
    flex-basis: 8px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__heading {
    max-width: 550px !important;
    font-size: clamp(31px, 2.25vw, 40px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.04em !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__description {
    max-width: 520px !important;
    margin-top: 12px !important;
    font-size: clamp(13px, .92vw, 15px) !important;
    line-height: 1.47 !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner {
    width: 100% !important;
    max-width: 720px !important;
    margin-left: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-image {
    width: 100% !important;
    max-width: 720px !important;
    max-height: 350px !important;
    object-fit: contain !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__grid {
    margin-top: 14px !important;
    gap: 12px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card {
    min-height: 0 !important;
    grid-template-columns: 82px minmax(0,1fr) !important;
    gap: 14px !important;
    padding: 15px 17px !important;
    border-radius: 15px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__group-image {
    width: 82px !important;
    height: 82px !important;
    flex-basis: 82px !important;
    border-radius: 14px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__card-title {
    font-size: 16px !important;
    line-height: 1.22 !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chips {
    margin-top: 9px !important;
    gap: 6px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip {
    min-height: 29px !important;
    padding: 5px 9px !important;
    gap: 6px !important;
    font-size: 11.5px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip-icon {
    width: 16px !important;
    height: 16px !important;
    flex-basis: 16px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip-icon :is(img,svg) {
    width: 15px !important;
    height: 15px !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__chip-icon i {
    font-size: 15px !important;
  }

  /* SERVICE LINKS */
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-top: 24px !important;
    padding-bottom: 28px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__grid {
    gap: 14px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card {
    min-height: 0 !important;
    padding: 16px 15px 15px !important;
    border-radius: 20px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__card-main {
    gap: 5px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 3px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon i {
    font-size: 38px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__icon svg {
    width: 38px !important;
    height: 38px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__accent {
    width: 34px !important;
    height: 2px !important;
    margin-bottom: 7px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__title {
    margin-bottom: 7px !important;
    font-size: clamp(18px, 1.25vw, 22px) !important;
    line-height: 1.13 !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__description {
    font-size: clamp(12px, .78vw, 13px) !important;
    line-height: 1.4 !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow-wrap {
    margin-top: 9px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow {
    width: 36px !important;
    height: 36px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow i {
    font-size: 15px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__arrow svg {
    width: 15px !important;
    height: 15px !important;
  }
}

/* Shared tablet gutters + tighter lower sections. */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies {
    padding-top: 32px !important;
    padding-bottom: 34px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-top: 28px !important;
    padding-bottom: 32px !important;
  }
}

/* Shared phone gutters; lower sections stay compact without changing stacking. */
@media (max-width: 767px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies {
    padding-top: 26px !important;
    padding-bottom: 28px !important;
  }

  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-top: 22px !important;
    padding-bottom: 26px !important;
  }
}

@media (max-width: 430px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* ========================================================================
 * 2026.29.23 - EXACT HEADER WIDTH LOCK
 * The live Sukrit header uses a 1300px content grid. The Mobile App widgets
 * previously used 1400px, producing a visible 50px mismatch on each side.
 * Keep all four sections on the exact same header grid, including existing
 * Elementor instances that may still have the previous 1400px saved value.
 * ====================================================================== */
.elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero__container,
.elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__container,
.elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__container,
.elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links__container {
  width: 100% !important;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep identical horizontal gutters around that same 1300px grid. */
@media (min-width: 1281px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .elementor-widget-sukrit-mobile-app-hero .sukrit-mobile-app-hero,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies,
  .elementor-widget-sukrit-mobile-app-service-links .sukrit-mobile-app-service-links {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* ========================================================================
 * 2026.29.24 - BENEFITS VISUAL LEFT-EDGE FIX ONLY
 * Keep every other section/layout exactly as-is. The desktop Benefits image
 * previously sat inside a 600x360 object-fit box, which letterboxed the
 * near-square artwork and created a false blank strip on the left. Give the
 * image an intrinsic-ratio box and anchor it to the left edge of its column.
 * ====================================================================== */
@media (min-width: 1025px) {
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual {
    justify-content: flex-start !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    width: 390px !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-image {
    display: block !important;
    width: 100% !important;
    max-width: 390px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
}

/* ========================================================================
 * 2026.29.25 - TOP-COLUMN GAP TIGHTENING ONLY
 * The outer 1300px header-aligned grid is already correct. These two desktop
 * top rows were still reserving percentage-based columns larger than their
 * visible artwork/text, which created the marked empty blocks between the
 * Benefits image/content and Technologies intro/visual. Keep every other
 * section, card, typography and responsive rule unchanged.
 * ====================================================================== */
@media (min-width: 1025px) {
  /* Benefits: use the actual visual width as column 1 instead of reserving 46%. */
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top {
    display: grid !important;
    grid-template-columns: minmax(0, 390px) minmax(0, 1fr) !important;
    column-gap: 26px !important;
    row-gap: 0 !important;
    align-items: center !important;
    justify-content: stretch !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual,
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__content {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    flex-basis: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    width: 390px !important;
    max-width: 100% !important;
  }

  /* Technologies: remove the unused middle space and anchor artwork beside copy. */
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    display: grid !important;
    grid-template-columns: minmax(0, 430px) minmax(0, 1fr) !important;
    column-gap: 26px !important;
    row-gap: 0 !important;
    align-items: center !important;
    justify-content: stretch !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__intro,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    flex-basis: auto !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual {
    justify-content: flex-start !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner {
    width: min(100%, 720px) !important;
    max-width: 720px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
  }
}


/* ========================================================================
 * 2026.29.26 - RESTORE FULL-WIDTH TOP ROWS
 * Previous gap tightening incorrectly reduced the visible desktop top rows by
 * turning them into fixed-width grid columns. Restore the original full 1300px
 * two-column proportions and reduce ONLY the space between those columns.
 * Benefits cards, Technologies cards, section width and all other widgets are
 * intentionally untouched.
 * ====================================================================== */
@media (min-width: 1025px) {
  /* Benefits: fill the same 1300px grid as the cards below. */
  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__top {
    display: flex !important;
    width: 100% !important;
    gap: 26px !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual {
    flex: 0 1 47% !important;
    flex-basis: 47% !important;
    width: 47% !important;
    max-width: 47% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__visual-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .elementor-widget-sukrit-mobile-app-benefits .sukrit-mobile-app-benefits__content {
    flex: 0 1 53% !important;
    flex-basis: 53% !important;
    width: 53% !important;
    max-width: 53% !important;
    min-width: 0 !important;
  }

  /* Technologies: restore the original 42% / remaining-width layout. */
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__top {
    display: flex !important;
    width: 100% !important;
    gap: 26px !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__intro {
    flex: 0 1 42% !important;
    flex-basis: 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    min-width: 0 !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: right !important;
  }

  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-image {
    display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* ========================================================================
 * 2026.29.27 - TECHNOLOGIES VISUAL: HORIZONTAL ENLARGE ONLY
 * Expand only the desktop Technologies artwork into the remaining marked
 * right-side space. No column, section, card, typography, height or spacing
 * changes are made here.
 * ====================================================================== */
@media (min-width: 1025px) {
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-image {
    transform: scaleX(1.23) !important;
    transform-origin: left center !important;
  }
}


/* ========================================================================
 * 2026.29.28 - TECHNOLOGIES VISUAL: KEEP ENLARGEMENT INSIDE PAGE GRID
 * Preserve the requested horizontal enlargement from 2026.29.27, but clip
 * only the overflow at the Technologies visual column boundary so the artwork
 * cannot exceed the shared 1300px header/content grid. No other layout rules
 * are changed.
 * ====================================================================== */
@media (min-width: 1025px) {
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual,
  .elementor-widget-sukrit-mobile-app-technologies .sukrit-mobile-app-technologies__visual-inner {
    overflow: hidden !important;
  }
}