/* =====================================================
   Leaforge Beautiful Mobile Fix
   Added to run AFTER all page CSS and inline styles.
   Purpose: readable cards, managed images, clean mobile layout.
===================================================== */

@media (max-width: 991px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  body {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  img,
  svg,
  video,
  canvas,
  iframe {
    max-width: 100% !important;
  }

  img,
  video,
  canvas {
    height: auto !important;
  }

  table {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Header and mobile menu */
  .lf-fw2-topbar,
  .lf-fw2-nav {
    display: none !important;
  }

  .lf-fw2-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(2, 54, 61, 0.08) !important;
  }

  .lf-fw2-main,
  .lf-fw2-main-inner {
    height: 74px !important;
    min-height: 74px !important;
  }

  .lf-fw2-main-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 16px !important;
  }

  .lf-fw2-logo {
    min-width: 0 !important;
    width: auto !important;
    max-width: calc(100vw - 94px) !important;
  }

  .lf-fw2-logo img,
  .lf-fw2-logo-img {
    width: auto !important;
    max-width: min(190px, calc(100vw - 100px)) !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }

  .lf-fw2-logo-scrolled {
    display: none !important;
  }

  .lf-fw2-logo-normal {
    display: block !important;
  }

  .lf-fw2-menu-toggle {
    display: inline-flex !important;
    width: 44px !important;
    height: 42px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    background: #08745f !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(8, 116, 95, 0.22) !important;
  }

  .lf-fw2-menu-toggle span {
    width: 22px !important;
    height: 2px !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    display: block !important;
  }

  body.lf-mega-menu-open {
    overflow: hidden !important;
  }

  .lf-mega-menu {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding: 82px 18px 28px !important;
    background: #023f36 !important;
    z-index: 10000 !important;
  }

  .lf-mega-menu:not(.is-open) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .lf-mega-menu.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .lf-mega-close {
    position: fixed !important;
    top: 18px !important;
    right: 18px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.14) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    z-index: 10001 !important;
  }

  .lf-mega-menu-left,
  .lf-mega-menu-right {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .lf-mega-col,
  .lf-mega-contact,
  .lf-mega-quick-links,
  .lf-mega-socials,
  .lf-mega-whatsapp {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
  }

  .lf-mega-col h2,
  .lf-mega-menu h2 {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin: 0 0 12px !important;
    color: #ffffff !important;
  }

  .lf-mega-menu ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  .lf-mega-menu li {
    list-style: none !important;
    margin: 0 !important;
  }

  .lf-mega-menu a {
    display: block !important;
    padding: 9px 0 !important;
    font-size: 14.5px !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,0.88) !important;
    overflow-wrap: anywhere !important;
  }

  /* Universal mobile section breathing room */
  section[class*="lf-"],
  .lf-page-reusable-about-section,
  .lf-page-reusable-diagram-section,
  .lf-page-reusable-explore-section,
  .lf-page-reusable-why-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  section[class*="section"],
  .contact-section,
  .bc-green-services,
  .custom-ui-section,
  .ms-faq-section,
  .lf-privacy-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  [class*="container"],
  [class*="wrap"],
  [class*="layout"],
  [class*="inner"],
  [class*="content"] {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Typography */
  h1,
  .lf-inner-hero-content h1,
  .lf-page-hero h1,
  body.home-page .lf-home-slide-content h1 {
    font-size: clamp(30px, 8.4vw, 44px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.6px !important;
    overflow-wrap: anywhere !important;
  }

  h2,
  .lf-bc-heading h2,
  .lf-modern-heading h2,
  .lf-bc-dev-heading h2,
  .lf-bc-support-heading h2,
  .lf-r5-steps-heading h2,
  .lf-r8-steps-heading h2,
  .lf-r5-fit-heading h2,
  .lf-r5-home-style-heading h2,
  .lf-rapid-pro-heading h2,
  .lf-industry-heading h2,
  .lf-v7-projects-heading h2,
  .lf-privacy-heading h1 {
    font-size: clamp(26px, 7vw, 36px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.3px !important;
    overflow-wrap: anywhere !important;
  }

  h3,
  .lf-card-item h3,
  .lf-v7-project-info h3,
  .lf-modern-card h3,
  .lf-bc-dev-card h3,
  .lf-bc-support-card h3,
  .lf-r5-step-card h3,
  .lf-r8-step-card h3,
  .lf-ri-card-content h3,
  .lf-industry-content h3 {
    font-size: clamp(19px, 5vw, 24px) !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere !important;
  }

  p,
  li,
  .lf-inner-hero-content p,
  body.home-page .lf-home-slide-content p,
  .lf-modern-heading p,
  .lf-bc-dev-heading p,
  .lf-bc-support-heading p,
  .lf-r5-steps-heading p,
  .lf-r8-steps-heading p,
  .lf-privacy-block p {
    font-size: 15px !important;
    line-height: 1.72 !important;
    overflow-wrap: anywhere !important;
  }

  /* Home slider mobile hero */
  body.home-page .lf-home-hero-slider {
    height: auto !important;
    min-height: 610px !important;
    max-height: none !important;
  }

  body.home-page .lf-home-slide {
    min-height: 610px !important;
    background-size: cover !important;
    background-position: center center !important;
    padding: 96px 18px 76px !important;
    display: flex !important;
    align-items: center !important;
  }

  body.home-page .lf-home-slide-overlay {
    background: linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.86) 52%, rgba(255,255,255,0.72) 100%) !important;
    backdrop-filter: blur(1px) !important;
    -webkit-backdrop-filter: blur(1px) !important;
  }

  body.home-page .lf-home-slide-content {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 24px 20px 26px !important;
    background: rgba(255,255,255,0.86) !important;
    border: 1px solid rgba(8,116,95,0.15) !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 46px rgba(2,54,61,0.12) !important;
    text-align: left !important;
  }

  body.home-page .lf-home-slide-buttons,
  .lf-inner-hero-actions,
  .cta-buttons,
  .lf-bc-hero-cta-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body.home-page .lf-home-btn,
  .lf-inner-hero-primary,
  .lf-inner-hero-secondary,
  .lf-page-btn,
  .bc-button,
  .cta-btn,
  .lf-explore-cta-btn,
  .lf-bc-know-btn,
  .lf-bc-hero-cta-primary-btn,
  .lf-bc-hero-cta-secondary-btn {
    width: 100% !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 13px 18px !important;
    border-radius: 12px !important;
    white-space: normal !important;
  }

  body.home-page .lf-home-slider-arrow {
    width: 38px !important;
    height: 38px !important;
    top: auto !important;
    bottom: 18px !important;
    transform: none !important;
  }

  body.home-page .lf-home-slider-prev { left: 18px !important; }
  body.home-page .lf-home-slider-next { right: 18px !important; }

  body.home-page .lf-home-slider-dots {
    bottom: 24px !important;
  }

  /* Inner page hero */
  .lf-inner-hero,
  .lf-page-hero,
  .lf-contact-hero {
    min-height: auto !important;
    padding: 112px 18px 54px !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .lf-inner-hero::before,
  .lf-page-hero::before,
  .lf-contact-hero::before {
    background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.86) 100%) !important;
  }

  .lf-inner-hero-container,
  .lf-inner-hero-content,
  .lf-page-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .lf-inner-hero-content,
  .lf-page-hero .lf-page-container,
  .lf-contact-hero .lf-page-container {
    padding: 24px 20px !important;
    background: rgba(255,255,255,0.86) !important;
    border: 1px solid rgba(8,116,95,0.14) !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 42px rgba(2,54,61,0.10) !important;
  }

  .lf-inner-hero-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .lf-inner-hero-tags span,
  .lf-inner-hero-kicker,
  .lf-r5-week-label,
  .lf-r8-week-label,
  .lf-card-label,
  .lf-bc-dev-label,
  .lf-bc-support-label {
    letter-spacing: 1.4px !important;
    font-size: 10.5px !important;
  }

  /* All grids and side-by-side sections become clean readable cards */
  .lf-card-grid,
  .feature-grid,
  .bc-services-grid,
  .benefits-wrap,
  .lf-bc-classic-grid,
  .lf-bc-modules-green-grid,
  .lf-bc-dev-grid,
  .lf-bc-support-grid,
  .lf-modern-card-grid,
  .lf-r5-steps-grid,
  .lf-r8-steps-grid,
  .lf-r5-fit-grid,
  .lf-r5-home-style-grid,
  .lf-ri-card-grid,
  .lf-industry-grid,
  .lf-v7-projects-grid,
  .lf-v7-why-grid,
  .lf-why-grid,
  .lf-help-grid,
  .contact-container,
  .form-row,
  .stats-row,
  .custom-ui-main,
  .lf-smarter-erp-container,
  .lf-bc-hero-cta-card-grid,
  .lf-bc-potential-grid,
  .lf-wd-process-layout,
  .lf-wd-home-split,
  .lf-rapid5-layout,
  .lf-rapid8-layout,
  .lf-rapid-info-layout,
  .lf-rapid-why-layout,
  .lf-rapid-pro-cards,
  .lf-benefit-card,
  .lf-footer-container,
  .lf-bc-feature-row,
  .lf-bc-feature-items {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .lf-v7-about-wrap,
  .lf-v7-why-wrap,
  .lf-v7-why-inner,
  .lf-explore-cta-container,
  .about-content,
  .contact-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }

  /* Mobile card styling */
  .lf-card-item,
  .feature-card,
  .bc-service-item,
  .benefits-card,
  .lf-bc-classic-card,
  .lf-bc-module-green-card,
  .lf-bc-dev-card,
  .lf-bc-support-card,
  .lf-modern-card,
  .lf-r5-step-card,
  .lf-r8-step-card,
  .lf-r5-fit-card,
  .lf-r5-home-style-card,
  .lf-ri-card,
  .lf-industry-card,
  .lf-v7-project-card,
  .lf-v7-why-feature,
  .lf-why-card,
  .lf-help-content,
  .lf-wd-process-item,
  .lf-rapid-point,
  .lf-rapid-pro-card,
  .lf-bc-hero-cta-card,
  .lf-bc-potential-card,
  .lf-privacy-card,
  .accordion-item,
  .ms-faq-accordion,
  .form-group,
  .contact-form,
  .contact-info,
  .info-box,
  .stat-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    height: auto !important;
    padding: 22px 18px !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(2, 54, 61, 0.08) !important;
    overflow: hidden !important;
  }

  .lf-card-item::before,
  .lf-card-item::after,
  .lf-modern-card::before,
  .lf-modern-card::after,
  .lf-r5-step-card::after,
  .lf-r8-step-card::after,
  .lf-r5-fit-card::after,
  .lf-bc-dev-card::after,
  .lf-bc-support-card::after,
  .lf-privacy-card::after {
    pointer-events: none !important;
  }

  .lf-card-top,
  .lf-r5-step-top,
  .lf-r8-step-top,
  .lf-r5-fit-top,
  .lf-bc-module-green-card,
  .lf-bc-feature-row,
  .lf-bc-feature-items {
    align-items: flex-start !important;
  }

  /* Images */
  .lf-bc-dev-image,
  .lf-bc-support-image,
  .lf-benefit-image,
  .lf-help-image-box,
  .lf-help-image-wrap,
  .lf-wd-home-image,
  .lf-v7-about-image,
  .lf-v7-why-image,
  .lf-ri-card-image,
  .lf-industry-image,
  .lf-rapid5-image-box,
  .lf-rapid8-image-box,
  .lf-rapid-why-image,
  .about-visual,
  .about-banner,
  .team-image {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .lf-bc-dev-image img,
  .lf-bc-support-image img,
  .lf-benefit-image img,
  .lf-help-image-box img,
  .lf-help-image-wrap img,
  .lf-wd-home-image img,
  .lf-v7-about-image img,
  .lf-v7-why-image img,
  .lf-ri-card-image img,
  .lf-industry-image img,
  .lf-rapid5-image-box img,
  .lf-rapid8-image-box img,
  .lf-rapid-why-image img,
  .about-visual img,
  .about-banner img,
  .team-image img,
  .lf-v7-project-card img,
  .lf-industry-card img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 18px !important;
  }

  /* Alternate layouts: text first, image second on mobile */
  .lf-wd-home-split-reverse .lf-wd-home-content,
  .lf-industry-home-style-section .lf-wd-home-split-reverse .lf-wd-home-content,
  .lf-benefit-content,
  .lf-bc-dev-content,
  .lf-bc-support-content,
  .lf-rapid5-content,
  .lf-rapid8-content,
  .lf-rapid-why-content {
    order: 1 !important;
  }

  .lf-wd-home-split-reverse .lf-wd-home-image,
  .lf-industry-home-style-section .lf-wd-home-split-reverse .lf-wd-home-image,
  .lf-benefit-image,
  .lf-bc-dev-image,
  .lf-bc-support-image,
  .lf-rapid5-image-box,
  .lf-rapid8-image-box,
  .lf-rapid-why-image {
    order: 2 !important;
  }

  /* Business Central circular diagram converted into vertical mobile cards */
  .lf-bc-diagram-section {
    padding: 58px 18px 64px !important;
  }

  .lf-bc-diagram-wrap {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 28px auto 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .lf-bc-orbit {
    display: none !important;
  }

  .lf-bc-center-circle {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 190px !important;
    height: 190px !important;
    margin: 0 auto 10px !important;
    order: -1 !important;
    border: 1px solid rgba(8,116,95,0.13) !important;
    box-shadow: 0 14px 36px rgba(2,54,61,0.09) !important;
  }

  .lf-bc-center-circle h3 {
    font-size: 17px !important;
  }

  .lf-bc-center-circle span {
    font-size: 14px !important;
  }

  .lf-bc-diagram-item,
  .item-finance,
  .item-project,
  .item-sales,
  .item-operations,
  .item-supply,
  .item-reporting {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid rgba(8,116,95,0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(2,54,61,0.07) !important;
  }

  .lf-bc-label,
  .left-label,
  .right-label {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    order: 2 !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .lf-bc-icon-circle {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    order: 1 !important;
  }

  .lf-bc-icon-circle svg {
    width: 31px !important;
    height: 31px !important;
  }

  /* Tables and feature matrices */
  .lf-bc-features-table-container,
  .lf-bc-features-table,
  .privacy-text,
  .ms-faq-list {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .lf-bc-features-table {
    min-width: 650px !important;
  }

  /* Forms */
  input,
  select,
  textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  textarea {
    min-height: 130px !important;
  }

  /* Footer */
  .lf-footer {
    text-align: center !important;
  }

  .lf-footer-container,
  .lf-footer-main {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .lf-footer-col,
  .lf-footer-about,
  .lf-footer-links,
  .lf-footer-address {
    text-align: center !important;
  }

  .lf-footer-line,
  .lf-title-line,
  .lf-heading-line,
  .title-line {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 575px) {
  section[class*="section"],
  .contact-section,
  .bc-green-services,
  .custom-ui-section,
  .ms-faq-section,
  .lf-privacy-section {
    padding-top: 52px !important;
    padding-bottom: 56px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .lf-fw2-main,
  .lf-fw2-main-inner {
    height: 70px !important;
    min-height: 70px !important;
  }

  .lf-fw2-logo img,
  .lf-fw2-logo-img {
    max-width: min(170px, calc(100vw - 92px)) !important;
    max-height: 48px !important;
  }

  body.home-page .lf-home-hero-slider,
  body.home-page .lf-home-slide {
    min-height: 600px !important;
  }

  body.home-page .lf-home-slide {
    padding: 90px 15px 72px !important;
  }

  body.home-page .lf-home-slide-content,
  .lf-inner-hero-content,
  .lf-page-hero .lf-page-container,
  .lf-contact-hero .lf-page-container {
    padding: 22px 17px !important;
    border-radius: 18px !important;
  }

  .lf-inner-hero,
  .lf-page-hero,
  .lf-contact-hero {
    padding: 98px 15px 46px !important;
  }

  h1,
  .lf-inner-hero-content h1,
  .lf-page-hero h1,
  body.home-page .lf-home-slide-content h1 {
    font-size: clamp(28px, 9.2vw, 38px) !important;
  }

  h2,
  .lf-bc-heading h2,
  .lf-modern-heading h2,
  .lf-bc-dev-heading h2,
  .lf-bc-support-heading h2,
  .lf-r5-steps-heading h2,
  .lf-r8-steps-heading h2,
  .lf-r5-fit-heading h2,
  .lf-r5-home-style-heading h2,
  .lf-rapid-pro-heading h2,
  .lf-industry-heading h2,
  .lf-v7-projects-heading h2,
  .lf-privacy-heading h1 {
    font-size: clamp(24px, 8vw, 32px) !important;
  }

  p,
  li {
    font-size: 14.6px !important;
  }

  .lf-card-item,
  .feature-card,
  .bc-service-item,
  .benefits-card,
  .lf-bc-classic-card,
  .lf-bc-module-green-card,
  .lf-bc-dev-card,
  .lf-bc-support-card,
  .lf-modern-card,
  .lf-r5-step-card,
  .lf-r8-step-card,
  .lf-r5-fit-card,
  .lf-r5-home-style-card,
  .lf-ri-card,
  .lf-industry-card,
  .lf-v7-project-card,
  .lf-v7-why-feature,
  .lf-why-card,
  .contact-form,
  .contact-info,
  .lf-privacy-card {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  .lf-bc-dev-image img,
  .lf-bc-support-image img,
  .lf-benefit-image img,
  .lf-help-image-box img,
  .lf-help-image-wrap img,
  .lf-wd-home-image img,
  .lf-v7-about-image img,
  .lf-v7-why-image img,
  .lf-ri-card-image img,
  .lf-industry-image img,
  .lf-rapid5-image-box img,
  .lf-rapid8-image-box img,
  .lf-rapid-why-image img,
  .about-visual img,
  .about-banner img,
  .team-image img,
  .lf-v7-project-card img,
  .lf-industry-card img {
    aspect-ratio: 4 / 3 !important;
  }
}

/* =====================================================
   FINAL MOBILE CORRECTION - 22 Jun
   1) Keep home slider overlay same as desktop/normal view
   2) Do not show two cards anywhere on mobile
===================================================== */
@media (max-width: 991px) {
  /* Home slider: restore same overlay and text style as desktop */
  body.home-page .lf-home-slide-overlay {
    background: linear-gradient(
      90deg,
      rgba(8, 131, 122, 0.411) 0%,
      rgba(255, 255, 255, 0.05) 100%
    ) !important;
    backdrop-filter: blur(0.5px) !important;
    -webkit-backdrop-filter: blur(0.5px) !important;
  }

  body.home-page .lf-home-slide-content {
    width: min(100% - 30px, 1080px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 72px 18px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    z-index: 3 !important;
  }

  body.home-page .lf-home-slide-content::before {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important;
  }

  body.home-page .lf-home-slide-content h1,
  body.home-page .lf-home-slide-content p {
    color: #ffffff !important;
    text-align: center !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.22) !important;
  }

  body.home-page .lf-home-slide-content h1::after {
    background: #ffffff !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Every mobile grid/card group should be one card per row */
  [class*="grid"],
  [class*="Grid"],
  [class*="cards"],
  [class*="Cards"],
  .row,
  .lf-why-grid,
  .lf-v7-why-grid,
  .lf-card-grid,
  .lf-v7-projects-grid,
  .lf-bc-dev-grid,
  .lf-bc-support-grid,
  .lf-modern-card-grid,
  .lf-r5-steps-grid,
  .lf-r8-steps-grid,
  .lf-r5-fit-grid,
  .lf-r5-home-style-grid,
  .lf-ri-card-grid,
  .lf-industry-grid,
  .lf-help-grid,
  .bc-services-grid,
  .feature-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .row > *,
  [class*="col-"],
  [class*="column"],
  [class*="Column"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Why Choose Us cards: full width and readable */
  .lf-why-card,
  .lf-v7-why-feature,
  .why-card,
  .choose-card,
  [class*="why-card"],
  [class*="choose-card"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 575px) {
  body.home-page .lf-home-slide-content {
    padding: 62px 14px 0 !important;
  }

  body.home-page .lf-home-slide-content h1 {
    font-size: clamp(28px, 8.8vw, 38px) !important;
    line-height: 1.18 !important;
  }

  body.home-page .lf-home-slide-content p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}