.elementor-9700 .elementor-element.elementor-element-99626ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-9700 .elementor-element.elementor-element-8356cb5{--display:flex;--min-height:620px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:80px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;--z-index:2;}.elementor-9700 .elementor-element.elementor-element-8356cb5:not(.elementor-motion-effects-element-type-background), .elementor-9700 .elementor-element.elementor-element-8356cb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9700 .elementor-element.elementor-element-663606c{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:400;color:#B8B8B8;}.elementor-9700 .elementor-element.elementor-element-3ce00dc{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:400;color:#D0D0D0;}.elementor-9700 .elementor-element.elementor-element-4b3b423{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9700 .elementor-element.elementor-element-cf1e64e .elementor-button{background-color:#FCB415;font-family:"Manrope", Sans-serif;font-weight:500;fill:#050505;color:#050505;border-radius:3px 3px 3px 3px;}.elementor-9700 .elementor-element.elementor-element-cf1e64e{width:auto;max-width:auto;padding:16px 28px 16px 28px;}.elementor-9700 .elementor-element.elementor-element-cf1e64e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9700 .elementor-element.elementor-element-b104f68 .elementor-button{background-color:#61CE7000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-9700 .elementor-element.elementor-element-b104f68{width:auto;max-width:auto;padding:16px 28px 16px 28px;}.elementor-9700 .elementor-element.elementor-element-b104f68 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9700 .elementor-element.elementor-element-d5f8457{--display:flex;--min-height:620px;}.elementor-9700 .elementor-element.elementor-element-d5f8457:not(.elementor-motion-effects-element-type-background), .elementor-9700 .elementor-element.elementor-element-d5f8457 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bidllc.ae/wp-content/uploads/2026/07/MULTIMEDIA-DESIGN-PROD-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9700 .elementor-element.elementor-element-1027f14{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFB20040;--border-color:#FFB20040;--border-radius:4px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9700 .elementor-element.elementor-element-1027f14:not(.elementor-motion-effects-element-type-background), .elementor-9700 .elementor-element.elementor-element-1027f14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-9700 .elementor-element.elementor-element-2d1b5a0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-9700 .elementor-element.elementor-element-1778ec6 .elementor-icon-wrapper{text-align:center;}.elementor-9700 .elementor-element.elementor-element-1778ec6.elementor-view-stacked .elementor-icon{background-color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-1778ec6.elementor-view-framed .elementor-icon, .elementor-9700 .elementor-element.elementor-element-1778ec6.elementor-view-default .elementor-icon{color:#FCB415;border-color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-1778ec6.elementor-view-framed .elementor-icon, .elementor-9700 .elementor-element.elementor-element-1778ec6.elementor-view-default .elementor-icon svg{fill:#FCB415;}.elementor-9700 .elementor-element.elementor-element-1778ec6 .elementor-icon{font-size:42px;}.elementor-9700 .elementor-element.elementor-element-1778ec6 .elementor-icon svg{height:42px;}.elementor-9700 .elementor-element.elementor-element-ae60e0e{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9700 .elementor-element.elementor-element-d29a2ec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-9700 .elementor-element.elementor-element-d29a2ec .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:28px;font-weight:700;color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-3967c9e{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:#FFFFFF;}.elementor-9700 .elementor-element.elementor-element-90d9996{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9700 .elementor-element.elementor-element-df372ca .elementor-icon-wrapper{text-align:center;}.elementor-9700 .elementor-element.elementor-element-df372ca.elementor-view-stacked .elementor-icon{background-color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-df372ca.elementor-view-framed .elementor-icon, .elementor-9700 .elementor-element.elementor-element-df372ca.elementor-view-default .elementor-icon{color:#FCB415;border-color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-df372ca.elementor-view-framed .elementor-icon, .elementor-9700 .elementor-element.elementor-element-df372ca.elementor-view-default .elementor-icon svg{fill:#FCB415;}.elementor-9700 .elementor-element.elementor-element-df372ca .elementor-icon{font-size:42px;}.elementor-9700 .elementor-element.elementor-element-df372ca .elementor-icon svg{height:42px;}.elementor-9700 .elementor-element.elementor-element-4acebe0{--display:flex;}.elementor-9700 .elementor-element.elementor-element-3eee5aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-9700 .elementor-element.elementor-element-3eee5aa .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:28px;font-weight:700;color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-eb1a660{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:#FFFFFF;}.elementor-9700 .elementor-element.elementor-element-02495cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9700 .elementor-element.elementor-element-90f7cf9 .elementor-icon-wrapper{text-align:center;}.elementor-9700 .elementor-element.elementor-element-90f7cf9.elementor-view-stacked .elementor-icon{background-color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-90f7cf9.elementor-view-framed .elementor-icon, .elementor-9700 .elementor-element.elementor-element-90f7cf9.elementor-view-default .elementor-icon{color:#FCB415;border-color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-90f7cf9.elementor-view-framed .elementor-icon, .elementor-9700 .elementor-element.elementor-element-90f7cf9.elementor-view-default .elementor-icon svg{fill:#FCB415;}.elementor-9700 .elementor-element.elementor-element-90f7cf9 .elementor-icon{font-size:42px;}.elementor-9700 .elementor-element.elementor-element-90f7cf9 .elementor-icon svg{height:42px;}.elementor-9700 .elementor-element.elementor-element-5e12622{--display:flex;}.elementor-9700 .elementor-element.elementor-element-716f9f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-9700 .elementor-element.elementor-element-716f9f4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:28px;font-weight:700;color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-372e59b{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:#FFFFFF;}.elementor-9700 .elementor-element.elementor-element-d990074{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9700 .elementor-element.elementor-element-b6576d4 .elementor-icon-wrapper{text-align:center;}.elementor-9700 .elementor-element.elementor-element-b6576d4.elementor-view-stacked .elementor-icon{background-color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-b6576d4.elementor-view-framed .elementor-icon, .elementor-9700 .elementor-element.elementor-element-b6576d4.elementor-view-default .elementor-icon{color:#FCB415;border-color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-b6576d4.elementor-view-framed .elementor-icon, .elementor-9700 .elementor-element.elementor-element-b6576d4.elementor-view-default .elementor-icon svg{fill:#FCB415;}.elementor-9700 .elementor-element.elementor-element-b6576d4 .elementor-icon{font-size:38px;}.elementor-9700 .elementor-element.elementor-element-b6576d4 .elementor-icon svg{height:38px;}.elementor-9700 .elementor-element.elementor-element-81db594{--display:flex;}.elementor-9700 .elementor-element.elementor-element-383c0b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-9700 .elementor-element.elementor-element-383c0b2 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:28px;font-weight:700;color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-b9ac4e1{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:#FFFFFF;}.elementor-9700 .elementor-element.elementor-element-d1cc464{--display:flex;}.elementor-9700 .elementor-element.elementor-element-8c506ef{--spacer-size:40px;}.elementor-9700 .elementor-element.elementor-element-0ffb016{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9700 .elementor-element.elementor-element-0ffb016:not(.elementor-motion-effects-element-type-background), .elementor-9700 .elementor-element.elementor-element-0ffb016 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-9700 .elementor-element.elementor-element-523faa1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9700 .elementor-element.elementor-element-887e591{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9700 .elementor-element.elementor-element-b8656c1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;}.elementor-9700 .elementor-element.elementor-element-8c2cb5e{--display:flex;}.elementor-9700 .elementor-element.elementor-element-8c2cb5e:not(.elementor-motion-effects-element-type-background), .elementor-9700 .elementor-element.elementor-element-8c2cb5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bidllc.ae/wp-content/uploads/2026/07/360-virtual-reality-vr-cover.webp");background-position:center center;background-size:cover;}.elementor-9700 .elementor-element.elementor-element-19fd10b{--display:flex;}.elementor-9700 .elementor-element.elementor-element-82b2334{--display:flex;}.elementor-9700 .elementor-element.elementor-element-82b2334:not(.elementor-motion-effects-element-type-background), .elementor-9700 .elementor-element.elementor-element-82b2334 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bidllc.ae/wp-content/uploads/2026/07/augmented-reality-ar-cover.webp");background-position:center center;background-size:cover;}.elementor-9700 .elementor-element.elementor-element-a944cb6{--display:flex;}.elementor-9700 .elementor-element.elementor-element-b2abdd5{--display:flex;}.elementor-9700 .elementor-element.elementor-element-b2abdd5:not(.elementor-motion-effects-element-type-background), .elementor-9700 .elementor-element.elementor-element-b2abdd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bidllc.ae/wp-content/uploads/2026/07/sales-leasing-apps-cover.webp");background-position:center right;background-size:cover;}.elementor-9700 .elementor-element.elementor-element-0d08103{--display:flex;}.elementor-9700 .elementor-element.elementor-element-9caa8a0{--display:flex;}.elementor-9700 .elementor-element.elementor-element-56bd8d6{--display:flex;}.elementor-9700 .elementor-element.elementor-element-3387847{--display:flex;}.elementor-9700 .elementor-element.elementor-element-3387847:not(.elementor-motion-effects-element-type-background), .elementor-9700 .elementor-element.elementor-element-3387847 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bidllc.ae/wp-content/uploads/2026/07/Social-Media-Cutdowns.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9700 .elementor-element.elementor-element-75a57ab{--display:flex;}.elementor-9700 .elementor-element.elementor-element-4807501 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-9700 .elementor-element.elementor-element-ba07705{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;color:#FCB415;}.elementor-9700 .elementor-element.elementor-element-4817a3a .elementor-button{background-color:#FCB415;font-family:"Manrope", Sans-serif;font-weight:800;fill:#000000;color:#000000;}.elementor-9700 .elementor-element.elementor-element-4817a3a .elementor-button:hover, .elementor-9700 .elementor-element.elementor-element-4817a3a .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-9700 .elementor-element.elementor-element-4817a3a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9700 .elementor-element.elementor-element-4817a3a .elementor-button:hover svg, .elementor-9700 .elementor-element.elementor-element-4817a3a .elementor-button:focus svg{fill:#000000;}.elementor-9700 .elementor-element.elementor-element-5754c04{--spacer-size:40px;}@media(max-width:767px){.elementor-9700 .elementor-element.elementor-element-d29a2ec .elementor-heading-title{font-size:22px;}.elementor-9700 .elementor-element.elementor-element-3eee5aa .elementor-heading-title{font-size:22px;}.elementor-9700 .elementor-element.elementor-element-716f9f4 .elementor-heading-title{font-size:22px;}.elementor-9700 .elementor-element.elementor-element-383c0b2 .elementor-heading-title{font-size:22px;}}@media(min-width:768px){.elementor-9700 .elementor-element.elementor-element-8356cb5{--width:48%;}.elementor-9700 .elementor-element.elementor-element-d5f8457{--width:52%;}.elementor-9700 .elementor-element.elementor-element-1027f14{--content-width:100%;}.elementor-9700 .elementor-element.elementor-element-2d1b5a0{--width:25%;}.elementor-9700 .elementor-element.elementor-element-90d9996{--width:25%;}.elementor-9700 .elementor-element.elementor-element-02495cf{--width:25%;}.elementor-9700 .elementor-element.elementor-element-d990074{--width:25%;}.elementor-9700 .elementor-element.elementor-element-0ffb016{--content-width:1360px;}.elementor-9700 .elementor-element.elementor-element-523faa1{--width:48%;}.elementor-9700 .elementor-element.elementor-element-887e591{--content-width:1360px;}}/* Start custom CSS *//* =========================================================
   BIDLLC ARCHITECTURAL SCALE MODELS PAGE
   FINAL CLEAN PAGE CSS
   Font: Manrope
   Sections:
   01 Hero
   02 Value Strip
   03 Model Types Intro
   04 8 Card Grid
   05 Impact CTA Banner
========================================================= */


/* =========================================================
   GLOBAL FONT
========================================================= */

.ohana-hero,
.case-study-stats,
.asm-model-types-intro,
.asm-model-grid-section,
.impact-cta-section,
.ohana-hero *,
.case-study-stats *,
.asm-model-types-intro *,
.asm-model-grid-section *,
.impact-cta-section * {
  font-family: "Manrope", sans-serif !important;
}


/* =========================================================
   01. HERO SECTION
========================================================= */

.ohana-hero {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 560px !important;
  background: #050505 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.ohana-hero > .e-con-inner {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 560px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

.ohana-hero-image {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  width: 72% !important;
  max-width: 72% !important;
  min-height: 100% !important;
  display: block !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.ohana-hero-image img {
  display: none !important;
}

.ohana-hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      #050505 0%,
      rgba(5, 5, 5, 0.98) 12%,
      rgba(5, 5, 5, 0.90) 27%,
      rgba(5, 5, 5, 0.62) 44%,
      rgba(5, 5, 5, 0.28) 67%,
      rgba(5, 5, 5, 0.46) 100%
    );
}

.ohana-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(5, 5, 5, 0.42) 0%,
      rgba(5, 5, 5, 0.06) 42%,
      rgba(5, 5, 5, 0.78) 100%
    );
}

.ohana-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 76% 42%,
      rgba(252, 180, 21, 0.06) 0%,
      rgba(252, 180, 21, 0.02) 25%,
      rgba(5, 5, 5, 0) 54%
    );
}

.ohana-hero-content {
  position: relative !important;
  z-index: 5 !important;
  width: 48% !important;
  flex: 0 0 48% !important;
  max-width: 48% !important;
  min-height: 560px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  background: transparent !important;
  padding: 58px 0 58px 100px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.ohana-hero-breadcrumb,
.ohana-hero-breadcrumb p {
  margin: 0 0 42px 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #d6d6d6 !important;
}

.ohana-hero-breadcrumb a {
  color: #d6d6d6 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.ohana-hero-breadcrumb a:hover {
  color: #FCB415 !important;
}

.ohana-hero-breadcrumb span,
.ohana-hero-breadcrumb strong,
.ohana-hero-breadcrumb .active,
.ohana-hero-breadcrumb .current,
.ohana-hero-breadcrumb .current-item,
.ohana-hero-breadcrumb .breadcrumb_last,
.ohana-hero-breadcrumb .last,
.ohana-hero-breadcrumb [aria-current="page"] {
  color: #FCB415 !important;
  font-weight: 500 !important;
}

.ohana-hero-title {
  margin: 0 !important;
  padding: 0 !important;
}

.ohana-hero-title h1,
.ohana-hero-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 610px !important;
  font-size: clamp(46px, 3.55vw, 62px) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  letter-spacing: -0.045em !important;
  text-transform: none !important;
}

.ohana-hero-title h1 span,
.ohana-hero-title .elementor-heading-title span {
  display: block !important;
  color: #ffffff !important;
}

.ohana-hero-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #FCB415;
  margin: 24px 0 0 0;
}

.ohana-hero-description {
  max-width: 610px !important;
  margin: 26px 0 0 0 !important;
  padding: 0 !important;
}

.ohana-hero-description,
.ohana-hero-description p {
  font-size: clamp(17px, 1.02vw, 19px) !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
  color: #ffffff !important;
}

.ohana-hero-description p {
  margin: 0 !important;
  padding: 0 !important;
}

.ohana-hero-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: flex-start !important;
  gap: 22px !important;
  margin: 40px 0 0 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
}

.ohana-hero-buttons > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 22px !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.ohana-hero-buttons .elementor-widget-button {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ohana-hero-buttons .elementor-button-wrapper {
  width: auto !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ohana-btn-primary .elementor-button,
.ohana-btn-secondary .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 30px !important;
  box-sizing: border-box !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: all 0.25s ease !important;
}

.ohana-btn-primary .elementor-button {
  min-width: 220px !important;
  background: #FCB415 !important;
  color: #050505 !important;
  border: 1px solid #FCB415 !important;
}

.ohana-btn-primary .elementor-button:hover {
  background: #ffffff !important;
  color: #050505 !important;
  border-color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.ohana-btn-secondary .elementor-button {
  min-width: 235px !important;
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
}

.ohana-btn-secondary .elementor-button:hover {
  background: #FCB415 !important;
  color: #050505 !important;
  border-color: #FCB415 !important;
  transform: translateY(-2px) !important;
}


/* =========================================================
   02. VALUE STRIP
========================================================= */

.case-study-stats {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 70px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background:
    linear-gradient(
      180deg,
      #101010 0%,
      #090909 100%
    ) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
}

.case-study-stats > .e-con-inner {
  width: 100% !important;
  max-width: 1360px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

.case-study-stats .stat-item {
  position: relative !important;
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 30px 36px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

.case-study-stats .stat-item:hover {
  background: transparent !important;
}

.case-study-stats .stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 52%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.14);
}

.case-study-stats .elementor-widget,
.case-study-stats .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.case-study-stats .elementor-icon-wrapper {
  line-height: 1 !important;
}

.case-study-stats .stat-icon,
.case-study-stats .stat-item .elementor-widget-icon {
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.case-study-stats .stat-icon .elementor-icon,
.case-study-stats .stat-item .elementor-widget-icon .elementor-icon {
  font-size: 32px !important;
  width: 38px !important;
  height: 38px !important;
  color: #FCB415 !important;
  fill: #FCB415 !important;
  stroke: #FCB415 !important;
  border: none !important;
  background: transparent !important;
}

.case-study-stats .stat-icon .elementor-icon i,
.case-study-stats .stat-item .elementor-widget-icon .elementor-icon i {
  color: #FCB415 !important;
}

.case-study-stats .stat-icon svg,
.case-study-stats .stat-item .elementor-widget-icon svg,
.case-study-stats .stat-item svg,
.case-study-stats .stat-item svg path {
  width: 38px !important;
  height: 38px !important;
  color: #FCB415 !important;
  fill: #FCB415 !important;
  stroke: #FCB415 !important;
}

.case-study-stats .stat-item > .e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  width: auto !important;
  flex: 1 1 auto !important;
}

.case-study-stats .stat-value,
.case-study-stats .stat-value .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.case-study-stats .stat-value .elementor-heading-title,
.case-study-stats .stat-item h1,
.case-study-stats .stat-item h2,
.case-study-stats .stat-item h3,
.case-study-stats .stat-item h4,
.case-study-stats .stat-item h5,
.case-study-stats .stat-item h6 {
  margin: 0 !important;
  padding: 0 !important;
  color: #FCB415 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.case-study-stats .stat-label,
.case-study-stats .stat-label p,
.case-study-stats .elementor-widget-text-editor,
.case-study-stats .elementor-widget-text-editor p {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.case-study-stats .stat-item .elementor-icon,
.case-study-stats .stat-item .elementor-icon i,
.case-study-stats .stat-item svg,
.case-study-stats .stat-item svg path,
.case-study-stats .stat-item h1,
.case-study-stats .stat-item h2,
.case-study-stats .stat-item h3,
.case-study-stats .stat-item h4,
.case-study-stats .stat-item h5,
.case-study-stats .stat-item h6,
.case-study-stats .stat-item .elementor-heading-title,
.case-study-stats .stat-item .elementor-widget-text-editor,
.case-study-stats .stat-item .elementor-widget-text-editor p,
.case-study-stats .stat-label,
.case-study-stats .stat-label p {
  transition:
    color 0.25s ease,
    fill 0.25s ease,
    stroke 0.25s ease,
    opacity 0.25s ease,
    transform 0.25s ease !important;
}

.case-study-stats .stat-item:hover .stat-icon .elementor-icon,
.case-study-stats .stat-item:hover .stat-icon .elementor-icon i,
.case-study-stats .stat-item:hover .elementor-widget-icon .elementor-icon,
.case-study-stats .stat-item:hover .elementor-widget-icon .elementor-icon i {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.case-study-stats .stat-item:hover .stat-icon svg,
.case-study-stats .stat-item:hover .elementor-widget-icon svg,
.case-study-stats .stat-item:hover svg,
.case-study-stats .stat-item:hover svg path {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.case-study-stats .stat-item:hover .stat-value .elementor-heading-title,
.case-study-stats .stat-item:hover h1,
.case-study-stats .stat-item:hover h2,
.case-study-stats .stat-item:hover h3,
.case-study-stats .stat-item:hover h4,
.case-study-stats .stat-item:hover h5,
.case-study-stats .stat-item:hover h6 {
  color: #ffffff !important;
}

.case-study-stats .stat-item:hover .stat-label,
.case-study-stats .stat-item:hover .stat-label p,
.case-study-stats .stat-item:hover .elementor-widget-text-editor,
.case-study-stats .stat-item:hover .elementor-widget-text-editor p {
  color: #FCB415 !important;
}



/* =========================================================
   05. IMPACT CTA BANNER
   Full-width design kept
   Elementor controls typography, colors, button style, hover
========================================================= */

.impact-cta-section,
.impact-cta-banner,
.impact-cta-copy {
  --width: 100% !important;
  --max-width: none !important;
  --content-width: 100% !important;
  --container-max-width: none !important;
}

.elementor .elementor-element:has(.impact-cta-section),
.elementor .elementor-element:has(.impact-cta-banner),
.e-con:has(.impact-cta-section),
.e-con:has(.impact-cta-banner),
.elementor-widget-wrap:has(.impact-cta-section),
.elementor-widget-wrap:has(.impact-cta-banner) {
  max-width: none !important;
  overflow: visible !important;
}

.impact-cta-section,
.impact-cta-section.e-con,
.impact-cta-section.elementor-element {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  inline-size: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: block !important;
}

.impact-cta-section > .e-con-inner,
.impact-cta-section > .elementor-container {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.impact-cta-banner,
.impact-cta-banner.e-con,
.impact-cta-banner.elementor-element {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 180px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  isolation: isolate !important;
}

.impact-cta-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(0, 0, 0, 0.58) !important;
  pointer-events: none !important;
}

.impact-cta-banner::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.78) 0%,
      rgba(0, 0, 0, 0.62) 36%,
      rgba(0, 0, 0, 0.44) 68%,
      rgba(0, 0, 0, 0.34) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.46) 0%,
      rgba(0, 0, 0, 0.12) 32%,
      rgba(0, 0, 0, 0.12) 66%,
      rgba(0, 0, 0, 0.54) 100%
    ) !important;
  pointer-events: none !important;
}

.impact-cta-banner > .e-con-inner,
.impact-cta-banner > .elementor-container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1180px !important;
  min-height: 180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.impact-cta-copy,
.impact-cta-copy.e-con,
.impact-cta-copy.elementor-element,
.impact-cta-copy > .e-con-inner,
.impact-cta-copy > .elementor-container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 48px !important;
  row-gap: 8px !important;
  align-items: center !important;
  text-align: left !important;
}

.impact-cta-title {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 720px !important;
  justify-self: start !important;
  align-self: end !important;
  text-align: left !important;
}

.impact-cta-title .elementor-heading-title,
.impact-cta-title h1,
.impact-cta-title h2,
.impact-cta-title h3 {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.impact-cta-desc {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 560px !important;
  justify-self: start !important;
  align-self: start !important;
  text-align: left !important;
}

.impact-cta-desc p,
.impact-cta-desc .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.impact-cta-copy .elementor-widget-button {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: end !important;
  align-self: center !important;
  text-align: right !important;
}

.impact-cta-copy .elementor-button-wrapper {
  text-align: right !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1366px) {
  .ohana-hero,
  .ohana-hero > .e-con-inner {
    min-height: 520px !important;
  }

  .ohana-hero-content {
    min-height: 520px !important;
    padding: 54px 0 54px 70px !important;
  }

  .ohana-hero-breadcrumb,
  .ohana-hero-breadcrumb p {
    margin-bottom: 36px !important;
    font-size: 13px !important;
  }

  .ohana-hero-title h1,
  .ohana-hero-title .elementor-heading-title {
    font-size: clamp(42px, 3.6vw, 56px) !important;
  }

  .ohana-hero-description {
    margin-top: 24px !important;
    max-width: 570px !important;
  }

  .ohana-hero-description,
  .ohana-hero-description p {
    font-size: 17px !important;
    line-height: 1.58 !important;
  }

  .ohana-hero-buttons,
  .ohana-hero-buttons > .e-con-inner {
    gap: 22px !important;
    margin: 38px 0 0 0 !important;
  }
}

@media (max-width: 1024px) {
  .ohana-hero,
  .ohana-hero > .e-con-inner {
    min-height: 560px !important;
  }

  .ohana-hero-image {
    width: 100% !important;
    max-width: 100% !important;
    opacity: 0.72 !important;
    background-position: center center !important;
  }

  .ohana-hero-content {
    width: 72% !important;
    flex: 0 0 72% !important;
    max-width: 72% !important;
    min-height: 560px !important;
    padding: 64px 42px 64px 46px !important;
  }

  .ohana-hero-title h1,
  .ohana-hero-title .elementor-heading-title {
    font-size: 48px !important;
  }

  .case-study-stats {
    padding: 0 36px !important;
  }

  .case-study-stats > .e-con-inner {
    flex-wrap: wrap !important;
    max-width: 820px !important;
  }

  .case-study-stats .stat-item {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    min-height: 116px !important;
    padding: 28px 30px !important;
  }

  .case-study-stats .stat-item::after {
    display: none !important;
  }

  .case-study-stats .stat-item:nth-child(odd)::after {
    content: "";
    display: block !important;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 52%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.14);
  }

  .case-study-stats .stat-item:nth-child(1),
  .case-study-stats .stat-item:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .impact-cta-banner,
  .impact-cta-banner.e-con,
  .impact-cta-banner.elementor-element {
    min-height: 170px !important;
  }

  .impact-cta-banner > .e-con-inner,
  .impact-cta-banner > .elementor-container {
    max-width: 100% !important;
    min-height: 170px !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .impact-cta-copy,
  .impact-cta-copy.e-con,
  .impact-cta-copy.elementor-element,
  .impact-cta-copy > .e-con-inner,
  .impact-cta-copy > .elementor-container {
    column-gap: 32px !important;
  }
}
/* =========================================================
   INTERACTIVE SALES SOLUTION
   03. INTRO + 04. THREE CARD PANEL GRID
   Uses existing copied classes:
   asm-model-types-intro
   asm-model-grid-section
   asm-model-grid
   asm-model-card
========================================================= */


/* =========================================================
   03. INTERACTIVE SOLUTIONS INTRO
========================================================= */

.asm-model-types-intro,
.asm-model-types-intro.e-con,
.asm-model-types-intro.elementor-element {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 58px 70px 30px 70px !important;

  background: #050505 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.asm-model-types-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle at 18% 45%,
      rgba(252, 180, 21, 0.035) 0%,
      rgba(252, 180, 21, 0.012) 24%,
      rgba(5, 5, 5, 0) 52%
    );
}

.asm-model-types-intro > .e-con-inner,
.asm-model-types-intro > .elementor-container {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  max-width: 1080px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: block !important;
  box-sizing: border-box !important;
}

/* Left intro column only */
.asm-model-types-left,
.asm-model-types-left.e-con,
.asm-model-types-left.elementor-element {
  width: 100% !important;
  max-width: 440px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

/* Hide copied right paragraph column from old pages */
.asm-model-types-right,
.asm-model-types-right.e-con,
.asm-model-types-right.elementor-element {
  display: none !important;
}

/* Remove Elementor spacing */
.asm-model-types-intro .elementor-widget,
.asm-model-types-intro .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Kicker */
.asm-model-types-intro .asm-section-eyebrow,
.asm-model-types-intro .asm-section-eyebrow .elementor-heading-title {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  color: #FCB415 !important;

  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Heading */
.asm-model-types-intro .asm-section-title,
.asm-model-types-intro .asm-section-title .elementor-heading-title {
  width: 100% !important;
  max-width: 440px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-size: 36px !important;
  line-height: 1.12 !important;
  font-weight: 400 !important;
  letter-spacing: -0.045em !important;
  text-transform: none !important;
}

.asm-model-types-intro .asm-section-title::after {
  display: none !important;
  content: none !important;
}


/* =========================================================
   INTERACTIVE SALES SOLUTION
   04. THREE CARD PANEL GRID
   Section class: asm-model-grid-section
   Grid class: asm-model-grid
   Card class: asm-model-card
========================================================= */

.asm-model-grid-section,
.asm-model-grid-section.e-con,
.asm-model-grid-section.elementor-element {
  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 70px 92px 70px !important;

  background: #050505 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Inner section width */
.asm-model-grid-section > .e-con-inner,
.asm-model-grid-section > .elementor-container {
  width: 100% !important;
  max-width: 1080px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

/* 3-panel grid */
.asm-model-grid,
.asm-model-grid > .e-con-inner,
.asm-model-grid > .elementor-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;

  align-items: stretch !important;
  box-sizing: border-box !important;
}


/* =========================================================
   CARD BASE
========================================================= */

.asm-model-card {
  position: relative !important;

  width: 100% !important;
  min-height: 590px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  isolation: isolate !important;

  cursor: pointer !important;

  background-color: #101010 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

  border: none !important;
  border-radius: 0 !important;

  transform: translateY(0) translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;

  transition:
    transform 0.32s ease,
    box-shadow 0.32s ease !important;

  box-sizing: border-box !important;
}

/* Strong reference-style dark overlay */
.asm-model-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(5, 5, 5, 0.32) 0%,
      rgba(5, 5, 5, 0.48) 28%,
      rgba(5, 5, 5, 0.66) 62%,
      rgba(5, 5, 5, 0.88) 100%
    ),
    linear-gradient(
      90deg,
      rgba(5, 5, 5, 0.54) 0%,
      rgba(5, 5, 5, 0.24) 48%,
      rgba(5, 5, 5, 0.46) 100%
    ) !important;

  opacity: 1 !important;
  transition: opacity 0.32s ease !important;
}

/* Clean static border */
.asm-model-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 12;
  pointer-events: none;

  border: 1px solid rgba(255, 255, 255, 0.18) !important;

  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.22),
    inset 0 -70px 90px rgba(0, 0, 0, 0.36) !important;

  transition:
    border-color 0.32s ease,
    box-shadow 0.32s ease !important;

  box-sizing: border-box !important;
}

/* Hover movement kept */
.asm-model-card:hover {
  transform: translateY(-4px) translateZ(0) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.44) !important;
}

.asm-model-card:hover::before {
  opacity: 0.90 !important;
}

.asm-model-card:hover::after {
  border-color: rgba(252, 180, 21, 0.62) !important;

  box-shadow:
    inset 0 0 0 1px rgba(252, 180, 21, 0.06),
    inset 0 -72px 92px rgba(0, 0, 0, 0.34) !important;
}


/* =========================================================
   FULL CARD CLICKABLE LINK
========================================================= */

.asm-card-full-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;

  text-indent: -9999px !important;

  background: transparent !important;
  border: none !important;
  outline: none !important;

  cursor: pointer !important;
}

.asm-model-card > .elementor-widget-html,
.asm-model-card > .e-con-inner > .elementor-widget-html {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 0 !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.asm-model-card-content {
  position: relative !important;
  z-index: 5 !important;

  width: 100% !important;
  min-height: 590px !important;

  margin: 0 !important;
  padding: 40px 26px 34px 26px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;

  pointer-events: none !important;
  box-sizing: border-box !important;
}

.asm-model-card-content > .e-con-inner,
.asm-model-card-content > .elementor-container {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 590px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;

  box-sizing: border-box !important;
}

/* Remove Elementor spacing inside card */
.asm-model-card .elementor-widget,
.asm-model-card .elementor-widget-heading,
.asm-model-card .elementor-widget-text-editor,
.asm-model-card .elementor-widget-html,
.asm-model-card .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   CARD TYPOGRAPHY
========================================================= */

/* Number */
.asm-card-number,
.asm-card-number .elementor-heading-title,
.asm-card-number h1,
.asm-card-number h2,
.asm-card-number h3,
.asm-card-number h4,
.asm-card-number h5,
.asm-card-number h6 {
  margin: 0 !important;
  padding: 0 !important;

  color: #FCB415 !important;

  font-size: 58px !important;
  line-height: 0.95 !important;
  font-weight: 400 !important;
  letter-spacing: -0.055em !important;
}

.asm-card-number::after {
  content: "";
  display: block;

  width: 38px;
  height: 2px;

  margin: 16px 0 54px 0;
  background: #FCB415;
}

/* Title */
.asm-card-title,
.asm-card-title .elementor-heading-title,
.asm-card-title h1,
.asm-card-title h2,
.asm-card-title h3,
.asm-card-title h4,
.asm-card-title h5,
.asm-card-title h6 {
  max-width: 260px !important;

  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-size: 22px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
}

/* Description */
.asm-card-desc,
.asm-card-desc p,
.asm-card-desc .elementor-widget-container {
  max-width: 250px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: rgba(255, 255, 255, 0.76) !important;

  font-size: 13px !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
}

/* View Details */
.asm-card-link,
.asm-card-link .elementor-heading-title,
.asm-card-link h1,
.asm-card-link h2,
.asm-card-link h3,
.asm-card-link h4,
.asm-card-link h5,
.asm-card-link h6,
.asm-card-link a {
  margin: 24px 0 0 0 !important;
  padding: 0 !important;

  color: #FCB415 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}


/* =========================================================
   HOVER TEXT
========================================================= */

.asm-card-number,
.asm-card-number .elementor-heading-title,
.asm-card-title,
.asm-card-title .elementor-heading-title,
.asm-card-desc,
.asm-card-desc p,
.asm-card-link,
.asm-card-link .elementor-heading-title,
.asm-card-link a {
  transition: color 0.24s ease !important;
}

.asm-model-card:hover .asm-card-number,
.asm-model-card:hover .asm-card-number .elementor-heading-title {
  color: #FCB415 !important;
}

.asm-model-card:hover .asm-card-title,
.asm-model-card:hover .asm-card-title .elementor-heading-title {
  color: #ffffff !important;
}

.asm-model-card:hover .asm-card-desc,
.asm-model-card:hover .asm-card-desc p {
  color: rgba(255, 255, 255, 0.84) !important;
}

.asm-model-card:hover .asm-card-link,
.asm-model-card:hover .asm-card-link .elementor-heading-title,
.asm-model-card:hover .asm-card-link a {
  color: #ffffff !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {
  .asm-model-grid-section,
  .asm-model-grid-section.e-con,
  .asm-model-grid-section.elementor-element {
    padding: 0 42px 78px 42px !important;
  }

  .asm-model-grid-section > .e-con-inner,
  .asm-model-grid-section > .elementor-container {
    max-width: 820px !important;
  }

  .asm-model-grid,
  .asm-model-grid > .e-con-inner,
  .asm-model-grid > .elementor-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .asm-model-card,
  .asm-model-card-content,
  .asm-model-card-content > .e-con-inner,
  .asm-model-card-content > .elementor-container {
    min-height: 520px !important;
  }

  .asm-model-card-content {
    padding: 34px 22px 28px 22px !important;
  }

  .asm-card-number,
  .asm-card-number .elementor-heading-title {
    font-size: 48px !important;
  }

  .asm-card-number::after {
    width: 34px;
    height: 2px;
    margin: 14px 0 40px 0;
  }

  .asm-card-title,
  .asm-card-title .elementor-heading-title {
    max-width: 220px !important;
    font-size: 19px !important;
  }

  .asm-card-desc,
  .asm-card-desc p,
  .asm-card-desc .elementor-widget-container {
    max-width: 220px !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .asm-model-grid-section,
  .asm-model-grid-section.e-con,
  .asm-model-grid-section.elementor-element {
    padding: 0 24px 64px 24px !important;
  }

  .asm-model-grid,
  .asm-model-grid > .e-con-inner,
  .asm-model-grid > .elementor-container {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .asm-model-card,
  .asm-model-card-content,
  .asm-model-card-content > .e-con-inner,
  .asm-model-card-content > .elementor-container {
    min-height: 520px !important;
  }

  .asm-model-card-content {
    padding: 32px 24px 28px 24px !important;
  }

  .asm-card-number,
  .asm-card-number .elementor-heading-title {
    font-size: 46px !important;
  }

  .asm-card-number::after {
    width: 34px;
    height: 2px;
    margin: 14px 0 34px 0;
  }

  .asm-card-title,
  .asm-card-title .elementor-heading-title {
    max-width: 260px !important;
    font-size: 22px !important;
  }

  .asm-card-desc,
  .asm-card-desc p,
  .asm-card-desc .elementor-widget-container {
    max-width: 260px !important;
    font-size: 13px !important;
  }
}


/* =========================================================
   FINAL MOBILE CONSISTENCY PATCH
   Matches the shared mobile layout used on the
   Architectural Scale Models page.
   The three-card Interactive showcase remains cinematic.
========================================================= */

@media (max-width: 767px) {

  /* 01. Hero */
  .ohana-hero,
  .ohana-hero > .e-con-inner {
    min-height: 620px !important;
  }

  .ohana-hero-image {
    width: 100% !important;
    max-width: 100% !important;
    opacity: 0.58 !important;
    background-position: center center !important;
  }

  .ohana-hero-content {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-height: 620px !important;
    padding: 72px 24px 52px 24px !important;
  }

  .ohana-hero-breadcrumb,
  .ohana-hero-breadcrumb p {
    margin-bottom: 34px !important;
    font-size: 12px !important;
  }

  .ohana-hero-title h1,
  .ohana-hero-title .elementor-heading-title {
    max-width: 100% !important;
    font-size: 40px !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -0.04em !important;
  }

  .ohana-hero-title::after {
    width: 40px;
    height: 3px;
    margin-top: 20px;
  }

  .ohana-hero-description {
    max-width: 100% !important;
    margin-top: 22px !important;
  }

  .ohana-hero-description,
  .ohana-hero-description p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  .ohana-hero-buttons,
  .ohana-hero-buttons > .e-con-inner {
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin: 34px 0 0 0 !important;
    padding: 0 !important;
  }

  .ohana-hero-buttons .elementor-widget-button,
  .ohana-hero-buttons .elementor-button-wrapper,
  .ohana-btn-primary .elementor-button,
  .ohana-btn-secondary .elementor-button {
    width: 100% !important;
    min-width: 100% !important;
  }

  /* 02. Value strip */
  .case-study-stats {
    padding: 0 20px !important;
  }

  .case-study-stats > .e-con-inner {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    max-width: none !important;
  }

  .case-study-stats .stat-item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-height: auto !important;
    padding: 24px 0 !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .case-study-stats .stat-item::after {
    display: none !important;
  }

  .case-study-stats .stat-item:last-child {
    border-bottom: none !important;
  }

  /* 03. Interactive solutions intro */
  .asm-model-types-intro,
  .asm-model-types-intro.e-con,
  .asm-model-types-intro.elementor-element {
    padding: 44px 24px 30px 24px !important;
  }

  .asm-model-types-intro > .e-con-inner,
  .asm-model-types-intro > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .asm-model-types-left,
  .asm-model-types-left.e-con,
  .asm-model-types-left.elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .asm-model-types-intro .asm-section-title,
  .asm-model-types-intro .asm-section-title .elementor-heading-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 32px !important;
    line-height: 1.14 !important;
  }

  /* 05. CTA */
  .impact-cta-section,
  .impact-cta-section.e-con,
  .impact-cta-section.elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .impact-cta-banner,
  .impact-cta-banner.e-con,
  .impact-cta-banner.elementor-element {
    min-height: 190px !important;
  }

  .impact-cta-banner::before {
    background: rgba(0, 0, 0, 0.64) !important;
  }

  .impact-cta-banner::after {
    background:
      linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.74) 0%,
        rgba(0, 0, 0, 0.58) 58%,
        rgba(0, 0, 0, 0.46) 100%
      ),
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.52) 0%,
        rgba(0, 0, 0, 0.18) 32%,
        rgba(0, 0, 0, 0.18) 65%,
        rgba(0, 0, 0, 0.62) 100%
      ) !important;
  }

  .impact-cta-banner > .e-con-inner,
  .impact-cta-banner > .elementor-container {
    max-width: 100% !important;
    min-height: 190px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .impact-cta-copy,
  .impact-cta-copy.e-con,
  .impact-cta-copy.elementor-element,
  .impact-cta-copy > .e-con-inner,
  .impact-cta-copy > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    row-gap: 12px !important;
    column-gap: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .impact-cta-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .impact-cta-desc {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .impact-cta-copy .elementor-widget-button {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    align-self: start !important;
    margin-top: 4px !important;
    text-align: left !important;
  }

  .impact-cta-copy .elementor-button-wrapper {
    text-align: left !important;
  }
}/* End custom CSS */