.elementor-991854 .elementor-element.elementor-element-34d1d14 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-991854 .elementor-element.elementor-element-34d1d14:not(.elementor-motion-effects-element-type-background), .elementor-991854 .elementor-element.elementor-element-34d1d14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://publicpixel.com.sa/wp-content/uploads/2026/03/king-abdullah-financial-district-cover-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-991854 .elementor-element.elementor-element-34d1d14 > .elementor-container{min-height:100vh;}.elementor-991854 .elementor-element.elementor-element-34d1d14{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-34d1d14 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-c1d69fe > .elementor-element-populated{padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-1f8aff1{--spacer-size:80px;}.elementor-991854 .elementor-element.elementor-element-bbe86bf > .elementor-widget-container{margin:0 0 0 0;}.elementor-991854 .elementor-element.elementor-element-0811433{--spacer-size:16px;}.elementor-991854 .elementor-element.elementor-element-507cdf7 > .elementor-widget-container{margin:0 0 0 0;}.elementor-991854 .elementor-element.elementor-element-507cdf7{text-align:start;}.elementor-991854 .elementor-element.elementor-element-507cdf7 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:88px;font-weight:900;line-height:0.92em;letter-spacing:-0.03em;color:#ffffff;}.elementor-991854 .elementor-element.elementor-element-28fccfd{--spacer-size:1px;}.elementor-991854 .elementor-element.elementor-element-1934411 > .elementor-widget-container{margin:0 0 0 0;}.elementor-991854 .elementor-element.elementor-element-1934411{font-family:"Tajawal", Sans-serif;font-size:17px;line-height:1.85em;color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-1934411 a{font-family:"Tajawal", Sans-serif;font-size:17px;line-height:1.85em;color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-5f6fb54{--spacer-size:40px;}.elementor-991854 .elementor-element.elementor-element-388cc1c{--spacer-size:80px;}.elementor-991854 .elementor-element.elementor-element-a223854{--spacer-size:80px;}.elementor-991854 .elementor-element.elementor-element-5710097 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-991854 .elementor-element.elementor-element-5710097:not(.elementor-motion-effects-element-type-background), .elementor-991854 .elementor-element.elementor-element-5710097 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-5710097 > .elementor-container{min-height:0vh;}.elementor-991854 .elementor-element.elementor-element-5710097{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-5710097 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-448c900:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-991854 .elementor-element.elementor-element-448c900 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-448c900 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-448c900 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-5ef8b75 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-991854 .elementor-element.elementor-element-5ef8b75{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-5ef8b75 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-33daba9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-991854 .elementor-element.elementor-element-33daba9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_2 );}.elementor-991854 .elementor-element.elementor-element-33daba9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-33daba9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-3b5e25c .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-991854 .elementor-element.elementor-element-3b5e25c .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-991854 .elementor-element.elementor-element-3b5e25c{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-991854 .elementor-element.elementor-element-d3e1d8e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-991854 .elementor-element.elementor-element-d3e1d8e:not(.elementor-motion-effects-element-type-background), .elementor-991854 .elementor-element.elementor-element-d3e1d8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-d3e1d8e > .elementor-container{min-height:100vh;}.elementor-991854 .elementor-element.elementor-element-d3e1d8e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-d3e1d8e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-4c8f11a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-991854 .elementor-element.elementor-element-4c8f11a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-4c8f11a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-4c8f11a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-66a5553 > .elementor-container{min-height:100vh;}.elementor-991854 .elementor-element.elementor-element-66a5553{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-66a5553 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-7f81568:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-991854 .elementor-element.elementor-element-7f81568 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-7f81568 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-7f81568 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-ac62ee3 > .elementor-container{min-height:100vh;}.elementor-991854 .elementor-element.elementor-element-ac62ee3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-ac62ee3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-c9f825f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-991854 .elementor-element.elementor-element-c9f825f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-c9f825f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-c9f825f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-0805d9d > .elementor-container{min-height:100vh;}.elementor-991854 .elementor-element.elementor-element-0805d9d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-0805d9d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-6804b32:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-991854 .elementor-element.elementor-element-6804b32 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_2 );}.elementor-991854 .elementor-element.elementor-element-6804b32 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-6804b32 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-e70e897 > .elementor-container{min-height:100vh;}.elementor-991854 .elementor-element.elementor-element-e70e897{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-e70e897 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-b75b15e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-991854 .elementor-element.elementor-element-b75b15e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-b75b15e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-b75b15e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-58c0016 > .elementor-container{min-height:100vh;}.elementor-991854 .elementor-element.elementor-element-58c0016{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-58c0016 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-0e20f31:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-991854 .elementor-element.elementor-element-0e20f31 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_2 );}.elementor-991854 .elementor-element.elementor-element-0e20f31 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-0e20f31 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-991854 .elementor-element.elementor-element-406a886{--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;}.elementor-991854 .elementor-element.elementor-element-406a886:not(.elementor-motion-effects-element-type-background), .elementor-991854 .elementor-element.elementor-element-406a886 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-991854 .elementor-element.elementor-element-55bd536 .elementor-icon-wrapper{text-align:center;}.elementor-991854 .elementor-element.elementor-element-55bd536.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-vamtam_accent_2 );}.elementor-991854 .elementor-element.elementor-element-55bd536.elementor-view-framed .elementor-icon, .elementor-991854 .elementor-element.elementor-element-55bd536.elementor-view-default .elementor-icon{color:var( --e-global-color-vamtam_accent_2 );border-color:var( --e-global-color-vamtam_accent_2 );}.elementor-991854 .elementor-element.elementor-element-55bd536.elementor-view-framed .elementor-icon, .elementor-991854 .elementor-element.elementor-element-55bd536.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-vamtam_accent_2 );}.elementor-991854 .elementor-element.elementor-element-55bd536 .elementor-icon{font-size:35px;}.elementor-991854 .elementor-element.elementor-element-55bd536 .elementor-icon svg{height:35px;}.elementor-991854 .elementor-element.elementor-element-55bd536 .elementor-icon i, .elementor-991854 .elementor-element.elementor-element-55bd536 .elementor-icon svg{transform:rotate(0deg);}.elementor-991854 .elementor-element.elementor-element-20d217a > .elementor-widget-container{margin:0 0 0 0;}.elementor-991854 .elementor-element.elementor-element-20d217a{text-align:center;}.elementor-991854 .elementor-element.elementor-element-20d217a .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:18px;line-height:1.9em;color:var( --e-global-color-vamtam_accent_2 );}.elementor-991854 .elementor-element.elementor-element-b0ae895{--display:flex;}.elementor-991854 .elementor-element.elementor-element-b0ae895:not(.elementor-motion-effects-element-type-background), .elementor-991854 .elementor-element.elementor-element-b0ae895 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-991854 .elementor-element.elementor-element-6c03449{--swiper-slides-to-display:3;--swiper-offset-size:100px;--swiper-slides-gap:24px;z-index:2;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-991854 .elementor-element.elementor-element-6c03449 > .elementor-widget-container{margin:0 0 2vh 0;}.elementor-991854 .elementor-element.elementor-element-6c03449.elementor-element{--align-self:stretch;}.elementor-991854 .elementor-element.elementor-element-6c03449 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-991854 .elementor-element.elementor-element-6c03449{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-991854 .elementor-element.elementor-element-34d1d14{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-c1d69fe > .elementor-element-populated{padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-bbe86bf > .elementor-widget-container{margin:60 0 0 0;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-507cdf7 > .elementor-widget-container{margin:0 0 0 0;}.elementor-991854 .elementor-element.elementor-element-507cdf7 .elementor-heading-title{font-size:34px;}.elementor-991854 .elementor-element.elementor-element-1934411 > .elementor-widget-container{margin:0 0 0 0;}.elementor-991854 .elementor-element.elementor-element-5c42f34 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-5710097{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-448c900 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-5ef8b75{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-33daba9 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-d3e1d8e{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-4c8f11a > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-991854 .elementor-element.elementor-element-dbf268e > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-991854 .elementor-element.elementor-element-66a5553{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-7f81568 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-ac62ee3{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-c9f825f > .elementor-element-populated{padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-0805d9d{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-6804b32 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-e70e897{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-b75b15e > .elementor-element-populated{padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-58c0016{padding:0px 0px 0px 0px;}.elementor-991854 .elementor-element.elementor-element-0e20f31 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:64px;padding-block-end:0px;padding-inline-end:48px;}.elementor-991854 .elementor-element.elementor-element-406a886{--min-height:0px;}.elementor-991854 .elementor-element.elementor-element-6c03449{--swiper-slides-to-display:1;--swiper-offset-size:0px;--swiper-slides-gap:20px;}}/* Start custom CSS for html, class: .elementor-element-bbe86bf *//* Mobile only */
.section-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #000; /* Default = Desktop */
  font-family: 'Tajawal', sans-serif;
  margin: 20px 0;
}

/* Mobile only */
@media (max-width: 768px) {
  .section-label {
    color: #fff;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-507cdf7 *//* Default (Desktop) – keep original color */
.alwadi {
  color: inherit;
}

/* Mobile only */
@media (max-width: 768px) {
  .alwadi {
    color: #fff;
  }
}

.yellow {
  color: #FFC700;
  font-weight: 800;
  letter-spacing: -0.02em;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1934411 */.hero-copy {
  position: relative;
  padding: px;
  max-width: 510px;

  /* Soft white glass */
  background: rgba(255, 255, 255, 0.1);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: 1px;

  /* subtle edge definition */
  border: px solid rgba(255, 255, 255, 0.1);

  /* soft shadow for separation */
  box-shadow: 0 2px 32px rgba(0, 0, 0, 0.02);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-34d1d14 *//* Mobile: blur ONLY the hero section (add class: hero-blur to the hero section/container) */
@media (max-width: 767px){

  /* HERO wrapper only */
  .elementor-location-single .hero-blur{
    position: relative;
    overflow: hidden;
    isolation: isolate; /* prevents pseudo layers from affecting siblings */
  }

  /* Blur ONLY the hero background (not the whole page behind it) */
  .elementor-location-single .hero-blur::before{
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;               /* inherits hero background image/color */
    background-position: center;
    background-size: cover;
    filter: blur(10px);
    transform: scale(1.08);            /* avoid blur edges */
    z-index: 0;
    pointer-events: none;
  }

  /* Dark overlay on top of the blurred background */
  .elementor-location-single .hero-blur::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 0;
    pointer-events: none;
  }

  /* Keep hero content above overlay */
  .elementor-location-single .hero-blur > *{
    position: relative;
    z-index: 1;
  }

  /* Make text white ONLY inside hero */
  .elementor-location-single .hero-blur,
  .elementor-location-single .hero-blur .elementor-heading-title,
  .elementor-location-single .hero-blur .elementor-widget-text-editor,
  .elementor-location-single .hero-blur .elementor-widget-text-editor p{
    color: #fff !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12c440a */@media (max-width: 900px){

  .intro-framework-label{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    font-size: 12px !important;
    letter-spacing: .08em !important; /* reduce spacing */
    line-height: 1.35 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

}
/* MOBILE FIX: make the framework steps readable */
@media (max-width: 768px) {
  .intro-framework-bar{
    padding: 18px 18px;
    gap: 14px;
  }

  .intro-framework-label{
    width: 100%;
    line-height: 1.4;
  }

  /* stack steps */
  .intro-framework-steps{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr; /* one per line */
    gap: 10px;
  }

  /* hide arrows on mobile (they cause ugly wrapping) */
  .intro-step-arrow{
    display: none;
  }

  .intro-step{
    width: 100%;
    justify-content: flex-start;
    font-size: 13px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.04);
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5ef8b75 *//* FULL WIDTH (mobile) inside hero section */
@media (max-width: 768px){
  .elementor-991854 .elementor-element.elementor-element-5ef8b75 .elementor-container,
  .elementor-991854 .elementor-element.elementor-element-5ef8b75 .e-con{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* If your content is inside the widget wrap, remove its padding too */
  .elementor-991854 .elementor-element.elementor-element-5ef8b75 .elementor-widget-wrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Some Elementor sections use these inner wrappers */
  .elementor-991854 .elementor-element.elementor-element-5ef8b75 .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-5ef8b75 .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-5ef8b75 .elementor-column-gap-extended > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-5ef8b75 .elementor-column-gap-wide > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-5ef8b75 .elementor-column-gap-wider > .elementor-column > .elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Optional: make the section itself truly edge-to-edge (prevents 100vw overflow bugs) */
.elementor-991854 .elementor-element.elementor-element-5ef8b75{
  width: 100%;
  max-width: 100%;
}

/* Optional: if you still see tiny horizontal scroll on mobile */
html, body{
  overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbf268e *//* Force the header row to be ONE column (so it matches image 1) */
.act-header{
  display: block !important;   /* cancels grid/flex on the header wrapper */
}

/* If your header has two children (title block + paragraph block),
   force them to stack */
.act-header > *{
  width: 100% !important;
  max-width: 1040px !important;
}

/* Keep everything left aligned like image 1 */
.act-header,
.act-header *{
  text-align: left !important;
}

/* Optional: add spacing like image 1 */
.act-header .act-tag{ margin-bottom: 18px !important; }
.act-header .act-title{ margin-bottom: 18px !important; }

/* Make ALL spatial layer text bigger (force override) */
.aw-charts .layer h4,
.aw-charts .layer strong,
.aw-charts .layer .name {
  font-size: 28px !important;
  font-weight: 900 !important;
}

.aw-charts .layer p,
.aw-charts .layer .desc {
  font-size: 17px !important;
}

.aw-charts .layer .note {
  font-size: 16px !important;
}

/* ✅ CHART 01 (Stat cards) — force equal box heights on mobile */
#chart1-area{
  align-items: stretch !important;
  grid-auto-rows: 1fr !important; /* equal row heights */
}

#chart1-area > div{
  height: 100% !important;
  min-height: 150px !important;   /* adjust if you want taller */
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Mobile layout */
@media (max-width: 768px){
  #chart1-area{
    grid-template-columns: repeat(2, 1fr) !important; /* 2 per row on mobile */
    gap: 12px !important;
  }
  #chart1-area > div{
    min-height: 140px !important;
    padding: 16px !important;
  }
}

/* ✅ CHART 02 — Equal layer box heights */

#chart2-area svg {
  height: auto !important;
}

/* If using HTML layers (non-D3 version) */
.aw-charts .layers {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

.aw-charts .layer {
  min-height: 95px !important;  /* adjust if needed */
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  .aw-charts .layer {
    min-height: 85px !important;
    padding: 16px 18px !important;
  }
}

/* Act 1 — make BOTH legend bars the same height */
#act1 .chart-card .color-legend{
  min-height: 72px !important;   /* adjust (64–80) until it matches perfectly */
  display: flex !important;
  align-items: center !important; /* vertically center the legend items */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-4c8f11a *//* FULL WIDTH (mobile) inside hero section */
@media (max-width: 768px){
  .elementor-991854 .elementor-element.elementor-element-4c8f11a .elementor-container,
  .elementor-991854 .elementor-element.elementor-element-4c8f11a .e-con{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* If your content is inside the widget wrap, remove its padding too */
  .elementor-991854 .elementor-element.elementor-element-4c8f11a .elementor-widget-wrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Some Elementor sections use these inner wrappers */
  .elementor-991854 .elementor-element.elementor-element-4c8f11a .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-4c8f11a .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-4c8f11a .elementor-column-gap-extended > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-4c8f11a .elementor-column-gap-wide > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-4c8f11a .elementor-column-gap-wider > .elementor-column > .elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Optional: make the section itself truly edge-to-edge (prevents 100vw overflow bugs) */
.elementor-991854 .elementor-element.elementor-element-4c8f11a{
  width: 100%;
  max-width: 100%;
}

/* Optional: if you still see tiny horizontal scroll on mobile */
html, body{
  overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d3e1d8e */.elementor-991854 .elementor-element.elementor-element-d3e1d8e{
  position: relative;
  overflow: hidden;
  min-height: 90vh;
}

.elementor-991854 .elementor-element.elementor-element-d3e1d8e .hero-bg-video{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.elementor-991854 .elementor-element.elementor-element-d3e1d8e .hero-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.elementor-991854 .elementor-element.elementor-element-d3e1d8e .elementor-container,
.elementor-991854 .elementor-element.elementor-element-d3e1d8e .e-con,
.elementor-991854 .elementor-element.elementor-element-d3e1d8e .elementor-widget-wrap{
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a2e842 *//* Force full chart section to white */
#act2 {
  background: #ffffff !important;
}

/* Also ensure cards stay white */
#act2 .chart-card {
  background: #ffffff !important;
}

#act2 .chart-insight{
  background: #f3f1f7 !important;
  color:#111 !important;
}
#act2 .chart-insight strong{ color:#4a2883 !important; }

/* Make ONLY the chart inside bigger (without changing chart-area height) */
#chart3-area svg,
#chart4-area svg {
  transform: scale(1.25);        /* increase size */
  transform-origin: center;      /* keep it centered */
}

@media (max-width: 768px){

  /* Add space above chart area */
  #chart3-area,
  #chart4-area{
    padding-top: 100px;       /* space from top */
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center;
    overflow: hidden;        /* prevent sideways scroll */
  }

  /* Scale but keep controlled */
  #chart3-area svg,
  #chart4-area svg{
    transform: scale(2.5);   /* 2.5 is too large */
    transform-origin: center center;
  }

}

/* 1) Paragraph under title (chart-card-sub) */
#act2 .chart-card-sub{
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #2b2b2b !important;
  opacity: 1 !important;
  margin-bottom: 18px !important;
}

/* 2) Legend: show text clearly + better spacing */
#act2 .color-legend{
  background: #ffffff !important;            /* or #fafafa if you want slight tint */
  border-top: 1px solid rgba(74,40,131,0.12) !important;
  padding: 16px 24px !important;
  gap: 28px !important;
}

#act2 .legend-item{
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2b2b2b !important;
  opacity: 1 !important;
}

#act2 .legend-dot{
  width: 12px !important;
  height: 12px !important;
  border-radius: 3px !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7f81568 *//* FULL WIDTH (mobile) inside hero section */
@media (max-width: 768px){
  .elementor-991854 .elementor-element.elementor-element-7f81568 .elementor-container,
  .elementor-991854 .elementor-element.elementor-element-7f81568 .e-con{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* If your content is inside the widget wrap, remove its padding too */
  .elementor-991854 .elementor-element.elementor-element-7f81568 .elementor-widget-wrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Some Elementor sections use these inner wrappers */
  .elementor-991854 .elementor-element.elementor-element-7f81568 .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-7f81568 .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-7f81568 .elementor-column-gap-extended > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-7f81568 .elementor-column-gap-wide > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-7f81568 .elementor-column-gap-wider > .elementor-column > .elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Optional: make the section itself truly edge-to-edge (prevents 100vw overflow bugs) */
.elementor-991854 .elementor-element.elementor-element-7f81568{
  width: 100%;
  max-width: 100%;
}

/* Optional: if you still see tiny horizontal scroll on mobile */
html, body{
  overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-66a5553 */.elementor-991854 .elementor-element.elementor-element-66a5553{
  position: relative;
  overflow: hidden;
  min-height: 90vh;
}

.elementor-991854 .elementor-element.elementor-element-66a5553 .hero-bg-video{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.elementor-991854 .elementor-element.elementor-element-66a5553 .hero-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.elementor-991854 .elementor-element.elementor-element-66a5553 .elementor-container,
.elementor-991854 .elementor-element.elementor-element-66a5553 .e-con,
.elementor-991854 .elementor-element.elementor-element-66a5553 .elementor-widget-wrap{
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-028a656 *//* Force chart areas in ACT 3 to be white */
#act3 #chart5-area,
#act3 #chart6-area,
#act3 #chart5-area svg,
#act3 #chart6-area svg {
  background: #fff !important;
  background-color: #fff !important;
}

/* Optional: force the whole card + chart area white */
#act3 .chart-card,
#act3 .chart-area {
  background: #fff !important;
}

/* 1) Paragraph under title (chart-card-sub) */
#act3 .chart-card-sub{
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #2b2b2b !important;
  opacity: 1 !important;
  margin-bottom: 18px !important;
}

/* 2) Legend: show text clearly + better spacing */
#act3 .color-legend{
  background: #ffffff !important;            /* or #fafafa if you want slight tint */
  border-top: 1px solid rgba(74,40,131,0.12) !important;
  padding: 16px 24px !important;
  gap: 28px !important;
}

#act3 .legend-item{
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2b2b2b !important;
  opacity: 1 !important;
}

#act3 .legend-dot{
  width: 12px !important;
  height: 12px !important;
  border-radius: 3px !important;
}

#act3 .chart-insight{
  background: #f3f1f7 !important;
  color:#111 !important;
}
#act3 .chart-insight strong{ color:#4a2883 !important; }


@media (max-width: 900px) {
  /* Stop vertical centering that creates big empty space */
  .chart-area{
    align-items: flex-start !important;  /* instead of center */
    justify-content: flex-start !important;
  }

  /* Chart 06: make it use space better */
  #chart6-area{
    min-height: auto !important;         /* remove forced tall empty area */
    padding: 12px 12px 16px !important;  /* tighter padding on mobile */
  }

  /* Let SVG naturally scale (bigger + no weird centering) */
  #chart6-area svg{
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ac62ee3 *//* FULL WIDTH (mobile) inside hero section */
@media (max-width: 768px){
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .elementor-container,
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .e-con{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* If your content is inside the widget wrap, remove its padding too */
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .elementor-widget-wrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Some Elementor sections use these inner wrappers */
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .elementor-column-gap-extended > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .elementor-column-gap-wide > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .elementor-column-gap-wider > .elementor-column > .elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Optional: make the section itself truly edge-to-edge (prevents 100vw overflow bugs) */
.elementor-991854 .elementor-element.elementor-element-ac62ee3{
  width: 100%;
  max-width: 100%;
}

/* Optional: if you still see tiny horizontal scroll on mobile */
html, body{
  overflow-x: hidden;
}


/* ✅ FIX the Manifesto 2-column grid inside Output card (mobile) */
@media (max-width: 900px){

  /* target the exact inline grid in the manifesto section */
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .output-card [style*="display:grid"][style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  /* also reduce the big padding you set inline (56px) */
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .output-card{
    padding: 24px !important;
  }

  /* keep typography comfortable */
  .elementor-991854 .elementor-element.elementor-element-ac62ee3 .output-card h3{
    font-size: 26px !important;
    line-height: 1.15 !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0805d9d *//* FULL WIDTH (mobile) inside hero section */
@media (max-width: 768px){
  .elementor-991854 .elementor-element.elementor-element-0805d9d .elementor-container,
  .elementor-991854 .elementor-element.elementor-element-0805d9d .e-con{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* If your content is inside the widget wrap, remove its padding too */
  .elementor-991854 .elementor-element.elementor-element-0805d9d .elementor-widget-wrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Some Elementor sections use these inner wrappers */
  .elementor-991854 .elementor-element.elementor-element-0805d9d .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-0805d9d .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-0805d9d .elementor-column-gap-extended > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-0805d9d .elementor-column-gap-wide > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-0805d9d .elementor-column-gap-wider > .elementor-column > .elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Optional: make the section itself truly edge-to-edge (prevents 100vw overflow bugs) */
.elementor-991854 .elementor-element.elementor-element-0805d9d{
  width: 100%;
  max-width: 100%;
}

/* Optional: if you still see tiny horizontal scroll on mobile */
html, body{
  overflow-x: hidden;
}


/* ✅ FIX the Manifesto 2-column grid inside Output card (mobile) */
@media (max-width: 900px){

  /* target the exact inline grid in the manifesto section */
  .elementor-991854 .elementor-element.elementor-element-0805d9d .output-card [style*="display:grid"][style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  /* also reduce the big padding you set inline (56px) */
  .elementor-991854 .elementor-element.elementor-element-0805d9d .output-card{
    padding: 24px !important;
  }

  /* keep typography comfortable */
  .elementor-991854 .elementor-element.elementor-element-0805d9d .output-card h3{
    font-size: 26px !important;
    line-height: 1.15 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c568375 *//* ===== FORCE WHITE BACKGROUND FOR CHARTS 07–10 ===== */

.charts-row.two-col .chart-card:has(#chart7-area),
.charts-row.two-col .chart-card:has(#chart8-area),
.charts-row.two-col .chart-card:has(#chart9-area),
.charts-row.two-col .chart-card:has(#chart10-area) {
  background: #fff !important;
  border-color: rgba(74, 40, 131, 0.12) !important;
}

/* Header */
.charts-row.two-col .chart-card:has(#chart7-area) .chart-card-header,
.charts-row.two-col .chart-card:has(#chart8-area) .chart-card-header,
.charts-row.two-col .chart-card:has(#chart9-area) .chart-card-header,
.charts-row.two-col .chart-card:has(#chart10-area) .chart-card-header {
  background: #fff !important;
}

.charts-row.two-col .chart-card:has(#chart7-area) .chart-card-title,
.charts-row.two-col .chart-card:has(#chart8-area) .chart-card-title,
.charts-row.two-col .chart-card:has(#chart9-area) .chart-card-title,
.charts-row.two-col .chart-card:has(#chart10-area) .chart-card-title {
  color: #0e0a1a !important;
}

.charts-row.two-col .chart-card:has(#chart7-area) .chart-card-sub,
.charts-row.two-col .chart-card:has(#chart8-area) .chart-card-sub,
.charts-row.two-col .chart-card:has(#chart9-area) .chart-card-sub,
.charts-row.two-col .chart-card:has(#chart10-area) .chart-card-sub {
  color: #6b6080 !important;
}

/* Chart area */
.charts-row.two-col .chart-card:has(#chart7-area) .chart-area,
.charts-row.two-col .chart-card:has(#chart8-area) .chart-area,
.charts-row.two-col .chart-card:has(#chart9-area) .chart-area,
.charts-row.two-col .chart-card:has(#chart10-area) .chart-area,
.charts-row.two-col .chart-card:has(#chart7-area) svg,
.charts-row.two-col .chart-card:has(#chart8-area) svg,
.charts-row.two-col .chart-card:has(#chart9-area) svg,
.charts-row.two-col .chart-card:has(#chart10-area) svg {
  background: #fff !important;
}

/* Insight paragraph */
.charts-row.two-col .chart-card:has(#chart7-area) .chart-insight,
.charts-row.two-col .chart-card:has(#chart8-area) .chart-insight,
.charts-row.two-col .chart-card:has(#chart9-area) .chart-insight,
.charts-row.two-col .chart-card:has(#chart10-area) .chart-insight {
  background: rgba(74, 40, 131, 0.08) !important;
  color: #0e0a1a !important;
}

/* Legend */
.charts-row.two-col .chart-card:has(#chart7-area) .color-legend,
.charts-row.two-col .chart-card:has(#chart8-area) .color-legend,
.charts-row.two-col .chart-card:has(#chart9-area) .color-legend,
.charts-row.two-col .chart-card:has(#chart10-area) .color-legend {
  background: #fff !important;
  border-top: 1px solid rgba(74, 40, 131, 0.12) !important;
}

.charts-row.two-col .chart-card:has(#chart7-area) .legend-item,
.charts-row.two-col .chart-card:has(#chart8-area) .legend-item,
.charts-row.two-col .chart-card:has(#chart9-area) .legend-item,
.charts-row.two-col .chart-card:has(#chart10-area) .legend-item {
  color: #6b6080 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e70e897 *//* FULL WIDTH (mobile) inside hero section */
@media (max-width: 768px){
  .elementor-991854 .elementor-element.elementor-element-e70e897 .elementor-container,
  .elementor-991854 .elementor-element.elementor-element-e70e897 .e-con{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* If your content is inside the widget wrap, remove its padding too */
  .elementor-991854 .elementor-element.elementor-element-e70e897 .elementor-widget-wrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Some Elementor sections use these inner wrappers */
  .elementor-991854 .elementor-element.elementor-element-e70e897 .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-e70e897 .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-e70e897 .elementor-column-gap-extended > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-e70e897 .elementor-column-gap-wide > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-e70e897 .elementor-column-gap-wider > .elementor-column > .elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Optional: make the section itself truly edge-to-edge (prevents 100vw overflow bugs) */
.elementor-991854 .elementor-element.elementor-element-e70e897{
  width: 100%;
  max-width: 100%;
}

/* Optional: if you still see tiny horizontal scroll on mobile */
html, body{
  overflow-x: hidden;
}


/* ✅ FIX the Manifesto 2-column grid inside Output card (mobile) */
@media (max-width: 900px){

  /* target the exact inline grid in the manifesto section */
  .elementor-991854 .elementor-element.elementor-element-e70e897 .output-card [style*="display:grid"][style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  /* also reduce the big padding you set inline (56px) */
  .elementor-991854 .elementor-element.elementor-element-e70e897 .output-card{
    padding: 24px !important;
  }

  /* keep typography comfortable */
  .elementor-991854 .elementor-element.elementor-element-e70e897 .output-card h3{
    font-size: 26px !important;
    line-height: 1.15 !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-58c0016 *//* FULL WIDTH (mobile) inside hero section */
@media (max-width: 768px){
  .elementor-991854 .elementor-element.elementor-element-58c0016 .elementor-container,
  .elementor-991854 .elementor-element.elementor-element-58c0016 .e-con{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* If your content is inside the widget wrap, remove its padding too */
  .elementor-991854 .elementor-element.elementor-element-58c0016 .elementor-widget-wrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Some Elementor sections use these inner wrappers */
  .elementor-991854 .elementor-element.elementor-element-58c0016 .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-58c0016 .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-58c0016 .elementor-column-gap-extended > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-58c0016 .elementor-column-gap-wide > .elementor-column > .elementor-element-populated,
  .elementor-991854 .elementor-element.elementor-element-58c0016 .elementor-column-gap-wider > .elementor-column > .elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Optional: make the section itself truly edge-to-edge (prevents 100vw overflow bugs) */
.elementor-991854 .elementor-element.elementor-element-58c0016{
  width: 100%;
  max-width: 100%;
}

/* Optional: if you still see tiny horizontal scroll on mobile */
html, body{
  overflow-x: hidden;
}

/* ✅ FIX Component 05 (Value/Advantage 2-col + Charts 2-col) + fix tiny Chart.js canvas width */
@media (max-width: 900px){

  /* 1) Stack the A/B section (gap:40px) to 1 column */
  .elementor-991854 .elementor-element.elementor-element-58c0016 [style*="display:grid"][style*="grid-template-columns:1fr 1fr"][style*="gap:40px"]{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* 2) Stack the charts row (gap:3px) to 1 column */
  .elementor-991854 .elementor-element.elementor-element-58c0016 [style*="display:grid"][style*="grid-template-columns:1fr 1fr"][style*="gap:3px"]{
    grid-template-columns: 1fr !important;
  }

  /* 3) Make sure cards don’t get squeezed */
  .elementor-991854 .elementor-element.elementor-element-58c0016 [style*="display:grid"][style*="grid-template-columns:1fr 1fr"] > *{
    min-width: 0 !important;
  }

  /* 4) FORCE Chart.js canvas to fill the available width (override inline width:198px) */
  .elementor-991854 .elementor-element.elementor-element-58c0016 .chart-card > div[style*="position:relative"][style*="height:280px"]{
    width: 100% !important;
  }

  .elementor-991854 .elementor-element.elementor-element-58c0016 .chart-card canvas{
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 280px !important;          /* matches your wrapper height */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-406a886 *//* Full-bleed background while keeping content boxed */
.elementor-991854 .elementor-element.elementor-element-406a886{
  position: relative !important;
  background: transparent !important;
}

/* This creates a full-width background behind the bar */
.elementor-991854 .elementor-element.elementor-element-406a886::before{
  content: "" !important;
  position: absolute !important;
  top: 0; bottom: 0;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  background: #fff !important;          /* <-- your bar color */
  z-index: 0 !important;
}

/* Keep heading above the background */
.elementor-991854 .elementor-element.elementor-element-406a886 .elementor-heading-title,
.elementor-991854 .elementor-element.elementor-element-406a886 .elementor-widget-heading{
  position: relative !important;
  z-index: 2 !important;
  color: #000 !important;               /* black text */
}

/* Optional: give the bar some height/padding */
.elementor-991854 .elementor-element.elementor-element-406a886{
  padding: 22px 0 !important;
}/* End custom CSS */
/* Start custom CSS */.limit-wrapper.vamtam-box-outer-padding {
    display: none;
}/* End custom CSS */