.elementor-13526 .elementor-element.elementor-element-e8ac5fa{--display:flex;--min-height:0px;border-style:none;--border-style:none;}.elementor-13526 .elementor-element.elementor-element-e8ac5fa:hover{border-style:none;}.elementor-13526 .elementor-element.elementor-element-e8ac5fa, .elementor-13526 .elementor-element.elementor-element-e8ac5fa::before{--border-transition:0.3s;}.elementor-13526 .elementor-element.elementor-element-f099e2d{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-13526 .elementor-element.elementor-element-235b3d0{color:var( --e-global-color-accent );}.elementor-13526 .elementor-element.elementor-element-4a04e2f{--display:flex;}.elementor-13526 .elementor-element.elementor-element-897db8d{color:var( --e-global-color-accent );}.elementor-13526 .elementor-element.elementor-element-5f1b46c{--display:flex;}.elementor-13526 .elementor-element.elementor-element-aed3df5{color:var( --e-global-color-accent );}.elementor-13526 .elementor-element.elementor-element-d1cf45c{--display:flex;}.elementor-13526 .elementor-element.elementor-element-811e172{color:var( --e-global-color-accent );}.elementor-13526 .elementor-element.elementor-element-95d9318{--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;}.elementor-13526 .elementor-element.elementor-element-5fcd98d{--display:flex;}.elementor-13526 .elementor-element.elementor-element-6f156e6{color:var( --e-global-color-accent );}.elementor-13526 .elementor-element.elementor-element-41ac98e{--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;}.elementor-13526 .elementor-element.elementor-element-823420d{--display:flex;}.elementor-13526 .elementor-element.elementor-element-a3c934b{color:var( --e-global-color-accent );}.elementor-13526 .elementor-element.elementor-element-fa0e15a{--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;}.elementor-13526 .elementor-element.elementor-element-9c6fde2{--display:flex;}.elementor-13526 .elementor-element.elementor-element-7ae6896{color:var( --e-global-color-accent );}.elementor-13526 .elementor-element.elementor-element-2e80d90{--display:flex;}.elementor-13526 .elementor-element.elementor-element-055c74b{color:var( --e-global-color-accent );}.elementor-13526 .elementor-element.elementor-element-fde6a6b{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-b2d1465{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-df2ac52{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-9e7f75a{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-a6b44d3{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-c125cfb{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-5634457{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-a1a9908{--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;--align-items:center;}.elementor-13526 .elementor-element.elementor-element-a1a9908.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-bdc26ca{--spacer-size:224px;}.elementor-13526 .elementor-element.elementor-element-a3dbbee{color:var( --e-global-color-cf773c0 );}.elementor-13526 .elementor-element.elementor-element-018f8e5{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-ff37c69{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-ff37c69.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-11f356c{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-11f356c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-17080c9{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-17080c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-f264b95{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-f264b95.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-2c0a8f4{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-2c0a8f4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-8b6e85c{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-8b6e85c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-b72fc0a{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-b72fc0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-0c42b53{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-0c42b53.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-0c582e6{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-0c582e6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-249ea11{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-249ea11.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-423b951{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-423b951.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-ca53ab9{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-ca53ab9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-3f96540{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-42c57a0{--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;--align-items:center;}.elementor-13526 .elementor-element.elementor-element-42c57a0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-20252ec{--spacer-size:224px;}.elementor-13526 .elementor-element.elementor-element-f6f67a3{color:var( --e-global-color-cf773c0 );}.elementor-13526 .elementor-element.elementor-element-ac55096{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-be31039{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-be31039:not(.elementor-motion-effects-element-type-background), .elementor-13526 .elementor-element.elementor-element-be31039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cd1e84d ) 0%, var( --e-global-color-47f33f2 ) 100%);}.elementor-13526 .elementor-element.elementor-element-30052b0{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-2cd6c41{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-2cd6c41.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-82f5ef4{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-82f5ef4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-84bf236{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-84bf236.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-6361f63{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-6361f63.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-45889a8{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-45889a8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-7f48de0{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-7f48de0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-6820f1c{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-fbf0f4e{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-a80342e{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-c44a6ef{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-63d25c6{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-81f3c5f{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-11b8917{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-99a89bb{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-fc4beb6{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-607bb1e{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-bcf0cd1{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-ccf08d2{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-08c246d{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-8c84c24{--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;--align-items:center;}.elementor-13526 .elementor-element.elementor-element-8c84c24.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-316fbcb{--spacer-size:224px;}.elementor-13526 .elementor-element.elementor-element-08390cb{color:var( --e-global-color-cf773c0 );}.elementor-13526 .elementor-element.elementor-element-08be80d{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-78fa737{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-e4b1445{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-bea4f87{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-bea4f87.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-d5b97b2{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-d5b97b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-2f19a2e{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-67770be{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-d51fea0{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-029efaa{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-fbcde38{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-0d24817{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-91fc6d7{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-3a286aa{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-c908321{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-c908321.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-7ee2736{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-7ee2736.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-e3ae96c{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-afca5df{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-fdbcd01{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-4767fb0{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-4767fb0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-d90c35b{--display:flex;--min-height:100vh;border-style:none;--border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-d90c35b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13526 .elementor-element.elementor-element-3e79489{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-03bbe47{--display:flex;--min-height:100vh;--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;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13526 .elementor-element.elementor-element-132d083{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(min-width:768px){.elementor-13526 .elementor-element.elementor-element-e8ac5fa{--width:240px;}.elementor-13526 .elementor-element.elementor-element-5634457{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-a1a9908{--width:958px;}.elementor-13526 .elementor-element.elementor-element-018f8e5{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-ff37c69{--width:100%;}.elementor-13526 .elementor-element.elementor-element-11f356c{--width:100%;}.elementor-13526 .elementor-element.elementor-element-17080c9{--width:100%;}.elementor-13526 .elementor-element.elementor-element-f264b95{--width:100%;}.elementor-13526 .elementor-element.elementor-element-2c0a8f4{--width:100%;}.elementor-13526 .elementor-element.elementor-element-8b6e85c{--width:100%;}.elementor-13526 .elementor-element.elementor-element-b72fc0a{--width:100%;}.elementor-13526 .elementor-element.elementor-element-0c42b53{--width:100%;}.elementor-13526 .elementor-element.elementor-element-0c582e6{--width:100%;}.elementor-13526 .elementor-element.elementor-element-249ea11{--width:100%;}.elementor-13526 .elementor-element.elementor-element-423b951{--width:100%;}.elementor-13526 .elementor-element.elementor-element-ca53ab9{--width:100%;}.elementor-13526 .elementor-element.elementor-element-3f96540{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-42c57a0{--width:958px;}.elementor-13526 .elementor-element.elementor-element-ac55096{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-be31039{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-30052b0{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-2cd6c41{--width:100%;}.elementor-13526 .elementor-element.elementor-element-82f5ef4{--width:100%;}.elementor-13526 .elementor-element.elementor-element-84bf236{--width:100%;}.elementor-13526 .elementor-element.elementor-element-6361f63{--width:100%;}.elementor-13526 .elementor-element.elementor-element-45889a8{--width:100%;}.elementor-13526 .elementor-element.elementor-element-7f48de0{--width:100%;}.elementor-13526 .elementor-element.elementor-element-08c246d{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-8c84c24{--width:958px;}.elementor-13526 .elementor-element.elementor-element-08be80d{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-78fa737{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-e4b1445{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-bea4f87{--width:100%;}.elementor-13526 .elementor-element.elementor-element-d5b97b2{--width:100%;}.elementor-13526 .elementor-element.elementor-element-fbcde38{--content-width:100%;}.elementor-13526 .elementor-element.elementor-element-0d24817{--content-width:100%;}.elementor-13526 .elementor-element.elementor-element-e3ae96c{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-afca5df{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-fdbcd01{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-3e79489{--content-width:56%;}.elementor-13526 .elementor-element.elementor-element-03bbe47{--content-width:56%;}}@media(max-width:767px){.elementor-13526 .elementor-element.elementor-element-e8ac5fa{--min-height:0vh;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-13526 .elementor-element.elementor-element-fde6a6b{--min-height:100vh;}.elementor-13526 .elementor-element.elementor-element-b2d1465{--min-height:92vh;}.elementor-13526 .elementor-element.elementor-element-9e7f75a{--min-height:100vh;}.elementor-13526 .elementor-element.elementor-element-018f8e5{--min-height:379px;}.elementor-13526 .elementor-element.elementor-element-11f356c{--min-height:900px;}.elementor-13526 .elementor-element.elementor-element-17080c9{--min-height:100vh;}.elementor-13526 .elementor-element.elementor-element-f264b95{--min-height:900px;}.elementor-13526 .elementor-element.elementor-element-8b6e85c{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-0c42b53{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-249ea11{--min-height:700px;}.elementor-13526 .elementor-element.elementor-element-ca53ab9{--min-height:840px;}.elementor-13526 .elementor-element.elementor-element-3f96540{--min-height:100vh;}.elementor-13526 .elementor-element.elementor-element-ac55096{--min-height:602px;}.elementor-13526 .elementor-element.elementor-element-30052b0{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-82f5ef4{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-6361f63{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-7f48de0{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-fbf0f4e{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-c44a6ef{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-81f3c5f{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-99a89bb{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-607bb1e{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-ccf08d2{--min-height:1126px;}.elementor-13526 .elementor-element.elementor-element-08be80d{--min-height:796px;}.elementor-13526 .elementor-element.elementor-element-e4b1445{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-d5b97b2{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-2f19a2e{--min-height:94vh;}.elementor-13526 .elementor-element.elementor-element-67770be{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-029efaa{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-0d24817{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-3a286aa{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-7ee2736{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-afca5df{--min-height:1500px;}.elementor-13526 .elementor-element.elementor-element-fdbcd01{--min-height:1500px;}.elementor-13526 .elementor-element.elementor-element-d90c35b{--min-height:0px;}.elementor-13526 .elementor-element.elementor-element-03bbe47{--min-height:100vh;}}/* Start custom CSS *//* =====================================================
PAGE 13916 — BASE (NO CARDS GLOBALLY)
Only #d1 becomes a card and is tuned
(CLEANED: removed duplicate/contradicting D1 + lightbox blocks)
===================================================== */

/* ---------- Base ---------- */
body.page-id-13526{
background:#f3f4f7 !important;
overflow-x:hidden !important;
}

body.page-id-13526,
body.page-id-13526 *{
font-family: "New Order", "new-order", Helvetica, Arial, sans-serif !important;
color:#111 !important;
}

/* Kill pseudo overlays everywhere
body.page-id-13526 .section-wrap::before,
body.page-id-13526 .section-wrap::after{
content:none !important;
display:none !important;
} */

/* Kill pseudo overlays everywhere EXCEPT the intros */
body.page-id-13526 .section-wrap:not([id^="intro"])::before,
body.page-id-13526 .section-wrap:not([id^="intro"])::after{
content:none !important;
display:none !important;
}

/* Section container defaults (NO CARDS) */
body.page-id-13526 .section-wrap{
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;

padding-left: 220px !important;
padding-right: 80px !important;
padding-top: 120px !important;
padding-bottom: 60px !important;

max-width: 1600px !important;
margin: 0 auto !important;
box-sizing: border-box !important;

display:flex !important;
flex-direction:column !important;
gap: 34px !important;

position: relative !important;
z-index: 1 !important;
}

/* Neutralize any old inner card wrappers globally */
body.page-id-13526 .fm-content-card{
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: visible !important;
}

/* =====================================================
HEADERS (global)
===================================================== */
body.page-id-13526 .section-header{
width:100% !important;
text-align:center !important;
margin:0 !important;
}
body.page-id-13526 .section-header h2{
margin:0 !important;
font-size: clamp(34px, 3.4vw, 56px) !important;
font-weight: 900 !important;
color:#111 !important;
}

/* =====================================================
1-PLOT LAYOUT (global, neutral)
===================================================== */
body.page-id-13526 .figma-row{
display:grid !important;
grid-template-columns: 1.15fr 0.85fr !important;
gap:60px !important;
max-width: 1500px !important;
margin: 20px auto 0 !important;
align-items:start !important;
}

body.page-id-13526 .figma-plot{
display:flex !important;
justify-content:flex-start !important;
position: relative !important;
}

body.page-id-13526 .figma-text-block{
max-width: 620px !important;
}

body.page-id-13526 .figma-side-subtitle{
font-size: 22px !important;
font-weight: 900 !important;
margin: 0 0 16px 0 !important;
}

body.page-id-13526 .figma-text-block p{
font-size: 20px !important;
line-height: 1.7 !important;
font-weight:400 !important;
margin: 0 !important;
}

/* =====================================================
Plot card baseline
===================================================== */
body.page-id-13526 .plot-card{
position: relative !important;
}

/* =====================================================
EXPAND BUTTON (style + clickability)
===================================================== */
body.page-id-13526 .fm-expand-btn{
position:absolute !important;
top:10px !important;
right:10px !important;
z-index: 99999 !important;
pointer-events: auto !important;

border:none !important;
border-radius:999px !important;
padding:8px 12px !important;
cursor:pointer !important;
font-size:14px !important;
font-weight:800 !important;
background: rgba(0,0,0,0.65) !important;
color:#fff !important;
box-shadow: 0 8px 18px rgba(0,0,0,0.25) !important;
}
body.page-id-13526 .fm-expand-btn:hover{
background: rgba(0,0,0,0.78) !important;
}

/* Make clicking image feel correct */
body.page-id-13526 #d1 .plot-card img{
cursor: zoom-in !important;
}

/* =====================================================
Technical Explanation (global) — stable + collapsible
===================================================== */
body.page-id-13526 .details-wrapper{
max-width: 1100px !important;
margin: 10px auto 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}

body.page-id-13526 .data-sources-title{
display:flex !important;
align-items:center !important;
gap:12px !important;
width:100% !important;

font-size:18px !important;
font-weight:800 !important;

background: rgba(255,255,255,0.92) !important;
padding: 12px 18px !important;
border-radius:14px !important;

cursor:pointer !important;
user-select:none !important;

box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06) !important;
}

body.page-id-13526 .data-sources-title .arrow{
display:inline-block !important;
font-size:22px !important;
line-height:1 !important;
transform: rotate(0deg);
transition: transform 0.25s ease;
}
body.page-id-13526 .data-sources-title.open .arrow{
transform: rotate(90deg);
}

body.page-id-13526 .details-content{
display:none !important;
margin-top:12px !important;

font-size:16px !important;
line-height:1.65 !important;

background: rgba(255,255,255,0.92) !important;
padding:16px 18px !important;
border-radius:14px !important;

max-height: 32vh !important;
overflow-y:auto !important;
}

body.page-id-13526 .details-content.show{
display:block !important;
}

/* =====================================================
NAV (keep)
===================================================== */
/*body.page-id-13526 .nav-bar{
width: 218px !important;
background: transparent !important;
opacity: 0.95 !important;
transition: width 0.25s ease, background 0.25s ease, opacity 0.25s ease !important;
}
body.page-id-13526 .nav-bar:hover{
width: 320px !important;
background: rgba(255,255,255,0.82) !important;
backdrop-filter: blur(8px) !important;
opacity: 1 !important;
} */



/* =====================================================
NAVBAR: UNIVERSAL GLASS (Works on Blue & White)
===================================================== */
/* =====================================================
THE FORCE-DOWN FIX (NO MORE HEADER OVERLAP)
===================================================== */

body.page-id-13526 .nav-bar {
/* This forces the element to ignore its 'Container' placement */
position: fixed !important;

/* Move it down 210px from the absolute top of the browser */
top: 210px !important;

left: 0 !important;
width: 240px !important;

/* Make the container height smaller so it doesn't overlap the header */
height: calc(100vh - 210px) !important;
min-height: 0 !important; /* This kills that 715px setting in your image */

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

overflow-y: auto !important;
z-index: 99999 !important;

/* Stay hidden until scroll */
opacity: 0;
visibility: hidden;

}

/* Ensure the Elementor 'Widget Wrap' inside doesn't add its own height */
body.page-id-13526 .nav-bar .elementor-widget-wrap {
min-height: 0 !important;
height: auto !important;
}

/* Chrome/Safari scrollbar hide */
body.page-id-13526 .nav-bar::-webkit-scrollbar {
display: none !important;
}

/* Spacing Compression for Credits Visibility */
body.page-id-13526 .nav-title,
body.page-id-13526 .submenu-item {
font-size: 16px !important;
padding: 5px 20px !important; /* Even tighter padding */
margin: 0 !important;        /* Zero margin to stack tightly */
transition: all 0.2s ease !important;
border-radius: 0 20px 20px 0 !important;
color: #111 !important;
display: block !important;
}

/* Sub-menu Compression */
body.page-id-13526 .nav-submenu .submenu-item {
font-size: 14px !important;
padding: 3px 20px 3px 35px !important;
}

/* Hover/Active Look */
body.page-id-13526 .nav-bar:hover {
backdrop-filter: blur(12px) !important;
background: rgba(255, 255, 255, 0.1) !important;
}

body.page-id-13526 .submenu-item.active {
background: rgba(255, 255, 255, 0.45) !important;
border-left: 5px solid #111 !important;
font-weight: 800 !important;
}

/* Scroll Trigger Appearance */
body.page-id-13526.elementor-sticky--effects .nav-bar,
body.page-id-13526:not([style*="--scroll:0"]) .nav-bar {
opacity: 1 !important;
visibility: visible !important;
}
/* =====================================================
STANDALONE CATEGORY LINKS (Welcome, Idea, Overview)
===================================================== */

/* 1. Base Style: Bold and Large */
.submenu-item.standalone-title {
font-size: 23px !important;
font-weight: 700 !important;
padding: 8px 22px !important;
margin-left: 0 !important;
display: block !important;
border-left: 5px solid transparent !important; /* Prevents jumping when active */
}

/* 2. Compressed Look for Page 13526 */
body.page-id-13526 .submenu-item.standalone-title {
font-size: 16px !important;
font-weight: 800 !important;
padding: 5px 20px !important;
color: #111 !important;
}

/* 3. The "Capsule" Active State (Matches your 'yuu.png' screenshot) */
body.page-id-13526 .submenu-item.standalone-title.active {
background: rgba(255, 255, 255, 0.45) !important; /* White capsule */
border-left: 5px solid #111 !important;           /* Black bar */
border-radius: 0 20px 20px 0 !important;          /* Rounded edges */
font-weight: 800 !important;
}

/* 4. Hover Look */
body.page-id-13526 .submenu-item.standalone-title:hover {
background: rgba(255, 255, 255, 0.2) !important;
border-radius: 0 20px 20px 0 !important;
color: #000 !important;
}

/* =====================================================
 D5 RECOVERY: MATCHING THE D1/D2 CARD STYLE
===================================================== */

/* 1. Force the White Card Background and Padding for D5 */
body.page-id-13526 section#d5 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important; /* Standard Dashboard Padding */
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
}

/* 2. Fix the D5 Plot Card (Blue Glow + Height) */
body.page-id-13526 #d5 .plot-card {
width: 100% !important;
height: 450px !important; /* Standard dashboard height */
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important; /* Data Blue Glow */
}

/* 3. Ensure the Iframe fills the card perfectly */
body.page-id-13526 #d5 .plot-card iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
}

/* 4. Match the D1/D2 Row Ratio for Side-by-Side look */
body.page-id-13526 #d5 .figma-row {
display: grid !important;
grid-template-columns: 1.3fr 1.2fr !important;
gap: 50px !important;
align-items: center !important;
}

/* =====================================================
LIGHTBOX (Expand) — REQUIRED CSS
===================================================== */
body.page-id-13526 .fm-lightbox{
position: fixed !important;
inset: 0 !important;
z-index: 9999999 !important;
display: none !important;
align-items: center !important;
justify-content: center !important;
padding: 24px !important;
background: rgba(0,0,0,0.75) !important;
}
body.page-id-13526 .fm-lightbox.is-open{ display:flex !important; }

body.page-id-13526 .fm-lightbox-inner{
width: min(1280px, 94vw) !important;
height: min(860px, 90vh) !important;
background: #fff !important;
border-radius: 16px !important;
box-shadow: 0 18px 70px rgba(0,0,0,0.45) !important;
overflow: hidden !important;
position: relative !important;
}

body.page-id-13526 .fm-lightbox-close{
position: absolute !important;
top: 10px !important;
right: 12px !important;
z-index: 2 !important;
width: 38px !important;
height: 38px !important;
border-radius: 999px !important;
border: none !important;
cursor: pointer !important;
font-size: 22px !important;
line-height: 38px !important;
background: rgba(0,0,0,0.65) !important;
color: #fff !important;
}

body.page-id-13526 .fm-lightbox-content{
width: 100% !important;
height: 100% !important;
}
body.page-id-13526 .fm-lightbox-content iframe{
width: 100% !important;
height: 100% !important;
border: 0 !important;
display: block !important;
}
body.page-id-13526 .fm-lightbox-content img{
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
}

/* =====================================================
 TARGETED ID OVERRIDE: a1.5, a4-a6, a7-a12
Forces these sections to match the compact D1 scale.
===================================================== */

/* 1. Reset Padding and Height for these specific IDs ONLY */
body.page-id-13526 section#a1\.5,
body.page-id-13526 section#a4,
body.page-id-13526 section#a5,
body.page-id-13526 section#a5\.5,
body.page-id-13526 section#a6,
body.page-id-13526 section#a7,
body.page-id-13526 section#a8,
body.page-id-13526 section#a9,
body.page-id-13526 section#a10,
body.page-id-13526 section#a11,
body.page-id-13526 section#a12 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important; /* Compact padding like D1 */
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
gap: 34px !important;
}

/* 2. Lock the Plot Image height to match D1 (450px) */
body.page-id-13526 #a1\.5 .plot-card img,
body.page-id-13526 #a4 .plot-card img,
body.page-id-13526 #a5 .plot-card img,
body.page-id-13526 #a5\.5 .plot-card img,
body.page-id-13526 #a6 .plot-card img,
body.page-id-13526 #a7 .plot-card img,
body.page-id-13526 #a8 .plot-card img,
body.page-id-13526 #a9 .plot-card img,
body.page-id-13526 #a10 .plot-card img,
body.page-id-13526 #a11 .plot-card img,
body.page-id-13526 #a12 .plot-card img {
height: 450px !important;       /* D1 height baseline */
width: auto !important;         /* Keep proportions */
max-width: 100% !important;
object-fit: contain !important;
margin: 0 auto !important;
display: block !important;
}

/* 3. Align the Row and use the D1 Grid Ratio */
body.page-id-13526 #a1\.5 .figma-row,
body.page-id-13526 #a4 .figma-row,
body.page-id-13526 #a5 .figma-row,
body.page-id-13526 #a5\.5 .figma-row,
body.page-id-13526 #a6 .figma-row,
body.page-id-13526 #a7 .figma-row,
body.page-id-13526 #a8 .figma-row,
body.page-id-13526 #a9 .figma-row,
body.page-id-13526 #a10 .figma-row,
body.page-id-13526 #a11 .figma-row,
body.page-id-13526 #a12 .figma-row {
display: grid !important;
grid-template-columns: 1.4fr 1fr !important; /* D1 ratio */
gap: 60px !important;
margin: 0 !important;
align-items: center !important;
}

/* 4. Glow Logic */
/* Pink Glow (a4 - a6) */
body.page-id-13526 #a4 .plot-card, body.page-id-13526 #a5 .plot-card,
body.page-id-13526 #a5\.5 .plot-card, body.page-id-13526 #a6 .plot-card {
box-shadow: 0 0 45px 10px rgba(255, 54, 160, 0.3) !important;
}
/* Green Glow (a7 - a12) */
body.page-id-13526 #a7 .plot-card, body.page-id-13526 #a8 .plot-card,
body.page-id-13526 #a9 .plot-card, body.page-id-13526 #a10 .plot-card,
body.page-id-13526 #a11 .plot-card, body.page-id-13526 #a12 .plot-card {
box-shadow: 0 0 45px 10px rgba(0, 255, 103, 0.3) !important;
}

/* =====================================================
 RECOVERY: FIXING D2 AND A1.5
===================================================== */

/* 1. Restore D2 and fix A1.5 Card Style */
body.page-id-13526 section#d2,
body.page-id-13526 section#a1\.5 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important;
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
}

/* 2. Force D2 Blue Glow and A1.5 Pink Glow */
body.page-id-13526 #d2 .plot-card {
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important;
}

body.page-id-13526 #a1\.5 .plot-card {
box-shadow: 0 0 45px 10px rgba(255, 54, 160, 0.3) !important;
border-radius: 12px !important;
}

/* 3. Adjust A1.5 Plot specifically */
body.page-id-13526 #a1\.5 .plot-card img {
height: 480px !important; /* Slightly taller for this specific chart */
width: auto !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
}

/* 4. Fix the Row for both so text doesn't feel cramped */
body.page-id-13526 #d2 .figma-row,
body.page-id-13526 #a1\.5 .figma-row {
display: grid !important;
grid-template-columns: 1.3fr 1.2fr !important; 
/* Adjusted ratio for longer text */
gap: 50px !important;
align-items: center !important;
}

/* 5. Ensure A1.5 text flows nicely */
body.page-id-13526 #a1\.5 .figma-text-block p {
font-size: 17px !important; /* Slightly smaller to fit the long list of countries */
line-height: 1.5 !important;
}

/* =====================================================
BALANCED HTML PLOT (D3) + WHITE CARD RESTORED
===================================================== */

/* 1. Restore the White Card for D3 */
body.page-id-13526 section#d3 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important; /* Standard Card Padding */
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
}

/* 2. Shrink the Plot Container to 400px & keep the Blue Glow */
body.page-id-13526 #d3 .plot-card {
width: 100% !important;
height: 400px !important;      /* Balanced height for short text */
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important; /* Blue Glow restored */
}

/* 3. Perfect Alignment for the Row */
body.page-id-13526 #d3 .figma-row {
display: grid !important;
grid-template-columns: 1.2fr 1fr !important;
/* Gives text a bit more room */
gap: 50px !important;
align-items: center !important;
}

/* 4. Iframe Fill */
body.page-id-13526 #d3 .plot-card iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
}

/* =====================================================
 HTML PLOTS (d4, a1.25, a2, a3)
Interactive windows with high-precision alignment
===================================================== */

/* 1. Card & Row Setup */
body.page-id-13526 section#d4,
body.page-id-13526 section#a1\.25,
body.page-id-13526 section#a2,
body.page-id-13526 section#a3 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important;
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
}

/* 2. Plot Windows (450px standard height) */
body.page-id-13526 #d4 .plot-card,
body.page-id-13526 #a1\.25 .plot-card,
body.page-id-13526 #a2 .plot-card,
body.page-id-13526 #a3 .plot-card {
width: 100% !important;
height: 450px !important;
background: #fff !important;
border-radius: 12px !important;
overflow: hidden !important;
}

/* 3. HTML Glows (Blue for D, Pink for A) */
body.page-id-13526 #d4 .plot-card { box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important; }
body.page-id-13526 #a1\.25 .plot-card,
body.page-id-13526 #a2 .plot-card,
body.page-id-13526 #a3 .plot-card { box-shadow: 0 0 45px 10px rgba(255, 54, 160, 0.3) !important; }

/* 4. Iframe & Row Logic */
body.page-id-13526 #d4 .plot-card iframe, body.page-id-13526 #a1\.25 .plot-card iframe,
body.page-id-13526 #a2 .plot-card iframe, body.page-id-13526 #a3 .plot-card iframe {
width: 100% !important; height: 100% !important; border: none !important;
}

body.page-id-13526 #d4 .figma-row, body.page-id-13526 #a1\.25 .figma-row,
body.page-id-13526 #a2 .figma-row, body.page-id-13526 #a3 .figma-row {
display: grid !important;
grid-template-columns: 1.4fr 1fr !important;
gap: 60px !important;
align-items: center !important;
}

/* =====================================================
 PNG ADD-ONS (a1.5, a6)
Ensuring these match the D1 standard
===================================================== */
body.page-id-13526 section#a6 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important;
}

body.page-id-13526 #a6 .plot-card {
box-shadow: 0 0 45px 10px rgba(255, 54, 160, 0.3) !important;
}

body.page-id-13526 #a1\.5 .plot-card img,
body.page-id-13526 #a6 .plot-card img {
height: 450px !important;
width: auto !important;
object-fit: contain !important;
}

/* =====================================================
 RESTORING D6 WHITE CARD
===================================================== */

/* 1. Force the White Card for D6 */
body.page-id-13526 section#d6 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important;
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
}

/* 2. Style the Plot (Blue Glow) */
body.page-id-13526 #d6 .plot-card {
width: 100% !important;
height: 450px !important;
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important; /* Blue Glow */
}

/* 3. Handle both PNG or HTML for D6 */
body.page-id-13526 #d6 .plot-card img,
body.page-id-13526 #d6 .plot-card iframe {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
border: none !important;
}

/* 4. Match the D1 Row Ratio */
body.page-id-13526 #d6 .figma-row {
display: grid !important;
grid-template-columns: 1.4fr 1fr !important;
gap: 60px !important;
align-items: center !important;
}

/* =====================================================
 DOUBLE-PLOT SECTIONS (d5, a1, a4)
Header -> Intro Text -> Two Columns side-by-side
===================================================== */

/* 1. Card Container - Matching D1 professional scale */
body.page-id-13526 section#d5,
body.page-id-13526 section#a1,
body.page-id-13526 section#a4 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important;
display: flex !important;
flex-direction: column !important;
gap: 25px !important;
}

/* 2. Subtitle Style (Directly under Header) */
body.page-id-13526 .figma-subtitle {
text-align: center !important;
font-size: 22px !important;
font-weight: 600 !important;
color: #444 !important;
margin-top: 5px !important;
}

/* 3. Intro Text - Centered and readable */
body.page-id-13526 .figma-intro {
max-width: 900px !important;
margin: 0 auto 10px auto !important;
text-align: center !important;
}

body.page-id-13526 .figma-text {
font-size: 18px !important;
line-height: 1.6 !important;
color: #333 !important;
}

/* 4. The Dual Plot Grid */
body.page-id-13526 .figma-plots {
display: grid !important;
grid-template-columns: 1fr 1fr !important; /* Two equal halves */
gap: 30px !important;
width: 100% !important;
}

/* 5. The Cards inside the Grid */
body.page-id-13526 .figma-plots .plot-card {
height: 400px !important; /* Slightly shorter so two fit comfortably */
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}

/* 6. Glows: Blue for D5, Pink for A1 & A4 */
body.page-id-13526 #d5 .plot-card {
box-shadow: 0 0 35px 5px rgba(0, 60, 252, 0.25) !important;
}
body.page-id-13526 #a1 .plot-card,
body.page-id-13526 #a4 .plot-card {
box-shadow: 0 0 35px 5px rgba(255, 54, 160, 0.25) !important;
}

/* 7. Image/Iframe fill */
body.page-id-13526 .figma-plots .plot-card img,
body.page-id-13526 .figma-plots .plot-card iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
object-fit: contain !important;
}
/* =====================================================
 SUBTITLE COLOR SYNC
Ensures the two-plot subtitles are solid black
===================================================== */

body.page-id-13526 .figma-subtitle {
color: #111 !important;        /* Solid Black */
font-weight: 800 !important;   /* Bold to match the theme */
text-transform: none !important;
letter-spacing: -0.02em !important;
}

/* Optional: If the intro text feels too light, this darkens it too */
body.page-id-13526 .figma-text {
color: #222 !important;
font-weight: 400 !important;
}

/* =====================================================
 UNIFIED CURVES: PNG + HTML SYNC
Ensures all plots have the same rounded corners
===================================================== */

/* 1. Target all plot images across the whole page */
body.page-id-13526 .plot-card img,
body.page-id-13526 .plot-card iframe,
body.page-id-13526 .plot-card {
border-radius: 16px !important;
overflow: hidden !important; /* This "clips" the corners of the image */
}

/* 2. Optional: Add a very subtle border to PNGs
to help the curves pop against the white card */
body.page-id-13526 .plot-card img {
border: 1px solid rgba(0,0,0,0.03) !important;
}

/* =====================================================
 HEADER & D1 ALIGNMENT SYNC
===================================================== */

/* Ensure D1 has the Blue Glow that was missing */
body.page-id-13526 #d1 .plot-card img {
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.35) !important;
}

/* Center Logo fix for Designer's feedback - Align to Sidebar line */
.site-header .custom-logo-link {
margin-left: 220px !important;
}


/* =====================================================
 RESOURCES (#resources1) & CREDITS (#credits1)
===================================================== */

/* 1. Resources Grid - Clean & Responsive */
#resources1 .resources-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
gap: 30px !important;
margin-top: 40px !important;
}

#resources1 .resource-card {
background: #ffffff !important;
padding: 35px !important;
border-radius: 24px !important;
box-shadow: 0 10px 40px rgba(0,0,0,0.04) !important;
border: 1px solid rgba(0,0,0,0.06) !important;
transition: transform 0.3s ease !important;
}

#resources1 .resource-card:hover {
transform: translateY(-5px) !important;
border-color: #003cfc !important; /* Data Blue Highlight */
}

#resources1 .resource-tag {
font-weight: 900 !important;
font-size: 13px !important;
text-transform: uppercase !important;
color: #003cfc !important;
margin-bottom: 20px !important;
letter-spacing: 0.08em !important;
}

/* 2. Credits Card Specifics */
#credits1 .credits-card {
background: #ffffff !important;
padding: 60px 80px !important;
border-radius: 32px !important;
margin-top: 20px !important;
box-shadow: 0 20px 60px rgba(0,0,0,0.06) !important;
}

#credits1 .credits-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important; /* Two-column layout for names */
gap: 24px 50px !important;
}

#credits1 .credit-item {
font-size: 18px !important;
line-height: 1.5 !important;
color: #111 !important;
}

#credits1 .credits-divider {
margin: 50px 0 !important;
border: 0 !important;
border-top: 1px solid #eee !important;
}

#credits1 .credits-footer p {
font-size: 17px !important;
line-height: 1.7 !important;
color: #444 !important;
margin-bottom: 12px !important;
}

#credits1 .cc-badge {
display: inline-block !important;
margin-top: 25px !important;
padding: 8px 16px !important;
background: #f4f4f4 !important;
border-radius: 10px !important;
font-weight: 800 !important;
font-size: 14px !important;
color: #222 !important;
}

/* =====================================================
 LINK STYLING (RESOURCES & CREDITS)
===================================================== */

/* 1. Resources Link Styling */
#resources1 .resource-links a {
display: block !important;
color: #003cfc !important; /* Your signature Data Blue */
text-decoration: none !important;
font-size: 16px !important;
margin-bottom: 10px !important;
font-weight: 600 !important; /* Semi-bold for readability */
transition: all 0.2s ease !important;
}

#resources1 .resource-links a:hover {
color: #ff9d00 !important; /* Contrast Orange on hover */
text-decoration: underline !important;
transform: translateX(3px) !important; /* Subtle "push" effect */
}

/* 2. Resource Notes (for non-clickable text) */
#resources1 .resource-note {
font-size: 14px !important;
color: #666 !important;
font-style: italic !important;
margin-top: 5px !important;
}

/* 3. Credits Link Styling */
#credits1 .credits-footer a {
color: #003cfc !important;
font-weight: 700 !important;
text-decoration: underline !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 3px !important;
}

#credits1 .credits-footer a:hover {
color: #ff9d00 !important;
}

/* =====================================================
 A13 USER QUOTES LAYOUT
===================================================== */

#a13.section-wrap {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
padding: 60px 80px 60px 220px !important;
}

/* Intro Text Centered */
.quotes-intro-top {
text-align: center !important;
max-width: 800px !important;
margin: 0 auto 40px auto !important;
font-size: 20px !important;
line-height: 1.6 !important;
font-weight: 500 !important;
color: #444 !important;
}

/* Quote Container Grid */
.quotes-container {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 25px !important;
position: relative !important;
margin-bottom: 50px !important;
}

/* Individual Bubbles */
.quote-bubble {
background: #f9f9fb !important;
padding: 30px !important;
border-radius: 24px !important;
border-left: 6px solid #ff36a0 !important; /* Pink Accent */
box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
transition: transform 0.3s ease !important;
}

.quote-bubble:hover {
transform: scale(1.02) !important;
background: #ffffff !important;
box-shadow: 0 15px 40px rgba(255, 54, 160, 0.1) !important;
}

.quote-bubble p {
font-size: 18px !important;
font-style: italic !important;
line-height: 1.5 !important;
margin: 0 !important;
color: #222 !important;
}

/* "Scattering" effect using margins */
.quote-bubble.b2 { margin-top: 40px !important; }
.quote-bubble.b3 { margin-top: -20px !important; }
.quote-bubble.b5 {
grid-column: span 2 !important;
max-width: 600px !important;
margin: 20px auto 0 auto !important;
border-left: none !important;
border-bottom: 6px solid #ff36a0 !important;
text-align: center !important;
}

/* =====================================================
 A13 USER QUOTES — FINAL REFINED CARD
===================================================== */

/* Outer spacing - matches your standard 220px sidebar layout */
#a13.section-wrap {
background: transparent !important;
padding: 80px 80px 80px 220px !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
gap: 40px !important;
}

/* The White Card containing all the quotes */
#a13 .quotes-inner-card {
background: rgba(255, 255, 255, 0.98) !important;
border-radius: 32px !important;
padding: 60px 80px !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05) !important;
}

/* Opening Sentence - Bold & Centered */
#a13 .quotes-intro-top {
text-align: center !important;
max-width: 850px !important;
margin: 0 auto 40px auto !important;
}

#a13 .quotes-intro-top p {
font-size: 21px !important;
line-height: 1.6 !important;
font-weight: 500 !important;
color: #111 !important;
}

/* The Quotes Gallery - 2 Column Grid */
#a13 .quotes-gallery {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 30px !important;
margin-bottom: 50px !important;
}

/* Quote Bubbles Style */
#a13 .quote-bubble {
background: #fcfcfd !important;
padding: 35px !important;
border-radius: 24px !important;
border: 1px solid rgba(0,0,0,0.05) !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important;
transition: all 0.3s ease !important;
}

/* Hover: Pink Glow (A-Series Theme) */
#a13 .quote-bubble:hover {
transform: translateY(-5px) !important;
border-color: #ff36a0 !important;
box-shadow: 0 20px 45px rgba(255, 54, 160, 0.12) !important;
}

#a13 .quote-bubble p {
font-size: 18px !important;
line-height: 1.6 !important;
font-style: italic !important;
margin: 0 !important;
color: #333 !important;
}

/* The Algorithm Quote (Last one) - Featured Center */
#a13 .quote-bubble.b5 {
grid-column: span 2 !important;
max-width: 800px !important;
margin: 0 auto !important;
text-align: center !important;
background: #fff !important;
border-bottom: 4px solid #ff36a0 !important;
}

/* Standardized Details Toggle */
#a13 .details-wrapper {
margin-top: 40px !important;
border-top: 1px solid #eee !important;
padding-top: 30px !important;
}

#a13 .data-sources-title {
font-weight: 800 !important;
cursor: pointer !important;
color: #ff36a0 !important; /* Theme Color for Details */
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* =====================================================
A13: THE FINAL DASHBOARD CARD FIX
===================================================== */

/* This section forces the "Card Thing" — matching D1 and others */
body.page-id-13526 section#a13 {
background: #ffffff !important;
border-radius: 32px !important;
margin-bottom: 60px !important;

/* The magic padding that respects your sidebar */
padding: 80px 80px 80px 220px !important;

width: 100% !important;
max-width: 1600px !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
box-sizing: border-box !important;

}

/* The Grid inside the card */
body.page-id-13526 #a13 .quotes-grid-layout {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 40px 60px !important;
width: 100% !important;
max-width: 1100px !important;
margin: 50px auto 0 auto !important;
}

/* The Quote Style from your image */
body.page-id-13526 #a13 .quote-item-box {
border-left: 4px solid #ff36a0 !important; /* Pink Accent */
padding-left: 25px !important;
}

body.page-id-13526 #a13 .quote-item-box p {
font-size: 19px !important;
line-height: 1.6 !important;
font-style: italic !important;
color: #333 !important;
margin: 0 !important;
}

/* Details toggle matching your standard look */
body.page-id-13526 #a13 .details-wrapper {
margin-top: 60px !important;
width: 100% !important;
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
}

body.page-id-13526 #a13 .data-sources-title {
background: #f4f4f4 !important;
color: #111 !important;
box-shadow: none !important;
justify-content: center !important;
}

/* Add d5 to the standard card list */
body.page-id-13526 section#d1,
body.page-id-13526 section#d2,
body.page-id-13526 section#d3,
body.page-id-13526 section#d5 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important;
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
}

/* Blue Glow for the D5 Interactive Plot */
body.page-id-13526 #d5 .plot-card {
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important;
height: 450px !important; /* Matches D1 and D4 height */
border-radius: 16px !important;
overflow: hidden !important;
}

body.page-id-13526 #d5 .plot-card iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
}

/* Increase height for A3 to show the full plot area */
body.page-id-13526 #a3 .plot-card {
height: 650px !important; /* Increased from 450px */
}

/* Ensure the iframe doesn't have internal scrollbars if possible */
body.page-id-13526 #a3 .plot-card iframe {
height: 100% !important;
width: 100% !important;
overflow: hidden !important;
}

/* Increase height for A2 and A3 to show the full plot area */
body.page-id-13526 #a2 .plot-card,
body.page-id-13526 #a3 .plot-card {
height: 650px !important;
}

body.page-id-13526 #a2 .plot-card iframe,
body.page-id-13526 #a3 .plot-card iframe {
height: 100% !important;
width: 100% !important;
overflow: hidden !important;
}

/* Make A2 plot wider and taller */
body.page-id-13526 #a2 .figma-row {
grid-template-columns: 1.6fr 0.8fr !important; /* Shifts the balance to the plot */
gap: 40px !important; /* Slightly tighter gap to gain more width */
}

body.page-id-13526 #a2 .plot-card {
height: 700px !important; /* A bit more height for the extra width */
width: 100% !important;
}

/* Space out the paragraphs inside the text-only card */
#f-intro2 .figma-text p {
margin-bottom: 20px !important;
font-size: 20px !important; /* Slightly adjusted for multi-paragraph readability */
line-height: 1.7 !important;
}

#f-intro2 .figma-text p:last-child {
margin-bottom: 0 !important;
}

/* =====================================================
F-INTRO2: MINIMAL, CENTERED + CENTERED DETAILS
===================================================== */

#f-intro2.figma-section {
background: transparent !important;
padding: 100px 40px !important;
width: 100% !important;
display: flex !important;
justify-content: center !important;
text-align: center !important;
}

#f-intro2 .intro-centered-content {
max-width: 1100px;
width: 100%;
}

#f-intro2 .section-header h2 {
font-size: 48px !important;
margin-bottom: 40px !important;
text-align: center !important;
}

#f-intro2 .figma-text p {
font-size: 22px !important;
line-height: 1.7 !important;
color: #111 !important;
margin-bottom: 25px !important;
text-align: center !important;
max-width: 900px;
margin-left: auto !important;
margin-right: auto !important;
}

/* Centering the Technical Explanation */
#f-intro2 .centered-details {
margin-top: 40px !important;
display: flex;
flex-direction: column;
align-items: center;
}

#f-intro2 .details-toggle {
justify-content: center !important;
display: flex !important;
align-items: center;
cursor: pointer;
font-weight: 600;
}

#f-intro2 .details-content {
text-align: center !important;
margin-top: 15px !important;
}

/* =====================================================
V-INTRO2: CENTERED HERO STYLE (SUBTITLE + DETAILS)
===================================================== */

#v-intro2.figma-section {
background: transparent !important;
padding: 100px 40px !important;
width: 100% !important;
display: flex !important;
justify-content: center !important;
text-align: center !important;
}

#v-intro2 .intro-centered-content {
max-width: 1100px;
width: 100%;
}

#v-intro2 .section-header {
margin-bottom: 40px !important;
}

#v-intro2 .section-header h2 {
font-size: 48px !important;
margin-bottom: 12px !important;
text-align: center !important;
}

#v-intro2 .figma-subtitle {
font-size: 24px !important;
color: #666 !important;
font-weight: 400 !important;
text-align: center !important;
}

#v-intro2 .figma-text p {
font-size: 22px !important;
line-height: 1.75 !important;
color: #111 !important;
margin-bottom: 25px !important;
text-align: center !important;
max-width: 950px;
margin-left: auto !important;
margin-right: auto !important;
}

/* Centering the Technical Explanation */
#v-intro2 .centered-details {
margin-top: 50px !important;
display: flex;
flex-direction: column;
align-items: center;
}

#v-intro2 .details-toggle {
justify-content: center !important;
display: flex !important;
cursor: pointer;
font-weight: 600;
}

#v-intro2 .details-content {
text-align: center !important;
margin-top: 20px !important;
max-width: 900px;
}
#v-intro2 .figma-subtitle {
font-size: 26px !important;      /* Slightly larger for presence */
color: #000000 !important;       /* Pure black to match the header */
font-weight: 500 !important;      /* Medium weight so it's bold but distinct from H2 */
text-align: center !important;
margin-top: 5px !important;
margin-bottom: 35px !important;
letter-spacing: -0.01em !important;
}

#resources1.section-wrap {
padding: 80px 80px 80px 220px !important;
}

.figma-intro-resources {
max-width: 900px;
margin-bottom: 50px;
}

.resource-card {
background: #f9f9f9;
padding: 24px;
border-radius: 16px;
border: 1px solid #eee;
display: flex;
flex-direction: column;
gap: 12px;
}

.resource-tag {
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
color: #ff36a0; /* Using your pink theme color */
}

.resource-description {
font-size: 15px;
line-height: 1.4;
color: #444;
}

.resource-meta-label {
font-size: 12px;
color: #999;
text-transform: uppercase;
margin-bottom: 4px;
}

.resource-meta-value {
font-weight: 600;
font-size: 14px;
}

.resource-links {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 8px;
}

.resource-links a {
color: #000;
text-decoration: underline;
font-size: 14px;
}

.resource-links a:hover {
color: #ff36a0;
}

.resource-note {
font-size: 12px;
font-style: italic;
color: #666;
}

/* =====================================================
 A13: TWO-LINE TITLE & PLOT-PERFECT SHADOWS
===================================================== */

/* 1. Remove the section's white card background */
body.page-id-13526 section#a13 {
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 60px 80px 60px 220px !important;
}

/* 2. Header Style */
body.page-id-13526 #a13 .section-header h2 {
font-size: 42px !important;
font-weight: 900 !important;
color: #000 !important;
}

/* 3. The 2x2 Grid of Floating Quote Cards */
body.page-id-13526 .quotes-floating-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 30px !important;
max-width: 1100px !important;
margin: 0 auto !important;
}

/* 4. The "Small Card" with EXACT Plot Shadow (Policy Green) */
body.page-id-13526 .quote-shadow-card {
background: #ffffff !important;
padding: 30px !important;
border-radius: 16px !important;
border-left: 6px solid #00ff67 !important; /* Policy Green */

/* THE EXACT PLOT SHADOW */
box-shadow: 0 0 45px 10px rgba(0, 255, 103, 0.3) !important;

display: flex !important;
align-items: center !important;
min-height: 160px !important;

}

body.page-id-13526 .quote-shadow-card p {
font-family: "New Order", sans-serif !important;
font-style: italic !important;
font-size: 17px !important;
line-height: 1.6 !important;
color: #111 !important;
margin: 0 !important;
}

/* 5. Details Section Styling (No line, floating button) */
body.page-id-13526 #a13 .details-wrapper {
max-width: 1100px !important;
margin: 40px auto 0 auto !important;
border-top: none !important;
}

body.page-id-13526 #a13 .data-sources-title {
background: rgba(255,255,255,0.92) !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06) !important;
border-radius: 14px !important;
}

/* =====================================================
 FINAL "NO-GAP" INTRO LOGIC (CENTERED)
===================================================== */

/* Force parent to allow full-bleed */
.elementor-section-wrap, .elementor-section {
overflow: visible !important;
}

/* 1. Universal Full-Width Stretch */
#intro1, #intro2, #intro3, #d-intro, #f-intro, #v-intro {
width: 100vw !important;
max-width: none !important;
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin: 0 !important;

/* Layout: Center text for a cinematic feel */
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;

min-height: 85vh !important;
padding: 100px 10% !important; /* Responsive side padding */
box-sizing: border-box !important;

}

/* 2. Remove "Card" Backgrounds from Inner Divs */
#intro1 .intro1-center,
#intro2 .fm-intro-inner,
#intro3 .fm-intro-inner,
#d-intro .fm-intro-inner {
background: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
max-width: 1000px !important; /* Keeps text lines from being too long */
}

/* 3. Section Colors */
#intro1 { background-color: #ff9d00 !important; padding-top: 180px !important; }
#intro2 { background: linear-gradient(180deg, #ff9d00 0%, #003cfc 100%) !important; }
#intro3, #d-intro { background-color: #003cfc !important; }

/* 4. Text Polish (White for Contrast) */
#intro1 *, #intro2 *, #intro3 *, #d-intro * {
color: #ffffff !important;
}

.fm-intro-title, .intro1-title {
font-size: clamp(42px, 5vw, 68px) !important;
font-weight: 900 !important;
margin-bottom: 20px !important;
}

.fm-intro-text p {
font-size: 22px !important;
line-height: 1.6 !important;
}

/* =====================================================
 D1 RESET (DASHBOARD CARD STYLE STARTS HERE)
===================================================== */

body.page-id-13526 #d1 {
width: 100vw !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: #f3f4f7 !important; /* Page Grey */
padding: 80px 0 !important;
}

body.page-id-13526 #d1 .figma-row {
background: #ffffff !important;
border-radius: 32px !important;
padding: 60px 80px 60px 220px !important; /* Sidebar room for actual data */
max-width: 1550px !important;
margin: 0 auto !important;
box-shadow: 0 10px 40px rgba(0,0,0,0.05) !important;
}

/* =====================================================
 FORCED BLACK SUBTITLES + AIR
===================================================== */

/* 1. Force Black & Bold for all Intro Subtitles */
#intro1 .intro1-subtitle,
#intro2 .fm-intro-subtitle,
#intro3 .fm-intro-subtitle,
#d-intro .fm-intro-subtitle {
color: #000000 !important;      /* True Black */
font-weight: 900 !important;     /* Heavy Bold */
font-size: 32px !important;      /* Matches Dashboard subtitle scale */
display: block !important;       /* Ensures margin-bottom works */
margin-top: 20px !important;     /* Space from Title */
margin-bottom: 60px !important;  /* The "Air" before the text */
opacity: 1 !important;           /* Remove any transparency */
text-align: center !important;
}

/* 2. Air for Intro 2 Paragraphs */
#intro2 .fm-intro-text p {
margin-bottom: 30px !important;
line-height: 1.8 !important;
}

/* 3. Extra Air for Intro 3 Paragraphs */
#intro3 .fm-intro-text p {
margin-bottom: 45px !important; /* Huge gaps between paragraphs */
line-height: 1.9 !important;
}

/* 4. Center the text container if it's drifting */
.fm-intro-inner, .intro1-center {
width: 100% !important;
max-width: 900px !important;
margin: 0 auto !important;
}


/* 4. UNIFIED SPACING FOR ALL INTRO SECTIONS */
#intro1, #intro2, #intro3, #d-intro, #f-intro, #f-intro2, #v-intro, #v-intro2 {
width: 100% !important;
padding-left: 220px !important;
padding-right: 80px !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
min-height: 80vh !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}

/* =====================================================
 FINAL LOCK: CENTERED IN THE VIEWPORT (NO GAPS)
===================================================== */

/*FIXING THE WHITE GAPS ONLY (Zero change to centering) */

#v-intro2 {
/* This creates a "shadow" that is 1000px wide on both sides, painting the white gaps green */
box-shadow: 0 0 0 1000px #00FF67 !important;
clip-path: inset(0 -1000px 0 -1000px) !important;
background-color: #00FF67 !important;
}

#f-intro2 {
/* This creates a "shadow" that is 1000px wide on both sides, painting the white gaps pink */
box-shadow: 0 0 0 1000px #FF36A0 !important;
clip-path: inset(0 -1000px 0 -1000px) !important;
background-color: #FF36A0 !important;
}

/* Ensure the background stretches to cover the "shadow" area */
#v-intro2, #f-intro2 {
position: relative !important;
z-index: 1 !important;
}

/* =====================================================
D1 FINAL FIX: MATCHING D2 (DATA DOWNLOAD)
===================================================== */

/* 1. Reset the Section - Force it to be ONE clean card */
body.page-id-13526 section#d1 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important; /* EXACT match to D2 */
box-shadow: 0 10px 40px rgba(0,0,0,0.05) !important;
display: flex !important;
flex-direction: column !important;
min-height: 0 !important;
}

/* 2. Kill the Extra Card look on the inner Row */
body.page-id-13526 #d1 .figma-row {
background: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: 1.3fr 1.2fr !important; /* D2 Ratio */
gap: 50px !important;
align-items: center !important;
}

/* 3. Set the Blue Glow on the image container */
body.page-id-13526 #d1 .plot-card {
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important;
border-radius: 16px !important;
background: #fff !important;
}

/* 4. Ensure the image itself doesn't have a second shadow */
body.page-id-13526 #d1 .plot-card img {
box-shadow: none !important;
display: block !important;
width: 100% !important;
}

/* 5. Match Text Size to D2 */
body.page-id-13526 #d1 .figma-text-block p {
font-size: 18px !important;
line-height: 1.6 !important;
}

/* =====================================================
 D1 FINAL SYNC: THE "ONE CARD" FIX
===================================================== */

/* 1. Force D1 to be a White Card (Matches D2) */
body.page-id-13526 section#d1 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important; /* D2 Match */
box-shadow: 0 10px 40px rgba(0,0,0,0.05) !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
}

/* 2. Style the Plot Card (The Blue Glow) */
body.page-id-13526 #d1 .plot-card {
background: #fff !important;
border-radius: 16px !important;
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important;
overflow: hidden !important;
}

/* 3. Clean up the Image inside the Glow */
body.page-id-13526 #d1 .plot-card img {
width: 100% !important;
height: auto !important;
display: block !important;
box-shadow: none !important; /* Removes the 'double card' shadow */
border: none !important;
}

/* 4. Fix Grid Ratio to match D2 */
body.page-id-13526 #d1 .figma-row {
display: grid !important;
grid-template-columns: 1.3fr 1.2fr !important;
gap: 50px !important;
align-items: center !important;
background: transparent !important;
box-shadow: none !important;
}

/* =====================================================
 D1 CARD SYNC (FORCING D2 FOOTPRINT)
===================================================== */

/* 1. Reset the outer section to match D2's card size */
body.page-id-13526 section#d1.section-wrap {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;

/* Force width to match D2 */
max-width: 1500px !important;
margin: 0 auto 60px auto !important;

/* Standardize Padding (removes the 120px gap) */
padding: 50px 80px 50px 220px !important;

box-shadow: 0 10px 40px rgba(0,0,0,0.05) !important;
height: auto !important;
min-height: 0 !important;

}

/* 2. Sync the Inner Row Ratio */
body.page-id-13526 #d1 .figma-row {
grid-template-columns: 1.3fr 1.2fr !important; /* D2 Ratio */
align-items: center !important; /* Vertical center prevents "short" look */
gap: 50px !important;
margin: 0 !important;
width: 100% !important;
}

/* 3. The Plot Image Container */
body.page-id-13526 #d1 .plot-card {
height: 450px !important;
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important; /* Blue Glow */
}

/* 4. Ensure the PNG fills the card properly */
body.page-id-13526 #d1 .plot-card img {
height: 100% !important;
width: 100% !important;
object-fit: contain !important;
border-radius: 16px !important;
}

/* =====================================================
 A2 PLOT: CROP INTERNAL HTML PADDING
===================================================== */

/* 1. The Container (The "Window") */
body.page-id-13526 section#a2 .plot-card {
height: 480px !important;
width: 100% !important;
overflow: hidden !important; /* THIS IS THE CROPPER */
position: relative !important;
background: #fff !important;
}

/* 2. The Iframe (The "Image") */
body.page-id-13526 #a2 .plot-card iframe {
/* Scale it down first so the legend on the right fits */
width: 140% !important;

height: 140% !important;

/* THE CROP: Pull the iframe up and left to hide the white space */
margin-top: -60px !important;  /* Moves the plot UP to hide top padding */
margin-left: -50px !important; /* Moves the plot LEFT to hide left padding */

/* Scale it to fit the 480px box after the shift */
transform: scale(0.72) !important;
transform-origin: top left !important;

border: none !important;
display: block !important;

}

/* =====================================================
 A2 PLOT: KILL SCROLLBARS & CENTER DATA
===================================================== */

/* 1. The Card Container */
body.page-id-13526 #a2 .plot-card {
height: 480px !important;
width: 100% !important;
overflow: hidden !important; /* Prevents the "double scrollbar" look */
background: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}

/* 2. The Iframe Fix */
body.page-id-13526 #a2 .plot-card iframe {
/* We make the iframe "large" internally so the HTML doesn't wrap */
width: 1000px !important;
height: 800px !important;

/* We zoom it out so the 1000px width fits into your card */
transform: scale(0.65) !important;
transform-origin: center center !important;

/* Remove any weird internal shifts */
margin: 0 !important;
border: none !important;
pointer-events: auto !important;

}

/* 3. Hide the scrollbar inside the card for a cleaner look */
body.page-id-13526 #a2 .plot-card::-webkit-scrollbar {
display: none !important;
}

/* =====================================================
 D4 PREVIEW: CROP TO BIG DONUT + LEFT LEGEND
===================================================== */

/* 1. The Container (The Window) */
body.page-id-13526 #d4 .plot-card {
height: 480px !important;
width: 100% !important;
overflow: hidden !important; /* Crops the extra content */
background: #fff !important;
position: relative !important;
}

/* 2. The Iframe (The Content) */
body.page-id-13526 #d4 .plot-card iframe {
/* Scale it up so the big donut fills the card height */
width: 155% !important;
height: 130% !important;


/* Move it slightly to the left to hide the right-side legend/donut */
/* And slightly up to hide any top white padding */
margin-top: -30px !important;
margin-left: -20px !important;

/* Maintain clarity but keep it focused */
transform: scale(1.0) !important;
transform-origin: top left !important;

border: none !important;
display: block !important;

}

/* 3. Ensure the Lightbox (Expand) still shows EVERYTHING */
body.page-id-13526 .fm-lightbox-content iframe {
width: 100% !important;
height: 100% !important;
transform: none !important; /* Reset zoom in expand mode */
margin: 0 !important;
}

/* =====================================================
 D1: THE FINAL D2 CLONE
===================================================== */
section#d1 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important;
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
max-width: 1600px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}

#d1 .figma-row {
display: grid !important;
grid-template-columns: 1.3fr 1.2fr !important;
gap: 50px !important;
align-items: center !important;
}

#d1 .plot-card {
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important;
border-radius: 16px !important;
overflow: hidden !important;
}

#d1 .plot-card img {
height: 450px !important;
width: 100% !important;
object-fit: contain !important;
display: block !important;
}

/* =====================================================
 THE MISSING D1 RECOVERY (D2 CLONE)
===================================================== */

/* 1. Force D1 to be a White Card identical to D2 */
body.page-id-13526 section#d1 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important; /* Matches D2 exactly */
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
max-width: 1600px !important;
width: 100% !important;
}

/* 2. Fix the D1 Plot (Blue Glow + Height) */
body.page-id-13526 #d1 .plot-card {
box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.35) !important;
border-radius: 16px !important;
overflow: hidden !important;
}

body.page-id-13526 #d1 .plot-card img {
height: 450px !important; /* Standard D2 height */
width: 100% !important;
object-fit: contain !important;
display: block !important;
}

/* 3. Match the D2 Row Ratio */
body.page-id-13526 #d1 .figma-row {
display: grid !important;
grid-template-columns: 1.3fr 1.2fr !important;
gap: 50px !important;
align-items: center !important;
}

/* =====================================================
 A1.5 TEXT SYNC: MATCHING THE REST OF THE SITE
===================================================== */

/* 1. Force the font size and spacing to match the global standard */
body.page-id-13526 #a1\.5 .figma-text-block p {
font-size: 20px !important;    /* Matching your other cards */
line-height: 1.7 !important;   /* Matching your other cards */
font-weight: 400 !important;
color: #111 !important;
}

/* 2. Ensure the subtitle matches too */
body.page-id-13526 #a1\.5 .figma-side-subtitle {
font-size: 22px !important;
font-weight: 900 !important;
margin-bottom: 16px !important;
}

/* 3. Re-align the row ratio to match D1/D2 twin style */
body.page-id-13526 #a1\.5 .figma-row {
grid-template-columns: 1.3fr 1.2fr !important;
gap: 50px !important;
}

/* =====================================================
 A2 SYNC: FORCE 1:1 MATCH WITH A3
===================================================== */

/* 1. Force the exact Card Frame & Padding of a3 */
body.page-id-13526 section#a2 {
background: rgba(255,255,255,0.98) !important;
border-radius: 32px !important;
margin-bottom: 60px !important;
padding: 50px 80px 50px 220px !important; /* Matches a3 */
min-height: 0 !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
}

/* 2. Match the a3 Grid Ratio exactly */
body.page-id-13526 #a2 .figma-row {
display: grid !important;
grid-template-columns: 1.4fr 1fr !important; /* The 'a3' standard */
gap: 60px !important;
align-items: center !important;
width: 100% !important;
margin: 20px auto 0 !important;
}

/* 3. Match the a3 Plot Card Window Height */
body.page-id-13526 #a2 .plot-card {
width: 100% !important;
height: 450px !important; /* Fixed height to match a3 */
background: #fff !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 0 45px 10px rgba(255, 54, 160, 0.3) !important; /* Pink Glow */
}

/* 4. Ensure Iframe or Image fills the a2 window exactly like a3 */
body.page-id-13526 #a2 .plot-card iframe,
body.page-id-13526 #a2 .plot-card img {
width: 100% !important;
height: 100% !important;
border: none !important;
object-fit: contain !important;
}

/* =====================================================
 THE ULTIMATE NEUTRALIZER (NO COLORS, ALL BLACK TEXT)
===================================================== */

/* 1. REMOVE ALL GRADIENTS & COLORS (Intros 1, 2, 3, D, F, V) */
#intro1, #intro2, #intro3,
#d-intro, #f-intro, #f-intro2,
#v-intro, #v-intro2 {
background: transparent !important;
background-image: none !important;
background-color: transparent !important;
box-shadow: none !important;
clip-path: none !important;
}

/* 2. FORCE D-INTRO HEADER TO BLACK (Targeting Elementor's core classes) */
#d-intro h1, #d-intro h2,
#d-intro .elementor-heading-title,
#d-intro .elementor-text-editor *,
#d-intro p {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important; /* Fixes some gradient-text overrides */
}

/* 3. RESET ALL INTRO TEXT TO BLACK */
#intro1 *, #intro2 *, #intro3 *,
#f-intro *, #f-intro2 *,
#v-intro *, #v-intro2 * {
color: #000000 !important;
}

/* 4. ENSURE CENTERING FOR ALL */
#intro1, #intro2, #intro3,
#d-intro, #f-intro, #f-intro2,
#v-intro, #v-intro2 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}

/* 5. FIX THE INTERNAL WIDGET ALIGNMENT */
#intro1 .elementor-widget-container,
#intro2 .elementor-widget-container,
#intro3 .elementor-widget-container,
#d-intro .elementor-widget-container,
#f-intro2 .elementor-widget-container,
#v-intro2 .elementor-widget-container {
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}

/* =====================================================
️ INTRO 2 & 3 TITLE BLACKOUT
===================================================== */

/* Specifically target the headings in Intro 2 and 3 */
#intro2 h1, #intro2 h2, #intro2 .elementor-heading-title,
#intro3 h1, #intro3 h2, #intro3 .elementor-heading-title {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
opacity: 1 !important;
}

/* Ensure the subtitles/paragraphs follow suit */
#intro2 p, #intro2 .elementor-text-editor,
#intro3 p, #intro3 .elementor-text-editor {
color: #000000 !important;
}

/* =====================================================
INTRO 1: SMOOTH ORANGE-TO-GREY TRANSITION
===================================================== */

#intro1 {
/* Replace 'transparent' with a gradient */
/* Adjust #ff6600 to your exact Fairmuse Orange hex code if different */
background: linear-gradient(to bottom, #ff9900 0%, #f4f4f4 100%) !important;

/* Ensure the background doesn't repeat and covers the whole section */
background-size: cover !important;
background-attachment: scroll !important;

/* Keep the centering logic we established earlier */
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;

}

/* Ensure the text stays black/readable on the orange fade */
#intro1 * {
color: #000000 !important;
}

/* =====================================================
 D4 STACKED LAYOUT: FULL WIDTH & LEFT ALIGNED
===================================================== */

/* 1. Ensure the container isn't squeezing the content */
#d4 .figma-plots {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

/* 2. Make the Plot Card take up 100% of the screen width */
#d4 .plot-card {
width: 100% !important;
max-width: 100% !important;
height: 750px !important; /* Plenty of height for the donut + breakout */
margin-left: 0 !important;
background: #fff !important;
border-radius: 15px;
overflow: hidden !important;
}

/* 3. Force the Iframe to fill that card */
#d4 .plot-card iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
}

/* 4. Align the Intro Text to the far left */
#d4 .figma-intro {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

#d4 .figma-text {
text-align: left !important;
margin-left: 0 !important;
}

/* 1. Global / Tablet Fixes (Up to 1024px) */
/* 1. Global / Tablet Fixes (Up to 1024px) */
/* 1. Global / Tablet Fixes (Up to 1024px) */
@media (max-width: 1024px) {
.mobile-menu-wrapper {
position: fixed !important;
top: 45px !important;
left: 20px !important;
z-index: 9999999 !important;
display: block !important;
}

.mobile-menu-toggle {
    display: inline-flex !important;
    background: #ffffff !important;
    color: #111111 !important;
    padding: 12px 20px !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    font-weight: 800;
    cursor: pointer !important;
    border: 1px solid #ddd !important;
}

body.page-id-13526 .nav-bar {
    position: fixed !important;
    top: 0 !important;
    left: -100% !important;
    width: 280px !important;
    height: 100vh !important;
    background: #ffffff !important;
    z-index: 9999998 !important;
    display: block !important;
    transition: left 0.4s ease !important;
}

body.page-id-13526 .nav-bar.drawer-open {
    left: 0 !important;
}

/* Hide Original Desktop Sections */
body.page-id-13526 #d1:not([id*="-mobile"]),
body.page-id-13526 #d2:not([id*="-mobile"]),
body.page-id-13526 #d6:not([id*="-mobile"]),
body.page-id-13526 #a1\.5:not([id*="-mobile"]) {
    display: none !important;
}

}

/* 2. Specific Mobile Fixes (Up to 768px) */
@media (max-width: 768px) {
/* 1. RESET ALL OFFSETS */
body.page-id-13526 #intro1,
body.page-id-13526 #intro2,
body.page-id-13526 #intro3,
body.page-id-13526 #d-intro,
body.page-id-13526 #f-intro,
body.page-id-13526 #f-intro2,
body.page-id-13526 #v-intro,
body.page-id-13526 #v-intro2,
.elementor-section {
    margin-top: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    padding-top: 60px !important;
}

/* 2. RE-APPLY CLEAN MOBILE CENTERING */
.mobile-intro-section {
    width: 100vw !important;
    min-height: 100vh !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding: 40px 24px !important;
}

#a1-25-mobile-wrapper h3{
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    opacity: 1 !important;
  }

/*FIX: prevent 2-line overlap on mobile subtitles/questions */
  .mobile-main-question,
  .mobile-subtitle {
    display: block !important;
    white-space: normal !important;     /* allow wrapping */
    word-break: normal !important;
    overflow-wrap: anywhere !important; /* prevents weird long-word collisions */
    line-height: 1.25 !important;       /* key: enough vertical space */
    letter-spacing: -0.01em !important; /* optional: slightly tighter but safe */
    margin: 0 0 18px 0 !important;      /* ensures separation from next block */
}


/* 3. GRADIENT & BG */
.intro1-gradient-bg {
    background: linear-gradient(180deg, #FF9D00 0%, #f3f4f4 100%) !important;
}

.bg-grey-clean {
    background-color: #f3f4f4 !important;
}

/* 4. TEXT & LABELS */
.mobile-title {
    font-family: 'New Order', sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(34px, 11vw, 50px) !important;
    color: #000000 !important;
    margin-bottom: 15px !important;
}

.mobile-subtitle, .mobile-main-question {
    font-family: 'New Order', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.mobile-label-top {
    font-family: 'New Order', sans-serif !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    color: #111111 !important;
}

.mobile-intro-text-block p {
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    text-align: center !important;
}

/* FIX FOR D4 MOBILE CARD */
#d4-mobile-wrapper {
    position: relative !important;
    left: 0 !important;
    margin: 20px auto !important;
    width: 90vw !important;
    transform: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

#d4-mobile-wrapper .figma-text,
#d4-mobile-wrapper .mobile-title,
#d4-mobile-wrapper .figma-subtitle {
    width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important;
    padding: 0 !important;
}

/* THE GHOST KILLER */
.section-wrap,
.elementor-section.elementor-hidden-phone,
#intro1, #intro2, #intro3, #d-intro {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* THE SURVIVOR */
#credits1.figma-mobile-reset {
    display: block !important;
    position: relative !important;
    height: auto !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* THE STACKER */
.mobile-intro-section,
.mobile-card-final,
[id*="-mobile"],
#d4-mobile-wrapper {
    position: relative !important;
    display: flex !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    top: 0 !important;
    visibility: visible !important;
}

/* HEADER GAPS */
header.site-header,
.elementor-location-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#intro1-mobile {
    margin-top: 0 !important;
    top: 0 !important;
    position: relative !important;
}

.elementor-column-gap-default > .elementor-column > .elementor-widget-wrap {
    padding-top: 0 !important;
}

.elementor-widget-spacer {
    display: none !important;
}

/* UNIFIED MOBILE INTRO STYLING */
#d-intro-mobile,
#f-intro-mobile.mobile-intro-section,
#f-intro2-mobile.mobile-intro-section,
#v-intro-mobile.mobile-intro-section,
#v-intro2-mobile.mobile-intro-section {
    background-color: #f3f4f4 !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    margin-left: -50vw !important;
    padding: 80px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transform: none !important;
}

.mobile-content-wrapper,
#d-intro-mobile .mobile-list-block {
    width: 100% !important;
    max-width: 450px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.figma-subtitle {
    font-family: 'New Order', sans-serif !important;
    font-weight: 900 !important;
    font-size: 24px !important;
    color: #000000 !important;
    margin-bottom: 25px !important;
}

.figma-text p, .mobile-list-block p {
    font-family: 'New Order', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.details-toggle {
    display: inline-block !important;
    background: #ffffff !important;
    padding: 10px 35px !important;
    border-radius: 50px !important;
    border: 1px solid #cccccc !important;
    font-weight: 800 !important;
    color: #000000 !important;
    cursor: pointer !important;
    margin-top: 10px !important;
    transition: all 0.3s ease !important;
}

.details-toggle:active {
    transform: scale(0.95);
}

.details-content {
    display: none;
    margin-top: 20px !important;
    text-align: left !important;
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 15px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.05) !important;
}

/* Hide Desktop Versions */
#d-intro:not([id*="-mobile"]),
#f-intro, #f-intro2, #v-intro, #v-intro2 {
    display: none !important;
}

#intro1-mobile.mobile-intro-section {
    min-height: 70vh !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.mobile-intro-section:not(#intro1-mobile) {
    padding: 80px 24px !important;
    min-height: auto !important;
}

#intro1:not([id*="-mobile"]) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}

} /* <--- This bracket now closes the entire 768px block */

/* =====================================================
DESKTOP (>=1025px) – FORCE SECTIONS TO MATCH a1.25
Replace your last 1025px block with this.
===================================================== */
@media (min-width: 1025px) {

  /* ---------------------------------------------------
     0) HARD CANCEL ANY MOBILE 'KILL' SIDE EFFECTS
  --------------------------------------------------- */
  body.page-id-13526 .section-wrap,
  body.page-id-13526 .elementor-section {
    display: block !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* ---------------------------------------------------
     1) FORCE THE SAME 2-COLUMN LAYOUT AS a1.25
     (Target ONLY the sections you said are messed up)
  --------------------------------------------------- */
  body.page-id-13526 #d1 .figma-row,
  body.page-id-13526 #d2 .figma-row,
  body.page-id-13526 #d3 .figma-row,
  body.page-id-13526 #d4 .figma-row,
  body.page-id-13526 #d5 .figma-row,
  body.page-id-13526 #d6 .figma-row,
  body.page-id-13526 #a2 .figma-row,
  body.page-id-13526 #a3 .figma-row,
  body.page-id-13526 #a5 .figma-row,
  body.page-id-13526 #a5\.5 .figma-row,
  body.page-id-13526 #a6 .figma-row,
  body.page-id-13526 #a7 .figma-row,
  body.page-id-13526 #a8 .figma-row,
  body.page-id-13526 #a9 .figma-row,
  body.page-id-13526 #a10 .figma-row,
  body.page-id-13526 #a11 .figma-row,
  body.page-id-13526 #a12 .figma-row {

    display: grid !important;
    grid-template-columns: 1.4fr 1fr !important; /* same as your a1.25 block */
    gap: 60px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1500px !important;
    margin: 20px auto 0 auto !important;
  }

  /* If Elementor inserted wrappers, force the *direct children* into columns */
  body.page-id-13526 #d1 .figma-row > *,
  body.page-id-13526 #d2 .figma-row > *,
  body.page-id-13526 #d3 .figma-row > *,
  body.page-id-13526 #d4 .figma-row > *,
  body.page-id-13526 #d5 .figma-row > *,
  body.page-id-13526 #d6 .figma-row > *,
  body.page-id-13526 #a2 .figma-row > *,
  body.page-id-13526 #a3 .figma-row > *,
  body.page-id-13526 #a5 .figma-row > *,
  body.page-id-13526 #a5\.5 .figma-row > *,
  body.page-id-13526 #a6 .figma-row > *,
  body.page-id-13526 #a7 .figma-row > *,
  body.page-id-13526 #a8 .figma-row > *,
  body.page-id-13526 #a9 .figma-row > *,
  body.page-id-13526 #a10 .figma-row > *,
  body.page-id-13526 #a11 .figma-row > *,
  body.page-id-13526 #a12 .figma-row > * {
    min-width: 0 !important; /* prevents weird overflow that shifts columns */
  }

  /* ---------------------------------------------------
     2) FIX "SUBTITLE NOT CENTERED TO THE TEXT"
     (Make subtitle + paragraph behave like one block)
  --------------------------------------------------- */
  body.page-id-13526 .figma-text-block {
    max-width: 620px !important;
  }

  body.page-id-13526 .figma-side-subtitle {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    text-align: left !important;     /* match paragraph */
    align-self: flex-start !important;
  }

  body.page-id-13526 .figma-text-block p {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    text-align: left !important;
  }

  /* ---------------------------------------------------
     3) PLOT WINDOWS: CONSISTENT “a1.25 FEEL”
  --------------------------------------------------- */
  body.page-id-13526 .plot-card {
    width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body.page-id-13526 #d1 .plot-card,
  body.page-id-13526 #d2 .plot-card,
  body.page-id-13526 #d3 .plot-card,
  body.page-id-13526 #d4 .plot-card,
  body.page-id-13526 #d5 .plot-card,
  body.page-id-13526 #d6 .plot-card,
  body.page-id-13526 #a2 .plot-card,
  body.page-id-13526 #a3 .plot-card,
  body.page-id-13526 #a5 .plot-card,
  body.page-id-13526 #a5\.5 .plot-card,
  body.page-id-13526 #a6 .plot-card,
  body.page-id-13526 #a7 .plot-card,
  body.page-id-13526 #a8 .plot-card,
  body.page-id-13526 #a9 .plot-card,
  body.page-id-13526 #a10 .plot-card,
  body.page-id-13526 #a11 .plot-card,
  body.page-id-13526 #a12 .plot-card {
    height: 450px !important;
  }

  body.page-id-13526 .plot-card iframe,
  body.page-id-13526 .plot-card img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border: 0 !important;
    object-fit: contain !important;
  }

  /* ---------------------------------------------------
     4) f-intro2 DETAILS: FORCE IT TO MATCH EVERYWHERE
     Your site-wide details style is .data-sources-title + .details-content
     (f-intro2 was drifting into a separate .details-toggle style)
  --------------------------------------------------- */
  #f-intro2 .data-sources-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;

    background: rgba(255,255,255,0.92) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06) !important;
  }

  /* If f-intro2 is using .details-toggle instead, force it to look identical */
  #f-intro2 .details-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(255,255,255,0.92) !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06) !important;
  }

  #f-intro2 .details-wrapper {
    max-width: 1100px !important;
    margin: 30px auto 0 auto !important;
  }

  #f-intro2 .details-content {
    max-width: 1100px !important;
    margin: 12px auto 0 auto !important;
    background: rgba(255,255,255,0.92) !important;
    border-radius: 14px !important;
  }

  /* ---------------------------------------------------
     5) v-intro2: FORCE CENTER LIKE f-intro2 (NO LEFT DRIFT)
     (Kills any leftover padding-left:220 / translate rules)
  --------------------------------------------------- */
  #v-intro2 {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    transform: none !important;

    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }

  #v-intro2 .intro-centered-content,
  #v-intro2 .elementor-container,
  #v-intro2 .elementor-widget-wrap {
    max-width: 1100px !important;
    width: 100% !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  #v-intro2 .figma-text,
  #v-intro2 .figma-text p,
  #v-intro2 .figma-subtitle,
  #v-intro2 .section-header {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}

/* =====================================================
 FINAL PATCH (MUST BE LAST IN FILE)
1) D1 card footprint = D2 card footprint (kills all full-bleed leftovers)
2) v-intro2 centered EXACTLY like f-intro2 (kills 220px offset + any transforms)
3) f-intro2 details = same visual system as the other detail toggles
===================================================== */

/* -----------------------------
   1) D1 = D2 OUTER CARD FOOTPRINT
------------------------------ */

/* Kill ANY earlier full-bleed/translate on D1 */
body.page-id-13526 section#d1,
body.page-id-13526 section#d1.section-wrap,
body.page-id-13526 .elementor-section#d1 {
  width: 100% !important;
  max-width: 1600px !important;
  min-width: 0 !important;

  left: auto !important;
  right: auto !important;
  transform: none !important;

  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 60px !important;

  padding: 50px 80px 50px 220px !important; /* EXACT match to D2 */
  box-sizing: border-box !important;

  background: rgba(255,255,255,0.98) !important;
  border-radius: 32px !important;

  /* D1 looked "bigger" partly due to extra outer shadow/spacing */
  box-shadow: none !important;
}

/* Make sure D1 isn't secretly a "card inside a card" */
body.page-id-13526 #d1 .figma-row {
  width: 100% !important;
  max-width: 1500px !important;
  margin: 20px auto 0 auto !important;

  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: 1.3fr 1.2fr !important; /* your D2 ratio */
  gap: 50px !important;
  align-items: center !important;
}

/* Lock the plot window so its height can’t stretch the whole card */
body.page-id-13526 #d1 .plot-card {
  width: 100% !important;
  height: 450px !important;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important;
}

body.page-id-13526 #d1 .plot-card img,
body.page-id-13526 #d1 .plot-card iframe {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* -----------------------------
   2) v-intro2 CENTER = f-intro2 CENTER
   (your global "intro spacing" rule is pushing it)
------------------------------ */

#v-intro2,
body.page-id-13526 #v-intro2,
body.page-id-13526 #v-intro2.figma-section {
  /* HARD OVERRIDE the global intro offset */
  padding: 100px 40px !important;   /* SAME as your f-intro2 */
  padding-left: 130px !important;
  padding-right: 40px !important;

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

  left: auto !important;
  transform: none !important;

  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;

  /* If you used the shadow/clip trick earlier, kill it here */
  box-shadow: none !important;
  clip-path: none !important;
  background: transparent !important;
}

/* Force the internal Elementor structure to be centered */
#v-intro2 .intro-centered-content,
#v-intro2 .elementor-container,
#v-intro2 .elementor-column,
#v-intro2 .elementor-widget-wrap,
#v-intro2 .elementor-widget-container {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Safety: kill any “mystery” left padding on inner wraps */
#v-intro2 .elementor-widget-wrap,
#v-intro2 .elementor-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* -----------------------------
   3) f-intro2 DETAILS = same as other sections (no weirdness)
------------------------------ */

/* Keep f-intro2’s centered hero feel, but use your global details styling */
#f-intro2 .details-wrapper,
#f-intro2 .centered-details {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 40px auto 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Make sure the toggle looks like the standard .data-sources-title button */
#f-intro2 .data-sources-title,
#f-intro2 .details-toggle {
  width: 100% !important;
  max-width: 1100px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(255,255,255,0.92) !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  border: none !important;

  box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06) !important;
}

/* Details content matches your normal collapsible card */
#f-intro2 .details-content {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 12px auto 0 auto !important;

  background: rgba(255,255,255,0.92) !important;
  padding: 16px 18px !important;
  border-radius: 14px !important;
  text-align: center !important;
}

/* =====================================================
FINAL PATCH (PASTE LAST)
A) f-intro2 details = EXACT clone of v-intro2 details UI
B) d1 footprint = d2 (kills extra wrapper-card + 100vw rules)
===================================================== */


/* =====================================================
A) f-intro2 DETAILS — CLONE v-intro2 EXACTLY
===================================================== */

/* Wrapper aligns same way */
#f-intro2 .centered-details,
#f-intro2 .details-wrapper {
  margin-top: 50px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Toggle button — same as v-intro2 */
#f-intro2 .details-toggle,
#f-intro2 .data-sources-title {
  justify-content: center !important;
  display: flex !important;
  cursor: pointer !important;
  font-weight: 600 !important;

  /* match your v-intro2 feel */
  background: rgba(255,255,255,0.92) !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06) !important;

  width: 100% !important;
  max-width: 900px !important; /* v-intro2 max width */
}

/* Content panel — same as v-intro2 */
#f-intro2 .details-content {
  text-align: center !important;
  margin-top: 20px !important;
  max-width: 900px !important; /* v-intro2 max width */
  width: 100% !important;

  background: rgba(255,255,255,0.92) !important;
  padding: 16px 18px !important;
  border-radius: 14px !important;
  max-height: 32vh !important;
  overflow-y: auto !important;
}

/* If f-intro2 is using the global arrow/open class, keep it consistent */
#f-intro2 .data-sources-title .arrow {
  display: inline-block !important;
  font-size: 22px !important;
  line-height: 1 !important;
  transform: rotate(0deg);
  transition: transform 0.25s ease;
}
#f-intro2 .data-sources-title.open .arrow {
  transform: rotate(90deg);
}


/* =====================================================
B) D1 — FORCE D2 FOOTPRINT + KILL “EXTRA CARD”
===================================================== */

/* 1) HARD KILL the old full-bleed D1 rules (100vw/translate) */
body.page-id-13526 #d1,
body.page-id-13526 section#d1,
body.page-id-13526 section#d1.section-wrap,
body.page-id-13526 .elementor-section#d1 {
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto 60px auto !important;

  left: auto !important;
  right: auto !important;
  transform: none !important;

  /* EXACT D2 padding */
  padding: 50px 80px 50px 220px !important;
  box-sizing: border-box !important;

  background: rgba(255,255,255,0.98) !important;
  border-radius: 32px !important;

  /* don’t let a second “outer shadow” make it feel bigger */
  box-shadow: none !important;

  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
}

/* 2) KILL any inner wrapper that is acting like a second card */
body.page-id-13526 #d1 .figma-row,
body.page-id-13526 #d1 .fm-content-card,
body.page-id-13526 #d1 .elementor-container,
body.page-id-13526 #d1 .elementor-column,
body.page-id-13526 #d1 .elementor-widget-wrap {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* 3) Make the row behave exactly like D2 */
body.page-id-13526 #d1 .figma-row {
  width: 100% !important;
  margin: 20px auto 0 auto !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: 1.3fr 1.2fr !important;
  gap: 50px !important;
  align-items: center !important;
}

/* 4) Plot card is the ONLY “card” inside — fixed height */
body.page-id-13526 #d1 .plot-card {
  width: 100% !important;
  height: 450px !important;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 0 45px 10px rgba(0, 60, 252, 0.3) !important;
}

/* 5) Media fills the plot card (no extra shadow) */
body.page-id-13526 #d1 .plot-card img,
body.page-id-13526 #d1 .plot-card iframe {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* =====================================================
 TABLET LAYER (769px–1024px)
Paste LAST. Does NOT affect <=768 mobile or >=1025 desktop.
===================================================== */
@media (min-width: 769px) and (max-width: 1024px) {

  /* -------------------------
     0) GLOBAL PAGE PADDING FIX
     (Kill the 220px sidebar offset on tablet)
  -------------------------- */
  body.page-id-13526 .section-wrap,
  body.page-id-13526 section.section-wrap,
  body.page-id-13526 .elementor-section.section-wrap,
  body.page-id-13526 section[id] {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 90px !important;
    padding-bottom: 60px !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Make the “card sections” keep their card look but use tablet padding */
  body.page-id-13526 section#d1,
  body.page-id-13526 section#d2,
  body.page-id-13526 section#d3,
  body.page-id-13526 section#d4,
  body.page-id-13526 section#d5,
  body.page-id-13526 section#d6,
  body.page-id-13526 section#a1\.25,
  body.page-id-13526 section#a1\.5,
  body.page-id-13526 section#a2,
  body.page-id-13526 section#a3,
  body.page-id-13526 section#a4,
  body.page-id-13526 section#a5,
  body.page-id-13526 section#a5\.5,
  body.page-id-13526 section#a6,
  body.page-id-13526 section#a7,
  body.page-id-13526 section#a8,
  body.page-id-13526 section#a9,
  body.page-id-13526 section#a10,
  body.page-id-13526 section#a11,
  body.page-id-13526 section#a12,
  body.page-id-13526 section#a13 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  /* -------------------------
     1) TABLET LAYOUT: STACK THE 2-COLUMN ROWS
  -------------------------- */
  body.page-id-13526 .figma-row {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    max-width: 1100px !important;
    margin: 18px auto 0 auto !important;
    align-items: start !important;
  }

  /* Text block gets full width */
  body.page-id-13526 .figma-text-block {
    max-width: 100% !important;
  }
  body.page-id-13526 .figma-side-subtitle,
  body.page-id-13526 .figma-text-block p {
    text-align: left !important;
  }

  /* -------------------------
     2) PLOTS: TABLET HEIGHTS
  -------------------------- */
  body.page-id-13526 .plot-card {
    height: 420px !important;
  }

  /* A2/A3 were huge — tame them on tablet */
  body.page-id-13526 #a2 .plot-card,
  body.page-id-13526 #a3 .plot-card {
    height: 520px !important;
  }

  /* D3 was shorter already — keep it sane */
  body.page-id-13526 #d3 .plot-card {
    height: 380px !important;
  }

  /* -------------------------
     3) TWO-PLOT SECTIONS: STACK THEM ON TABLET
  -------------------------- */
  body.page-id-13526 .figma-plots {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  body.page-id-13526 .figma-plots .plot-card {
    height: 420px !important;
  }

  /* -------------------------
     4) DETAILS (Technical Explanation): full width + comfy
  -------------------------- */
  body.page-id-13526 .details-wrapper {
    max-width: 1100px !important;
    margin: 18px auto 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.page-id-13526 .data-sources-title,
  body.page-id-13526 .details-content {
    max-width: 1100px !important;
  }

  /* Keep your “f-intro2 matches v-intro2” intent, but tablet width */
  #f-intro2 .data-sources-title,
  #f-intro2 .details-toggle,
  #f-intro2 .details-content {
    max-width: 1100px !important;
  }

  /* -------------------------
     5) INTRO SECTIONS: CENTER + TABLET PADDING
     (No 220px offset on tablet)
  -------------------------- */
  #intro1, #intro2, #intro3, #d-intro, #f-intro, #f-intro2, #v-intro, #v-intro2 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    min-height: 70vh !important;
  }
  #v-intro2, #f-intro2 {
    box-shadow: none !important;
    clip-path: none !important;
  }

  /* -------------------------
     6) NAV: TABLET DRAWER (so content can be full width)
     If you already have a toggle JS/class, this will work immediately.
  -------------------------- */
  body.page-id-13526 .nav-bar {
    position: fixed !important;
    top: 0 !important;
    left: -320px !important;
    width: 300px !important;
    height: 100vh !important;
    background: rgba(255,255,255,0.96) !important;
    backdrop-filter: blur(10px) !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    transition: left 0.35s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  body.page-id-13526 .nav-bar.drawer-open {
    left: 0 !important;
  }

  /* Optional: smaller nav text so credits/links fit */
  body.page-id-13526 .nav-title,
  body.page-id-13526 .submenu-item,
  body.page-id-13526 .submenu-item.standalone-title {
    font-size: 15px !important;
    padding: 6px 16px !important;
  }
}/* End custom CSS */