/* Conservative responsive fixes. Keep desktop designs intact; tighten only overflow and smaller breakpoints. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

img,
picture,
video,
canvas,
svg,
iframe,
embed,
object {
  max-width: 100%;
}

img,
picture,
video,
canvas,
svg {
  height: auto;
}

.container,
.container-fluid,
.row>*,
[class*="grid"],
[class*="layout"],
.card,
.service-card,
.article-card,
.sd-card,
.wwd-card,
.benefit-card,
.tech-card,
.process-card,
.feature-card,
.value-card,
.team-card,
.testimonial-card,
.contact-form-wrapper,
.article-content-card,
.global-cta-card {
  min-width: 0;
}

p,
li,
a,
button,
span,
h1,
h2,
h3,
h4,
h5,
h6,
.article-content,
.article-content * {
  overflow-wrap: break-word;
}

.article-content img,
.article-content table {
  max-width: 100%;
}

.article-content table {
  display: block;
  overflow-x: auto;
}

.service-grid-section-spacing {
  padding-bottom: clamp(56px, 7vw, 96px) !important;
}

.footer-arviga .footer-brand img {
  display: block;
  width: auto;
  max-width: 180px;
  height: 36px !important;
  object-fit: contain;
}

@media (max-width: 1199.98px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .services-grid-ifative,
  .sd-grid-4,
  .tech-grid,
  .benefits-grid,
  .features-grid,
  .why-grid,
  .article-grid,
  .articles-grid,
  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  /* Clean White Navbar Bar (Default) */
  .navbar#mainNav {
    background: #ffffff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    box-shadow: none !important;
    padding: 0.75rem 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  
  /* Transparent Navbar on Home (when not scrolled) */
  .navbar#mainNav.transparent-nav:not(.scrolled) {
    background: transparent !important;
    border-bottom-color: transparent !important;
  }
  
  /* Force white background when mobile menu is OPEN, even if not scrolled */
  .navbar#mainNav.transparent-nav:not(.scrolled):has(.navbar-collapse.show) {
    background: #ffffff !important;
    border-bottom-color: #f0f0f0 !important;
  }
  
  .navbar#mainNav .container {
    gap: 0;
  }

  /* Logo: normal on white, white on transparent */
  .navbar#mainNav .navbar-brand img {
    max-height: 32px;
    width: auto;
    filter: none !important;
  }
  .navbar#mainNav.transparent-nav:not(.scrolled) .navbar-brand img {
    filter: brightness(0) invert(1) !important;
  }
  /* Revert logo to normal if menu is OPEN */
  .navbar#mainNav.transparent-nav:not(.scrolled):has(.navbar-collapse.show) .navbar-brand img {
    filter: none !important;
  }

  /* Minimal Hamburger */
  .navbar#mainNav .navbar-toggler {
    border: none !important;
    background: transparent !important;
    padding: 0 0.5rem !important;
  }
  .navbar#mainNav .navbar-toggler:focus {
    box-shadow: none !important;
  }
  .navbar#mainNav .navbar-toggler-icon {
    filter: none !important;
    width: 24px;
    height: 24px;
  }
  /* White hamburger on transparent nav */
  .navbar#mainNav.transparent-nav:not(.scrolled) .navbar-toggler-icon {
    filter: brightness(0) invert(1) !important;
  }
  /* Revert hamburger if menu is OPEN */
  .navbar#mainNav.transparent-nav:not(.scrolled):has(.navbar-collapse.show) .navbar-toggler-icon {
    filter: none !important;
  }

  /* Minimal Dropdown Panel */
  .navbar#mainNav .navbar-collapse {
    max-height: calc(100vh - 65px);
    overflow-y: auto;
    background: #ffffff;
    border: none !important;
    box-shadow: none !important;
    margin-top: 0.75rem;
    padding: 1rem 0;
    border-top: 1px solid #f0f0f0 !important;
    border-radius: 0 !important;
  }

  .navbar#mainNav .navbar-nav {
    align-items: stretch !important;
    gap: 0;
  }

  /* Hide icons on mobile */
  .navbar#mainNav .nav-link i,
  .navbar#mainNav .dropdown-item i {
    display: none !important;
  }

  /* Minimal Nav Links */
  .navbar#mainNav .nav-link,
  .navbar#mainNav.transparent-nav .nav-link,
  .navbar#mainNav .nav-lang-toggle,
  .navbar#mainNav.transparent-nav .nav-lang-toggle {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    padding: 0.85rem 1rem !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    color: #4a4a4a !important;
    background: transparent !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-height: auto;
  }
  
  .navbar#mainNav .nav-lang-toggle,
  .navbar#mainNav.transparent-nav .nav-lang-toggle {
    justify-content: space-between;
  }

  /* Active state: blue text, no background */
  .navbar#mainNav .nav-link.active,
  .navbar#mainNav.transparent-nav .nav-link.active,
  .navbar#mainNav .nav-link:hover,
  .navbar#mainNav.transparent-nav .nav-link:hover,
  .navbar#mainNav .nav-link:active,
  .navbar#mainNav.transparent-nav .nav-link:active,
  .navbar#mainNav .nav-link:focus,
  .navbar#mainNav.transparent-nav .nav-link:focus {
    color: #00AEEF !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  
  /* Keep language selector text gray on hover/active */
  .navbar#mainNav .nav-lang-toggle:hover,
  .navbar#mainNav.transparent-nav .nav-lang-toggle:hover,
  .navbar#mainNav .nav-lang-toggle:active,
  .navbar#mainNav.transparent-nav .nav-lang-toggle:active,
  .navbar#mainNav .nav-lang-toggle:focus,
  .navbar#mainNav.transparent-nav .nav-lang-toggle:focus {
    color: #4a4a4a !important;
    background: transparent !important;
  }
  
  /* Remove underline hover animations on mobile */
  .navbar#mainNav .nav-link::before,
  .navbar#mainNav.transparent-nav .nav-link::before,
  .navbar#mainNav .nav-link::after,
  .navbar#mainNav.transparent-nav .nav-link::after,
  .navbar#mainNav .dropdown-item::before,
  .navbar#mainNav .dropdown-item::after,
  .navbar#mainNav .nav-lang-toggle::before,
  .navbar#mainNav.transparent-nav .nav-lang-toggle::before,
  .navbar#mainNav .nav-lang-toggle::after,
  .navbar#mainNav.transparent-nav .nav-lang-toggle::after,
  .navbar#mainNav .lang-btn::before,
  .navbar#mainNav .lang-btn::after {
    display: none !important;
  }

  /* Submenus */
  .navbar#mainNav .dropdown-menu-modern,
  .navbar#mainNav .lang-dropdown {
    position: static !important;
    transform: none !important;
    width: 100%;
    min-width: 100%;
    border: none !important;
    box-shadow: none !important;
    background: #fcfcfc !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .navbar#mainNav .dropdown-item,
  .navbar#mainNav .lang-btn {
    padding: 0.85rem 2rem !important;
    font-size: 1rem !important;
    color: #4a4a4a !important;
    font-weight: 400 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center;
    width: 100% !important;
    text-align: left !important;
    border-radius: 0 !important;
  }
  .navbar#mainNav .dropdown-item:hover,
  .navbar#mainNav .dropdown-item.active,
  .navbar#mainNav .dropdown-item:active,
  .navbar#mainNav .dropdown-item:focus,
  .navbar#mainNav .lang-btn:hover,
  .navbar#mainNav .lang-btn.active,
  .navbar#mainNav .lang-btn:active,
  .navbar#mainNav .lang-btn:focus {
    color: #00AEEF !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  
  /* Hide the check icon inside the lang btn on mobile to keep it super clean */
  .navbar#mainNav .lang-btn .lang-check {
    display: none !important;
  }

  /* Language Flag specific */
  .navbar#mainNav .nav-lang-toggle .lang-toggle-main {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .navbar#mainNav .nav-lang-toggle .lang-flag-img {
    width: 20px;
    height: auto;
    border-radius: 2px;
    display: block;
  }
  
  /* Reset the caret to align right if needed */
  .navbar#mainNav .dropdown-toggle::after {
    margin-left: auto;
    border: none;
    content: "\f107"; /* FontAwesome chevron down */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.9rem;
    vertical-align: middle;
  }


  .arv-home-hero {
    min-height: 100vh !important;
    padding-top: 92px !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  .arv-home-hero-inner {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    min-height: calc(100svh - 92px) !important;
    padding-bottom: 0 !important;
  }

  .arv-home-hero-visual {
    order: 2;
    position: sticky !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100%;
    min-height: clamp(250px, 42vh, 410px) !important;
    margin: -4px auto 0;
    overflow: hidden !important;
    transform: none !important;
    clip-path: none !important;
    transition: none;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .arv-home-hero-copy {
    order: 1;
    width: 100%;
    max-width: 760px;
    padding-left: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
    opacity: 1 !important;
  }

  .arv-home-hero h1 {
    max-width: 100%;
    white-space: normal;
    font-size: clamp(2rem, 7vw, 3.4rem);
  }

  .arv-home-hero p {
    max-width: 100%;
  }

  .arv-home-hero-typing {
    white-space: normal;
  }

  .arv-home-hero-visual img {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    display: block;
    width: min(106vw, 540px) !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 auto;
    transform: translateX(-50%) !important;
    transform-origin: bottom center;

    height: 100% !important;
    object-fit: cover !important;
    margin-bottom: 0 !important;
  }

  .la-overview-layout,
  .la-product-cta,
  .sd-about-grid,
  .sd-hero-grid,
  .contact-layout,
  .articles-layout,
  .article-detail-layout,
  .article-page-layout,
  .about-hero-grid,
  .hero-grid,
  .cta-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: clamp(18px, 4vw, 32px);
  }

  .hero-actions,
  .home-hero-actions,
  .arv-home-hero-actions,
  .la-hero-actions,
  .sd-hero-actions,
  .cta-actions,
  .button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .section-title,
  .ifative-section-title,
  .global-cta-title {
    font-size: clamp(1.7rem, 5vw, 2.7rem);
    line-height: 1.15;
  }
}

@media (max-width: 767.98px) {

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-left: 16px;
    padding-right: 16px;
  }

  .services-grid-ifative,
  .wwd-grid,
  .horizontal-process-grid,
  .partner-logo-grid,
  .sd-grid-4,
  .sd-grid-3,
  .sd-related-grid,
  .article-grid,
  .articles-grid,
  .blog-grid,
  .core-values-grid,
  .stats-grid,
  .features-grid,
  .benefits-grid,
  .tech-grid,
  .why-grid,
  .process-grid,
  .team-grid,
  .case-study-grid,
  .portfolio-grid,
  .testimonial-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px;
  }

  .la-strip-grid,
  .stats-strip,
  .metric-strip {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(210px, 1fr);
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
  }

  .la-strip-grid>*,
  .stats-strip>*,
  .metric-strip>* {
    scroll-snap-align: start;
  }

  .arv-home-hero {
    min-height: 100vh !important;
    padding-top: 84px !important;
    padding-bottom: 0 !important;
  }

  .arv-home-hero-visual {
    min-height: clamp(230px, 38vh, 360px) !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .arv-home-hero h1 {
    font-size: clamp(1.85rem, 9.5vw, 2.8rem);
    line-height: 1.16;
  }

  .arv-home-hero p {
    margin-top: 16px;
    font-size: 0.9rem;
    line-height: 1.65;
  }

  .arv-home-hero-actions,
  .hero-actions,
  .home-hero-actions,
  .la-hero-actions,
  .sd-hero-actions,
  .cta-actions,
  .button-group {
    flex-direction: column;
  }

  .arv-home-hero-btn,
  .btn,
  .hero-actions .btn,
  .home-hero-actions .btn,
  .la-hero-actions .btn,
  .sd-hero-actions .btn,
  .cta-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .article-content-card,
  .contact-form-wrapper,
  .global-cta-card {
    padding: 24px !important;
  }
}

@media (max-width: 575.98px) {

  .container,
  .container-fluid,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    padding-left: 12px;
    padding-right: 12px;
  }

  .arv-home-hero {
    padding-top: 78px !important;
  }

  .arv-home-hero-inner {
    gap: 16px;
  }

  .arv-home-hero-visual img {
    width: min(100%, 440px) !important;

    height: 100% !important;
    object-fit: cover !important;
    margin-bottom: 0 !important;
  }

  .arv-home-hero-social {
    gap: 12px;
  }

  .article-content-card,
  .contact-form-wrapper,
  .global-cta-card {
    padding: 20px !important;
  }
}

/* Homepage mobile card polish */
@media (max-width: 767.98px) {
  .client-partner-section .partner-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .client-partner-section .partner-logo-card {
    min-height: 82px !important;
    padding: 10px 12px !important;
    border-radius: 8px;
  }

  .client-partner-section .partner-logo-card img,
  .client-partner-section .partner-logo-card .partner-logo-wide {
    max-width: 128px !important;
    max-height: 48px !important;
  }

  .la-product-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .la-product-logo-grid div {
    min-height: 86px !important;
    padding: 12px 10px !important;
    gap: 8px !important;
  }

  .la-product-logo-grid i {
    width: 36px !important;
    height: 36px !important;
    font-size: 1rem !important;
  }

  .la-product-logo-grid strong {
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
  }

  .services-ifative .services-grid-ifative {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .services-ifative .service-card-ifative {
    min-height: 0 !important;
    border-radius: 8px !important;
  }

  .services-ifative .service-card-ifative .service-image {
    height: 96px !important;
  }

  .services-ifative .service-card-ifative .service-content {
    padding: 0.72rem !important;
  }

  .services-ifative .service-card-ifative h3 {
    margin-bottom: 0.38rem !important;
    font-size: 0.86rem !important;
    line-height: 1.28 !important;
  }

  .services-ifative .service-card-ifative p {
    margin-bottom: 0.65rem !important;
    font-size: 0.72rem !important;
    line-height: 1.42 !important;
    -webkit-line-clamp: 2;
  }

  .services-ifative .service-card-ifative .tech-icons {
    gap: 0.2rem !important;
    margin-top: 0.22rem !important;
    margin-bottom: 0.42rem !important;
  }

  .services-ifative .service-card-ifative .tech-badge {
    padding: 0.16rem 0.42rem !important;
    font-size: 0.55rem !important;
  }

  .services-ifative .service-card-ifative .learn-more {
    min-height: 32px !important;
    padding: 0.45rem 0.58rem !important;
    font-size: 0.68rem !important;
    border-radius: 6px !important;
  }

  .faq-question {
    padding: 16px !important;
    gap: 12px !important;
  }

  .faq-question span {
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
  }

  .faq-answer-inner {
    padding: 0 16px 16px !important;
    font-size: 0.88rem !important;
    line-height: 1.65 !important;
  }
}

@media (min-width: 430px) and (max-width: 767.98px) {
  .la-overview .la-solution-help-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .la-overview .la-solution-help-card {
    grid-template-columns: 34px 1fr !important;
    min-height: 96px !important;
    padding: 12px !important;
    gap: 10px !important;
  }

  .la-overview .la-solution-help-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 0.95rem !important;
  }

  .la-overview .la-solution-help-card h4 {
    font-size: 0.74rem !important;
  }

  .la-overview .la-solution-help-card p {
    font-size: 0.68rem !important;
    line-height: 1.36 !important;
  }
}

@media (max-width: 379.98px) {
  .services-ifative .services-grid-ifative {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Let the next section cover the sticky hero instead of clipping the image away. */
@media (max-width: 991.98px) {

  .arv-home-hero+.la-strip,
  .arv-home-hero~section,
  .arv-home-hero~.services-ifative {
    position: relative;
    z-index: 8 !important;
  }


}

/* Keep the full hero person visible on mobile. */
@media (max-width: 991.98px) {
  .arv-home-hero {
    overflow: visible !important;
  }

  .arv-home-hero-visual {
    min-height: auto !important;
    margin: 8px auto 0 !important;
    overflow: visible !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .arv-home-hero-visual img {
    position: sticky !important;
    left: auto !important;
    bottom: auto !important;
    width: min(92vw, 460px) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(48svh, 430px) !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    transform: none !important;

    height: 100% !important;
    object-fit: cover !important;
    margin-bottom: 0 !important;
  }


}

/* Compact trusted strip on mobile. */
@media (max-width: 767.98px) {
  .la-strip {
    padding: 8px 0 !important;
  }

  .la-strip .la-strip-grid {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow-x: visible !important;
    padding: 0 12px !important;
    scroll-snap-type: none !important;
  }

  .la-strip .la-strip-item {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 8px !important;
    text-align: left !important;
    scroll-snap-align: none !important;
  }

  .la-strip .la-strip-item i {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.86rem !important;
  }

  .la-strip .la-strip-item span {
    min-width: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 359.98px) {
  .la-strip .la-strip-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Mobile trusted strip carousel controls. */
.la-strip-shell {
  position: relative;
}

.la-strip-nav {
  display: none;
}

@media (max-width: 767.98px) {
  .la-strip {
    padding: 10px 0 !important;
  }

  .la-strip-shell {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
  }

  .la-strip .la-strip-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(146px, 44vw) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .la-strip .la-strip-grid::-webkit-scrollbar {
    display: none;
  }

  .la-strip .la-strip-item {
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    padding: 8px 9px !important;
    border-radius: 8px !important;
    text-align: left !important;
    scroll-snap-align: start !important;
  }

  .la-strip .la-strip-item i {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.78rem !important;
  }

  .la-strip .la-strip-item span {
    min-width: 0 !important;
    font-size: 0.68rem !important;
    line-height: 1.18 !important;
    overflow-wrap: normal !important;
  }

  .la-strip-nav {
    width: 34px;
    height: 34px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(8, 118, 209, 0.18);
    border-radius: 8px;
    background: #ffffff;
    color: #0876d1;
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(8, 72, 128, 0.1);
  }

  .la-strip-nav:disabled {
    opacity: 0.42;
  }
}

@media (max-width: 379.98px) {
  .la-strip .la-strip-grid {
    grid-auto-columns: minmax(136px, 72vw) !important;
  }
}

/* Polished transparent mobile strip carousel. */
@media (max-width: 767.98px) {
  .la-strip {
    padding: 8px 0 !important;
  }

  .la-strip-shell {
    display: block !important;
    position: sticky !important;
    padding: 0 8px !important;
  }

  .la-strip-shell::before,
  .la-strip-shell::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 42px;
    pointer-events: none;
  }

  .la-strip-shell::before {
    left: 0;
    background: linear-gradient(90deg, rgba(243, 247, 251, 0.96), rgba(243, 247, 251, 0));
  }

  .la-strip-shell::after {
    right: 0;
    background: linear-gradient(270deg, rgba(243, 247, 251, 0.96), rgba(243, 247, 251, 0));
  }

  .la-strip .la-strip-grid {
    grid-auto-columns: minmax(132px, 39vw) !important;
    gap: 8px !important;
    padding: 0 42px !important;
  }

  .la-strip .la-strip-item {
    min-height: 42px !important;
    gap: 6px !important;
    padding: 7px 8px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(8, 118, 209, 0.1) !important;
    box-shadow: 0 8px 18px rgba(8, 72, 128, 0.07) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .la-strip .la-strip-item i {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 6px !important;
    background: rgba(8, 118, 209, 0.08) !important;
    color: #0876d1 !important;
    font-size: 0.68rem !important;
  }

  .la-strip .la-strip-item span {
    font-size: 0.64rem !important;
    line-height: 1.16 !important;
    font-weight: 850 !important;
  }

  .la-strip-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 4 !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.42) !important;
    color: rgba(8, 87, 154, 0.92) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 22px rgba(8, 72, 128, 0.14) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform: translateY(-50%);
  }

  .la-strip-nav-prev {
    left: 8px !important;
  }

  .la-strip-nav-next {
    right: 8px !important;
  }

  .la-strip-nav:disabled {
    opacity: 0.36 !important;
  }
}

@media (max-width: 379.98px) {
  .la-strip .la-strip-grid {
    grid-auto-columns: minmax(126px, 66vw) !important;
  }
}

/* Simple mobile auto-scrolling trusted strip. */
.la-strip-nav {
  display: none !important;
}

@media (max-width: 767.98px) {
  .la-strip {
    padding: 8px 0 !important;
  }

  .la-strip-shell {
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .la-strip-shell::before,
  .la-strip-shell::after {
    display: none !important;
  }

  .la-strip .la-strip-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(142px, 42vw) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 14px !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .la-strip .la-strip-grid::-webkit-scrollbar {
    display: none;
  }

  .la-strip .la-strip-item {
    min-height: 44px !important;
    width: auto !important;
    gap: 7px !important;
    padding: 8px 9px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.84) !important;
    border: 1px solid rgba(8, 118, 209, 0.1) !important;
    box-shadow: 0 8px 18px rgba(8, 72, 128, 0.07) !important;
    scroll-snap-align: start !important;
  }

  .la-strip .la-strip-item i {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 6px !important;
    background: rgba(8, 118, 209, 0.08) !important;
    color: #0876d1 !important;
    font-size: 0.74rem !important;
  }

  .la-strip .la-strip-item span {
    font-size: 0.66rem !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
  }
}

@media (max-width: 379.98px) {
  .la-strip .la-strip-grid {
    grid-auto-columns: minmax(136px, 68vw) !important;
  }
}

/* Tighten mobile hero bottom spacing so the next section starts closer. */
@media (max-width: 767.98px) {
  .arv-home-hero {
    min-height: 100vh !important;
    padding-bottom: 8px !important;
  }

  .arv-home-hero-inner {

    gap: 4px !important;
  }

  .arv-home-hero-visual {
    margin-top: 0 !important;
    margin-bottom: -4px !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .arv-home-hero-visual img {
    width: min(88vw, 420px) !important;
    max-height: min(42svh, 380px) !important;

    height: 100% !important;
    object-fit: cover !important;
    margin-bottom: 0 !important;
  }


}

/* Fix mobile trusted strip text clipping and bottom spacing. */
@media (max-width: 767.98px) {
  .la-strip .la-strip-grid {
    grid-auto-columns: minmax(172px, 54vw) !important;
    align-items: stretch !important;
    padding: 0 14px 4px !important;
  }

  .la-strip .la-strip-item {
    min-height: 54px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 11px 11px !important;
    overflow: visible !important;
  }

  .la-strip .la-strip-item i {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }

  .la-strip .la-strip-item span {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 0.7rem !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 379.98px) {
  .la-strip .la-strip-grid {
    grid-auto-columns: minmax(164px, 76vw) !important;
  }
}

/* Keep mobile trusted strip cards compact to their text. */
@media (max-width: 767.98px) {
  .la-strip .la-strip-grid {
    display: flex !important;
    gap: 8px !important;
    align-items: stretch !important;
    padding: 0 14px 4px !important;
  }

  .la-strip .la-strip-item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 126px !important;
    max-width: 168px !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
  }

  .la-strip .la-strip-item span {
    font-size: 0.68rem !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 379.98px) {
  .la-strip .la-strip-item {
    min-width: 122px !important;
    max-width: 156px !important;
  }
}

/* Size mobile trusted strip cards by their text, not fixed widths. */
@media (max-width: 767.98px) {
  .la-strip .la-strip-grid {
    gap: 7px !important;
    padding: 0 12px 3px !important;
  }

  .la-strip .la-strip-item {
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 38px !important;
    gap: 6px !important;
    padding: 7px 9px !important;
  }

  .la-strip .la-strip-item i {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    font-size: 0.68rem !important;
  }

  .la-strip .la-strip-item span {
    width: max-content !important;
    white-space: nowrap !important;
    font-size: 0.66rem !important;
    line-height: 1.1 !important;
  }
}

@media (max-width: 379.98px) {
  .la-strip .la-strip-item {
    min-width: 0 !important;
    max-width: none !important;
    padding: 7px 8px !important;
  }
}

/* Force mobile trusted strip cards to shrink-wrap their content. */
@media (max-width: 767.98px) {
  .la-strip .la-strip-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    align-items: center !important;
    padding: 0 10px 3px !important;
  }

  .la-strip .la-strip-item {
    display: inline-flex !important;
    flex: 0 0 fit-content !important;
    flex-basis: fit-content !important;
    inline-size: fit-content !important;
    width: fit-content !important;
    min-width: unset !important;
    max-width: unset !important;
    min-height: 34px !important;
    gap: 5px !important;
    padding: 6px 8px !important;
    white-space: nowrap !important;
  }

  .la-strip .la-strip-item i {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    font-size: 0.62rem !important;
  }

  .la-strip .la-strip-item span {
    display: inline !important;
    inline-size: auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    font-size: 0.64rem !important;
    line-height: 1 !important;
  }
}

/* Tighten homepage section rhythm on mobile. */
@media (max-width: 767.98px) {

  .la-strip,
  .la-overview,
  .la-product-band,
  .services-ifative,
  .faq-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .client-partner-section {
    padding-top: 28px !important;
    padding-bottom: 56px !important;
  }

  .articles-preview-section {
    padding-top: 28px !important;
    padding-bottom: 110px !important;
  }

  .la-strip {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }

  .la-section-head,
  .services-ifative .section-header,
  .la-product-trusted {
    margin-bottom: 16px !important;
  }

  .la-product-trusted {
    padding-top: 26px !important;
  }

  .service-grid-section-spacing {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 420px) {

  .la-overview,
  .la-product-band,
  .services-ifative,
  .client-partner-section,
  .faq-section,
  .articles-preview-section {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

/* Extra tight mobile homepage spacing. */
@media (max-width: 767.98px) {

  .la-overview,
  .la-product-band,
  .services-ifative,
  .services-ifative.service-grid-section-spacing,
  .client-partner-section,
  .faq-section,
  .articles-preview-section {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .la-strip {
    padding-top: 4px !important;
    padding-bottom: 6px !important;
  }

  .la-section-head,
  .services-ifative .section-header,
  .section-header,
  .la-product-trusted {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
  }

  .la-product-trusted {
    padding-top: 14px !important;
  }

  .la-overview-copy>p,
  .services-ifative .section-header p,
  .la-product-cta-copy p {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }

  .la-overview-copy h3 {
    margin-bottom: 10px !important;
  }

  .la-solution-help-grid,
  .services-ifative .services-grid-ifative,
  .partner-logo-grid,
  .faq-list {
    margin-top: 0 !important;
  }

  .service-grid-section-spacing {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 420px) {

  .la-overview,
  .la-product-band,
  .services-ifative,
  .services-ifative.service-grid-section-spacing,
  .client-partner-section,
  .faq-section,
  .articles-preview-section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* Ultra compact homepage spacing on mobile. */
@media (max-width: 767.98px) {

  .la-overview,
  .la-product-band,
  .services-ifative,
  .services-ifative.service-grid-section-spacing,
  .client-partner-section,
  .faq-section,
  .articles-preview-section {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .la-strip {
    padding-top: 2px !important;
    padding-bottom: 4px !important;
  }

  .la-section-head,
  .services-ifative .section-header,
  .section-header,
  .la-product-trusted {
    margin-bottom: 6px !important;
    padding-bottom: 4px !important;
  }

  .la-product-trusted {
    padding-top: 6px !important;
  }

  .la-section-head h2,
  .services-ifative .section-header h2,
  .la-product-trusted h2,
  .la-overview-copy h2,
  .la-product-cta-copy h2 {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
  }

  .la-overview-copy>p,
  .services-ifative .section-header p,
  .la-product-cta-copy p {
    margin-top: 5px !important;
    margin-bottom: 6px !important;
  }

  .la-overview-copy h3 {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
  }

  .la-solution-help-grid,
  .services-ifative .services-grid-ifative,
  .partner-logo-grid,
  .faq-list,
  .la-product-logo-grid {
    margin-top: 0 !important;
    gap: 8px !important;
  }

  .service-grid-section-spacing {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 420px) {

  .la-overview,
  .la-product-band,
  .services-ifative,
  .services-ifative.service-grid-section-spacing,
  .client-partner-section,
  .faq-section,
  .articles-preview-section {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}

/* Remove remaining mobile gap around the trusted strip. */
@media (max-width: 767.98px) {
  .arv-home-hero {
    padding-bottom: 0 !important;
  }

  .arv-home-hero-visual {
    margin-bottom: -10px !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }



  .la-strip {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .la-strip-shell {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .la-strip .la-strip-grid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .la-strip .la-strip-item {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .la-strip+.la-overview {
    margin-top: -10px !important;
    padding-top: 0 !important;
  }

  .la-overview-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .la-overview-visual {
    margin-top: 0 !important;
  }
}

/* Mobile hero portrait layout inspired by the reference screenshot. */
@media (max-width: 767.98px) {
  .arv-home-hero {
    position: sticky !important;
    top: 0;
    z-index: 0;
    min-height: 100vh !important;
    padding: 86px 0 14px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #58a9ee 0%, #158ce7 100%) !important;
  }

  .arv-home-hero::before {
    content: '';
    position: absolute;
    top: -46px;
    left: -36px;
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    pointer-events: none;
  }

  .arv-home-hero-inner {
    position: static !important;
    display: block !important;
    min-height: 510px !important;
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .arv-home-hero-copy {
    position: sticky !important;
    z-index: 3 !important;
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    padding: 0 !important;
  }

  .arv-home-hero-kicker {
    margin-bottom: 12px !important;
    padding: 5px 8px !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #158ce7 !important;
    font-size: 0.72rem !important;
  }

  .arv-home-hero h1 {
    max-width: 236px !important;
    color: #ffffff !important;
    font-size: clamp(1.8rem, 9vw, 2.35rem) !important;
    line-height: 1.04 !important;
    font-weight: 500 !important;
  }

  .arv-home-hero p {
    max-width: 245px !important;
    margin-top: 16px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.75rem !important;
    line-height: 1.62 !important;
  }

  .arv-home-hero-actions {
    width: min(100%, 238px) !important;
    margin-top: 18px !important;
    gap: 8px !important;
  }

  .arv-home-hero-btn {
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 4px !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.08em !important;
  }

  .arv-home-hero-btn-primary {
    background: #0876d1 !important;
    color: #ffffff !important;
  }

  .arv-home-hero-btn-secondary {
    background: #ffffff !important;
    color: #0876d1 !important;
  }

  .arv-home-hero-social {
    display: none !important;
  }

  .arv-home-hero-visual {
    position: absolute !important;
    z-index: 2 !important;
    right: -20px !important;
    bottom: 0 !important;
    width: 50% !important;
    height: 560px !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .arv-home-hero-visual::before {
    display: none !important;
  }

  .arv-home-hero-visual img {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: none !important;
    filter: drop-shadow(0 22px 34px rgba(0, 66, 122, 0.18)) !important;
    margin-bottom: 0 !important;
  }


}

@media (max-width: 380px) {
  .arv-home-hero {
    min-height: 100vh !important;
  }

  .arv-home-hero h1 {
    max-width: 218px !important;
    font-size: 1.75rem !important;
  }

  .arv-home-hero p,
  .arv-home-hero-actions {
    max-width: 226px !important;
  }

  .arv-home-hero-visual {
    right: -20px !important;
    width: 50% !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }
}

/* Keep mobile hero copy clear while pushing portrait further right. */
@media (max-width: 767.98px) {
  .arv-home-hero-copy {
    max-width: 245px !important;
    padding-right: 0 !important;
  }

  .arv-home-hero h1 {
    max-width: 220px !important;
    text-shadow: 0 8px 22px rgba(0, 80, 150, 0.18);
  }

  .arv-home-hero p {
    max-width: 218px !important;
    text-shadow: 0 8px 20px rgba(0, 80, 150, 0.16);
  }

  .arv-home-hero-actions {
    max-width: 220px !important;
  }

  .arv-home-hero-visual {
    right: -20px !important;
    width: 50% !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .arv-home-hero-visual img {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 380px) {
  .arv-home-hero-copy {
    max-width: 218px !important;
  }

  .arv-home-hero h1,
  .arv-home-hero p,
  .arv-home-hero-actions {
    max-width: 206px !important;
  }

  .arv-home-hero-visual {
    right: -158px !important;
    width: 292px !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }
}

/* Give mobile hero text more room and move portrait further off-canvas. */
@media (max-width: 767.98px) {
  .arv-home-hero-copy {
    max-width: 292px !important;
  }

  .arv-home-hero h1 {
    max-width: 286px !important;
    font-size: clamp(1.58rem, 7.4vw, 2.08rem) !important;
    line-height: 1.08 !important;
  }

  .arv-home-hero p {
    max-width: 276px !important;
    font-size: 0.72rem !important;
    line-height: 1.52 !important;
  }

  .arv-home-hero-actions {
    max-width: 276px !important;
    width: min(100%, 276px) !important;
  }

  .arv-home-hero-visual {
    right: -190px !important;
    width: 330px !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }
}

@media (max-width: 380px) {
  .arv-home-hero-copy {
    max-width: 260px !important;
  }

  .arv-home-hero h1 {
    max-width: 252px !important;
    font-size: 1.48rem !important;
  }

  .arv-home-hero p,
  .arv-home-hero-actions {
    max-width: 246px !important;
  }

  .arv-home-hero-visual {
    right: -208px !important;
    width: 322px !important;

    height: 50vh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }
}

/* Pin overview experience badge to the image corner on mobile. */
@media (max-width: 767.98px) {
  .la-overview-visual {
    position: sticky !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  .la-overview-experience {
    right: 0 !important;
    bottom: 0 !important;
    width: 86px !important;
    height: 188px !important;
    min-height: 188px !important;
    padding: 10px 8px !important;
    border-radius: 10px 0 0 0 !important;
    z-index: 3 !important;
  }

  .la-overview-experience strong {
    font-size: 1.45rem !important;
  }

  .la-overview-experience span {
    font-size: 0.64rem !important;
    letter-spacing: 0.1em !important;
  }

  .la-overview-experience-icon i,
  .la-overview-experience i {
    font-size: 1.08rem !important;
  }
}

@media (max-width: 460px) {
  .la-overview-experience {
    right: 0 !important;
    bottom: 0 !important;
    width: 78px !important;
    height: 170px !important;
    min-height: 170px !important;
  }
}

/* Keep overview experience label inside the mobile badge. */
@media (max-width: 767.98px) {
  .la-overview-experience span {
    font-size: 0.52rem !important;
    letter-spacing: 0.07em !important;
    line-height: 1 !important;
  }

  .la-overview-experience strong {
    font-size: 1.28rem !important;
  }
}

@media (max-width: 460px) {
  .la-overview-experience span {
    font-size: 0.48rem !important;
    letter-spacing: 0.06em !important;
  }
}

/* Compact overview copy and help cards on mobile. */
@media (max-width: 767.98px) {
  .la-overview-kicker {
    margin-bottom: 6px !important;
    font-size: 0.72rem !important;
  }

  .la-overview-copy h2 {
    max-width: 100% !important;
    padding-bottom: 8px !important;
    font-size: 1.28rem !important;
    line-height: 1.18 !important;
  }

  .la-overview-copy h2::after {
    width: 44px !important;
    height: 3px !important;
  }

  .la-overview-copy>p {
    margin: 8px 0 10px !important;
    font-size: 0.76rem !important;
    line-height: 1.48 !important;
  }

  .la-overview-copy h3 {
    margin: 0 0 8px !important;
    font-size: 0.92rem !important;
    line-height: 1.25 !important;
  }

  .la-solution-help-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 12px !important;
  }

  .la-solution-help-card {
    grid-template-columns: 40px 1fr !important;
    min-height: 80px !important;
    height: auto !important;
    padding: 16px !important;
    gap: 16px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  }

  .la-solution-help-icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 1.2rem !important;
  }

  .la-solution-help-card h4 {
    margin-bottom: 4px !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !important;
  }

  .la-solution-help-card p {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: unset !important;
  }
}

@media (max-width: 460px) {
  .la-overview-copy h2 {
    font-size: 1.18rem !important;
  }

  .la-solution-help-card {
    min-height: 68px !important;
  }
}

/* Give the last overview help card breathing room before the next section on mobile. */
@media (max-width: 767.98px) {
  .la-overview .la-solution-help-grid {
    margin-bottom: 16px !important;
  }

  .la-overview {
    padding-bottom: 18px !important;
  }
}

@media (max-width: 420px) {
  .la-overview .la-solution-help-grid {
    margin-bottom: 14px !important;
  }
}

/* Compact auto-scrolling Trusted By cards on mobile. */
@media (max-width: 767.98px) {
  .la-product-trusted {
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px 0 8px !important;
    margin-bottom: 4px !important;
    overflow: hidden !important;
  }

  .la-product-trusted>span {
    margin-bottom: 4px !important;
    font-size: 0.58rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .la-product-trusted>span::before,
  .la-product-trusted>span::after {
    width: 16px !important;
  }

  .la-product-trusted h2 {
    max-width: calc(100vw - 24px) !important;
    padding-bottom: 16px !important;
    font-size: clamp(0.98rem, 4.4vw, 1.16rem) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .la-product-trusted,
  .la-capability .la-section-head,
  .client-partner-section .la-section-head,
  .faq-section .la-section-head,
  .articles-preview-section .la-section-head {
    padding-bottom: 16px !important;
  }

  .client-partner-section .la-section-head span,
  .faq-section .la-section-head span,
  .articles-preview-section .la-section-head span {
    margin-bottom: 4px !important;
    font-size: 0.65rem !important;
  }

  .client-partner-section .la-section-head h2,
  .faq-section .la-section-head h2,
  .articles-preview-section .la-section-head h2 {
    font-size: clamp(1.1rem, 5vw, 1.3rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
  }

  .client-partner-section .la-section-head,
  .faq-section .la-section-head,
  .articles-preview-section .la-section-head {
    margin-bottom: 32px !important;
  }

  .la-product-logo-grid,
  .client-partner-section .partner-logo-grid {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    width: 100% !important;
    margin-top: 6px !important;
    padding: 0 12px 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .client-partner-section .partner-logo-grid {
    margin-bottom: 48px !important;
  }

  .la-product-logo-grid::-webkit-scrollbar,
  .client-partner-section .partner-logo-grid::-webkit-scrollbar {
    display: none;
  }

  .la-product-logo-grid>div,
  .client-partner-section .partner-logo-grid .partner-logo-card {
    flex: 0 0 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 66px !important;
    padding: 8px 7px !important;
    gap: 5px !important;
    border-radius: 8px !important;
    scroll-snap-align: start !important;
  }

  .la-product-logo-grid i {
    width: 26px !important;
    height: 26px !important;
    font-size: 0.76rem !important;
    border-radius: 7px !important;
  }

  .la-product-logo-grid strong {
    font-size: 0.58rem !important;
    line-height: 1.16 !important;
    font-weight: 850 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

@media (max-width: 380px) {
  .la-product-logo-grid>div {
    flex-basis: 98px !important;
    width: 98px !important;
    min-width: 98px !important;
  }

  .la-product-trusted h2 {
    font-size: 0.98rem !important;
  }
}

.la-strip {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
}




/* Ensure the strip is mepet ke atas (close to the image) */
@media (max-width: 991px) {
  .arv-home-hero+.la-strip {
    margin-top: -30px !important;
    position: relative;
    z-index: 10;
  }
}


/* Center text vertically above image on mobile so it doesnt hit the logo */
@media (max-width: 991px) {
  .arv-home-hero-copy {
    margin-top: 8vh !important;
    margin-bottom: 24px !important;
  }
}


/* MASTER OVERRIDE FOR MOBILE HERO IMAGE */
@media (max-width: 991px) {
  .arv-home-hero {
    height: 100svh !important;
    min-height: 100svh !important;
    padding-top: 84px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  .arv-home-hero-copy {
    margin-top: 0 !important;
    margin-bottom: auto !important;
    padding-top: 10px !important;
    position: relative;
    z-index: 10;
  }

  .arv-home-hero-visual {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    margin-bottom: 0 !important;
  }

  .arv-home-hero-visual img {
    position: absolute !important;
    right: -50vw !important;
    bottom: 0 !important;
    width: auto !important;
    height: 85% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: right bottom !important;
    margin: 0 !important;
    z-index: 1 !important;
    opacity: 1 !important;
  }
}
/* Smaller homepage hero image on mobile phones only. */
@media (max-width: 767.98px) {
  .arv-home-hero-visual img {
    right: -38vw !important;
    height: 60% !important;
  }
}

@media (max-width: 380px) {
  .arv-home-hero-visual img {
    right: -40vw !important;
    height: 56% !important;
  }
}

/* Mobile homepage articles: spacing and two-card limit. */
@media (max-width: 767.98px) {
  .articles-preview-section {
    padding-bottom: 66px !important;
    margin-bottom: 0 !important;
    background: #f3f7fb !important;
    position: relative !important;
    z-index: 8 !important;
  }

  .articles-preview-section .services-grid-ifative {
    gap: 16px !important;
    margin-bottom: 10px !important;
  }

  .articles-preview-section .service-card-ifative:nth-child(n+3) {
    display: none !important;
  }
}