.elementor-4386 .elementor-element.elementor-element-9e607f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4386 .elementor-element.elementor-element-9e607f1:not(.elementor-motion-effects-element-type-background), .elementor-4386 .elementor-element.elementor-element-9e607f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olesolutions.in/wp-content/uploads/2026/09/claudio-guglieri-gb37v81_Ni4-unsplash-scaled.jpg");}.elementor-4386 .elementor-element.elementor-element-b184f79{--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-4386 .elementor-element.elementor-element-f5fb025{--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-4386 .elementor-element.elementor-element-166526b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-166526b .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:44px;font-weight:600;line-height:1.15em;color:#FFFFFF;}.elementor-4386 .elementor-element.elementor-element-49dc39f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-49dc39f{font-family:"Nunito Sans", Sans-serif;font-size:20px;color:var( --e-global-color-astglobalcolor6 );}.elementor-4386 .elementor-element.elementor-element-19227b5{--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-4386 .elementor-element.elementor-element-2da0d52.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-a759ed5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4386 .elementor-element.elementor-element-a759ed5:not(.elementor-motion-effects-element-type-background), .elementor-4386 .elementor-element.elementor-element-a759ed5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-c5b7466{--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-4386 .elementor-element.elementor-element-526878b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-repeater-item-1e17a01 .xpro-infolist-media{background:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-repeater-item-fb96f9f .xpro-infolist-media{background:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-repeater-item-c96ecdb .xpro-infolist-media{background:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-repeater-item-e9a8f0d .xpro-infolist-media{background:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-e47e128.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-layout-vertical{row-gap:33px;}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-layout-horizontal{row-gap:33px;}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-media-type-icon::before{--xpro-speparator-line:33px;}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-item,.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-item > a{align-items:center;}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-media-type-icon{font-size:34px;min-height:34px;min-width:34px;height:25px;width:25px;}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-media-type-icon > svg{width:34px;height:auto;}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-media-type-image img{width:100px;}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-title{font-family:var( --e-global-typography-b63c71c-font-family ), Sans-serif;font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-desc{font-family:"IBM Plex Sans", Sans-serif;font-size:19px;}.elementor-4386 .elementor-element.elementor-element-433431a{--display:flex;--min-height:0px;--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;--justify-content:flex-start;}.elementor-4386 .elementor-element.elementor-element-433431a:not(.elementor-motion-effects-element-type-background), .elementor-4386 .elementor-element.elementor-element-433431a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4386 .elementor-element.elementor-element-433431a.e-con{--align-self:flex-start;}.elementor-4386 .elementor-element.elementor-element-ebb1226.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-ebb1226 .elementor-heading-title{color:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-0800a2e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-0800a2e{font-family:var( --e-global-typography-b63c71c-font-family ), Sans-serif;font-size:var( --e-global-typography-b63c71c-font-size );color:var( --e-global-color-astglobalcolor6 );}.elementor-4386 .elementor-element.elementor-element-0800a2e p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button{background-color:#D98B2B;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:600;fill:#10151C;color:#10151C;border-radius:25px 25px 25px 25px;}.elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button:hover, .elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button:focus{background-color:#60CD79CF;color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-4386 .elementor-element.elementor-element-9abfac7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button:hover svg, .elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor2 );}.elementor-4386 .elementor-element.elementor-element-f95eb28{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4386 .elementor-element.elementor-element-f95eb28:not(.elementor-motion-effects-element-type-background), .elementor-4386 .elementor-element.elementor-element-f95eb28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-0499898{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:center;}.elementor-4386 .elementor-element.elementor-element-0499898.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4386 .elementor-element.elementor-element-0499898.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-f3d6d2f{width:var( --container-widget-width, 48.883% );max-width:48.883%;--container-widget-width:48.883%;--container-widget-flex-grow:0;text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:20px;}.elementor-4386 .elementor-element.elementor-element-f3d6d2f > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-4386 .elementor-element.elementor-element-f3d6d2f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4386 .elementor-element.elementor-element-f3d6d2f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-f3d6d2f p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-99db6fc{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-659c506.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-659c506.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-659c506{text-align:center;}.elementor-4386 .elementor-element.elementor-element-0c2450b > .elementor-widget-container{margin:40px 40px 40px 40px;}.elementor-4386 .elementor-element.elementor-element-0c2450b.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-0c2450b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-0c2450b{font-family:"Nunito Sans", Sans-serif;font-size:20px;}.elementor-4386 .elementor-element.elementor-element-0c2450b p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-e9caeaf.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-e9caeaf{text-align:center;font-family:var( --e-global-typography-b63c71c-font-family ), Sans-serif;font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-e9caeaf p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-282a5cd{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-c31214d.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-c31214d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-c31214d{text-align:center;}.elementor-4386 .elementor-element.elementor-element-29d5530 > .elementor-widget-container{margin:40px 40px 40px 40px;}.elementor-4386 .elementor-element.elementor-element-29d5530.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-29d5530.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-29d5530{font-family:"Nunito Sans", Sans-serif;font-size:20px;}.elementor-4386 .elementor-element.elementor-element-29d5530 p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-d85b301.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-d85b301{text-align:center;font-family:var( --e-global-typography-b63c71c-font-family ), Sans-serif;font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-d85b301 p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-9e0fefe{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-997d58a.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-997d58a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-997d58a{text-align:center;}.elementor-4386 .elementor-element.elementor-element-141c2ab > .elementor-widget-container{margin:40px 40px 40px 40px;}.elementor-4386 .elementor-element.elementor-element-141c2ab.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-141c2ab.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-141c2ab{font-family:"Nunito Sans", Sans-serif;font-size:20px;}.elementor-4386 .elementor-element.elementor-element-141c2ab p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-017cdcc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-017cdcc{text-align:center;font-family:var( --e-global-typography-b63c71c-font-family ), Sans-serif;font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-017cdcc p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-f84e666{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-dc03a66.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-dc03a66.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-dc03a66{text-align:center;}.elementor-4386 .elementor-element.elementor-element-b9c6a44 > .elementor-widget-container{margin:40px 40px 40px 40px;}.elementor-4386 .elementor-element.elementor-element-b9c6a44.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-b9c6a44.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-b9c6a44{font-family:"Nunito Sans", Sans-serif;font-size:20px;}.elementor-4386 .elementor-element.elementor-element-b9c6a44 p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-0d0e53d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-0d0e53d{text-align:center;font-family:var( --e-global-typography-b63c71c-font-family ), Sans-serif;font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-0d0e53d p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-f0b00a6{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-5f6293c.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-5f6293c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-5f6293c{text-align:center;}.elementor-4386 .elementor-element.elementor-element-7c5262d > .elementor-widget-container{margin:40px 40px 40px 40px;}.elementor-4386 .elementor-element.elementor-element-7c5262d.elementor-element{--align-self:center;}.elementor-4386 .elementor-element.elementor-element-7c5262d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-7c5262d{font-family:"Nunito Sans", Sans-serif;font-size:20px;}.elementor-4386 .elementor-element.elementor-element-7c5262d p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-429dcfb.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-429dcfb{text-align:center;font-family:var( --e-global-typography-b63c71c-font-family ), Sans-serif;font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-429dcfb p{margin-block-end:0px;}.elementor-4386 .elementor-element.elementor-element-9034b35{--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-4386 .elementor-element.elementor-element-9034b35:not(.elementor-motion-effects-element-type-background), .elementor-4386 .elementor-element.elementor-element-9034b35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-e9a4e22{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4386 .elementor-element.elementor-element-f997fc9{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:center;}.elementor-4386 .elementor-element.elementor-element-f997fc9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4386 .elementor-element.elementor-element-f997fc9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-151cc53.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-151cc53{font-family:"Nunito Sans", Sans-serif;font-size:20px;}.elementor-4386 .elementor-element.elementor-element-3d73469{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4386 .elementor-element.elementor-element-3d73469.e-con{--align-self:stretch;}.elementor-4386 .elementor-element.elementor-element-a304e52.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-0511c14.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-237fabd.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-f2578ef.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-e96484f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-af9f957{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4386 .elementor-element.elementor-element-18369e3{--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-4386 .elementor-element.elementor-element-f643688.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-ffcab8e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-ffcab8e{font-family:"Nunito Sans", Sans-serif;font-size:20px;}.elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button{background-color:#D98B2B;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:600;fill:#10151C;color:#10151C;border-radius:25px 25px 25px 25px;}.elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button:hover, .elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button:focus{background-color:#60CD79CF;color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-4386 .elementor-element.elementor-element-3e7f70d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button:hover svg, .elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor2 );}.elementor-4386 .elementor-element.elementor-element-b4f1cdb{--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-4386 .elementor-element.elementor-element-38eae01 .elementor-repeater-item-441baa4 .xpro-infolist-media{background:var( --e-global-color-97a392d );border-color:var( --e-global-color-astglobalcolor1 );}.elementor-4386 .elementor-element.elementor-element-38eae01 .elementor-repeater-item-06582a3 .xpro-infolist-media{background:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-38eae01 .elementor-repeater-item-9a2dda1 .xpro-infolist-media{background:var( --e-global-color-97a392d );}.elementor-4386 .elementor-element.elementor-element-38eae01.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-infolist-layout-vertical{row-gap:20px;}.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-infolist-layout-horizontal{row-gap:20px;}.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-infolist-media-type-icon::before{--xpro-speparator-line:20px;}.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-infolist-item,.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-infolist-item > a{align-items:center;}.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-infolist-media-type-icon{font-size:38px;min-height:38px;min-width:38px;height:25px;width:25px;}.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-infolist-media-type-icon > svg{width:38px;height:auto;}.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-infolist-media-type-image img{width:100px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4386 .elementor-element.elementor-element-b184f79{--width:50%;}.elementor-4386 .elementor-element.elementor-element-19227b5{--width:50%;}.elementor-4386 .elementor-element.elementor-element-c5b7466{--width:50%;}.elementor-4386 .elementor-element.elementor-element-433431a{--width:50%;}.elementor-4386 .elementor-element.elementor-element-3d73469{--width:100%;}.elementor-4386 .elementor-element.elementor-element-18369e3{--width:50%;}.elementor-4386 .elementor-element.elementor-element-b4f1cdb{--width:50%;}}@media(max-width:1024px){.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-title{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-0800a2e{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-99db6fc{--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-e9caeaf{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-282a5cd{--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-d85b301{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-9e0fefe{--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-017cdcc{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-f84e666{--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-0d0e53d{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-f0b00a6{--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-429dcfb{font-size:var( --e-global-typography-b63c71c-font-size );}}@media(max-width:767px){.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-infolist-title{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-0800a2e{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-99db6fc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-e9caeaf{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-282a5cd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-d85b301{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-9e0fefe{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-017cdcc{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-f84e666{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-0d0e53d{font-size:var( --e-global-typography-b63c71c-font-size );}.elementor-4386 .elementor-element.elementor-element-f0b00a6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4386 .elementor-element.elementor-element-429dcfb{font-size:var( --e-global-typography-b63c71c-font-size );}}/* Start custom CSS for container, class: .elementor-element-9e607f1 *//* ===================================================
   High-Legibility Business Transformation Hero
   =================================================== */

/* Container base layout */
.elementor-4386 .elementor-element.elementor-element-9e607f1 {
  position: relative !important;
  padding: 80px 48px !important;
  align-items: center !important;
  gap: 56px !important;
}

/* 1. Left Headline (Increased size & presence) */
.elementor-4386 .elementor-element.elementor-element-9e607f1 h1.elementor-heading-title,
.elementor-4386 .elementor-element.elementor-element-9e607f1 h1 {
  font-size: 52px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  margin-bottom: 24px !important;
}

/* 2. Left Sub-paragraph */
.elementor-4386 .elementor-element.elementor-element-9e607f1 .elementor-widget-text-editor p {
  font-size: 20px !important;
  line-height: 1.75 !important;
  color: rgba(239, 241, 238, 0.85) !important;
  max-width: 580px !important;
}

/* 3. Right Tension Cards Container */
.elementor-4386 .elementor-element.elementor-element-9e607f1 .bt-hero-tension {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
}

.elementor-4386 .elementor-element.elementor-element-9e607f1 .tension-item {
  display: grid !important;
  grid-template-columns: 1.1fr 44px 1.2fr !important;
  align-items: stretch !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(16, 21, 28, 0.7) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

/* "Before" Side (Left cell) */
.elementor-4386 .elementor-element.elementor-element-9e607f1 .tension-before {
  padding: 18px 20px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: rgba(239, 241, 238, 0.7) !important;
  display: flex !important;
  align-items: center !important;
}

/* Central Amber Connector Arrow */
.elementor-4386 .elementor-element.elementor-element-9e607f1 .tension-arrow {
  background: #1e2836 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #d67a18 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

/* "After" Side (Right cell - prominent accent) */
.elementor-4386 .elementor-element.elementor-element-9e607f1 .tension-after {
  padding: 18px 22px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  background: rgba(47, 102, 144, 0.22) !important;
  border-left: 3px solid #2F6690 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.25s ease !important;
}

/* Hover Elevation */
.elementor-4386 .elementor-element.elementor-element-9e607f1 .tension-item:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(214, 122, 24, 0.5) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
}

.elementor-4386 .elementor-element.elementor-element-9e607f1 .tension-item:hover .tension-after {
  background: rgba(47, 102, 144, 0.38) !important;
  border-left-color: #d67a18 !important; /* Highlights to brand amber */
}

.elementor-4386 .elementor-element.elementor-element-9e607f1 .tension-item:hover .tension-arrow {
  color: #f59e0b !important;
  transform: translateX(2px) !important;
}/* End custom CSS */
/* Start custom CSS for xpro-infolist, class: .elementor-element-e47e128 *//* ===================================================
   XPRO Info List: Restored Icons & Pro Layout
   =================================================== */

/* 1. Item Architecture */
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item,
.elementor-4386 .elementor-element.elementor-element-e47e128 ul li,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-widget-container > div > div {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding: 24px 20px !important;
  border-bottom: 1px solid #C9CDC6 !important;
  border-radius: 8px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              background-color 0.25s ease,
              padding-left 0.3s ease,
              box-shadow 0.3s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:first-child,
.elementor-4386 .elementor-element.elementor-element-e47e128 ul li:first-child,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-widget-container > div > div:first-child {
  border-top: 1px solid #C9CDC6 !important;
}

/* Hover Shift */
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:hover,
.elementor-4386 .elementor-element.elementor-element-e47e128 ul li:hover,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-widget-container > div > div:hover {
  transform: translateX(8px) !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
  padding-left: 24px !important;
  box-shadow: 0 8px 24px -6px rgba(16, 21, 28, 0.06) !important;
}

/* Vertical Amber Accent Line */
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item::before,
.elementor-4386 .elementor-element.elementor-element-e47e128 ul li::before,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-widget-container > div > div::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 18% !important;
  bottom: 18% !important;
  width: 3.5px !important;
  background: #D98B2B !important;
  border-radius: 4px !important;
  opacity: 0 !important;
  transform: scaleY(0.3) !important;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:hover::before,
.elementor-4386 .elementor-element.elementor-element-e47e128 ul li:hover::before,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-widget-container > div > div:hover::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

/* ===================================================
   2. Exact Icon Box & Glyph Sizing
   =================================================== */

/* Outer Icon Badge Box */
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-icon,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-icon-list-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  margin-right: 20px !important;
  margin-top: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: #10151C !important; /* Solid Obsidian badge */
  flex-shrink: 0 !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              background-color 0.25s ease,
              box-shadow 0.3s ease !important;
}

/* SVG and Font Awesome Icon Glyph Sizing */
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-icon svg,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-icon-list-icon svg {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
  display: block !important;
}

.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-icon i,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-icon-list-icon i {
  font-size: 24px !important;
  color: #FFFFFF !important;
  line-height: 1 !important;
  display: block !important;
}

/* Icon Hover State */
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:hover .xpro-info-list-icon,
.elementor-4386 .elementor-element.elementor-element-e47e128 ul li:hover .elementor-icon-list-icon,
.elementor-4386 .elementor-element.elementor-element-e47e128 .elementor-widget-container > div > div:hover .xpro-info-list-icon {
  transform: scale(1.12) rotate(-3deg) !important;
  background-color: #D98B2B !important; /* Turns Amber on hover */
  box-shadow: 0 6px 16px rgba(217, 139, 43, 0.4) !important;
}

.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:hover .xpro-info-list-icon svg,
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:hover .xpro-info-list-icon i {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* ===================================================
   3. Title & Description
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-title,
.elementor-4386 .elementor-element.elementor-element-e47e128 [class*="title"],
.elementor-4386 .elementor-element.elementor-element-e47e128 strong,
.elementor-4386 .elementor-element.elementor-element-e47e128 h3,
.elementor-4386 .elementor-element.elementor-element-e47e128 h4 {
  font-family: 'Outfit', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #10151C !important;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
  display: block !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:hover .xpro-info-list-title,
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:hover [class*="title"],
.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-item:hover strong {
  color: #D98B2B !important;
}

.elementor-4386 .elementor-element.elementor-element-e47e128 .xpro-info-list-desc,
.elementor-4386 .elementor-element.elementor-element-e47e128 [class*="desc"],
.elementor-4386 .elementor-element.elementor-element-e47e128 p {
  font-family: 'Nunito', sans-serif !important;
  font-size: 20px !important;
  line-height: 1.65 !important;
  color: #59636F !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ebb1226 *//* ===================================================
   Inner Statement Box: Breathing Glow & Hover Kinetics
   =================================================== */

/* 1. Base Box Styling & Interactive Frame */
.elementor-4386 .elementor-element.elementor-element-ebb1226 {
  position: relative !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(47, 102, 144, 0.35) !important;
  border-radius: 10px !important;
  padding: 36px 32px !important;
  overflow: hidden !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.35s ease,
              box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              background 0.35s ease !important;
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.3) !important;
}

/* 2. Top-Left Corner Accent Mark */
.elementor-4386 .elementor-element.elementor-element-ebb1226::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 32px !important;
  height: 3px !important;
  background: #D98B2B !important;
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 3. Ambient Light Ray Sweep (Periodic Glimmer) */
.elementor-4386 .elementor-element.elementor-element-ebb1226::after {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: -60% !important;
  width: 35% !important;
  height: 200% !important;
  background: linear-gradient(
    60deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 50%,
    transparent 100%
  ) !important;
  transform: rotate(25deg) !important;
  pointer-events: none !important;
  animation: cardRaySweep 6s ease-in-out infinite !important;
}

@keyframes cardRaySweep {
  0% {
    left: -70%;
  }
  25%, 100% {
    left: 140%;
  }
}

/* 4. Box Hover Elevation */
.elementor-4386 .elementor-element.elementor-element-ebb1226:hover {
  transform: translateY(-4px) scale(1.01) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(217, 139, 43, 0.6) !important;
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.5),
              0 0 24px 2px rgba(217, 139, 43, 0.15) !important;
}

.elementor-4386 .elementor-element.elementor-element-ebb1226:hover::before {
  width: 100% !important; /* Top amber line expands across the entire box */
}

/* ===================================================
   Typography Micro-Interactions
   =================================================== */

/* Main Statement Headline */
.elementor-4386 .elementor-element.elementor-element-ebb1226 h2,
.elementor-4386 .elementor-element.elementor-element-ebb1226 h3,
.elementor-4386 .elementor-element.elementor-element-ebb1226 .elementor-heading-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: #FFFFFF !important;
  transition: letter-spacing 0.3s ease !important;
}

/* Amber Emphasized Keyword ("alongside") */
.elementor-4386 .elementor-element.elementor-element-ebb1226 em,
.elementor-4386 .elementor-element.elementor-element-ebb1226 span[style*="color"],
.elementor-4386 .elementor-element.elementor-element-ebb1226 span.amber-highlight {
  display: inline-block !important;
  font-style: normal !important;
  color: #D98B2B !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              text-shadow 0.3s ease !important;
}

/* Pop and Glow the Keyword on Box Hover */
.elementor-4386 .elementor-element.elementor-element-ebb1226:hover em,
.elementor-4386 .elementor-element.elementor-element-ebb1226:hover span[style*="color"],
.elementor-4386 .elementor-element.elementor-element-ebb1226:hover span.amber-highlight {
  transform: scale(1.08) translateY(-1px) !important;
  text-shadow: 0 0 16px rgba(217, 139, 43, 0.7) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9abfac7 */.elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button::after {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: -60% !important;
  width: 30% !important;
  height: 200% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  ) !important;
  transform: rotate(25deg) !important;
  transition: none !important;
  pointer-events: none !important;
}

.elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button:hover::after {
  left: 140% !important;
  transition: left 0.75s ease-in-out !important;
}

.elementor-4386 .elementor-element.elementor-element-9abfac7 .elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(214, 122, 24, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433431a *//* ===================================================
   Right Column: Floating / Sticky Callout Card
   =================================================== */

.elementor-4386 .elementor-element.elementor-element-433431a {
  /* 1. Eliminate stretched bottom space */
  align-self: flex-start !important;
  height: fit-content !important;

  /* 2. Floating Sticky Position */
  position: sticky !important;
  top: 96px !important;
  z-index: 10 !important;

  /* 3. Spacing, Borders & Elevation */
  padding: 48px 40px !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Dual-Tone Accent Beam across the top */
.elementor-4386 .elementor-element.elementor-element-433431a::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #2F6690 0%, #D98B2B 100%) !important;
}

/* Main Impact Headline */
.elementor-4386 .elementor-element.elementor-element-433431a h2,
.elementor-4386 .elementor-element.elementor-element-433431a h3,
.elementor-4386 .elementor-element.elementor-element-433431a .elementor-heading-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 24px !important;
}

/* Amber word highlight */
.elementor-4386 .elementor-element.elementor-element-433431a em,
.elementor-4386 .elementor-element.elementor-element-433431a span[style*="color"] {
  font-style: normal !important;
  color: #D98B2B !important;
}

/* Body / Narrative */
.elementor-4386 .elementor-element.elementor-element-433431a p,
.elementor-4386 .elementor-element.elementor-element-433431a .elementor-widget-text-editor {
  font-family: 'Nunito', sans-serif !important;
  font-size: 20px !important;
  line-height: 1.8 !important;
  color: rgba(239, 241, 238, 0.8) !important;
  margin: 0 !important;
}

/* Mobile Fallback: unstick and expand */
@media (max-width: 768px) {
  .elementor-4386 .elementor-element.elementor-element-433431a {
    position: static !important;
    padding: 32px 24px !important;
  }
}
/* ===================================================
   Floating Card Animations & Micro-Interactions
   =================================================== */

/* 1. Idle Subtle Float & Hover Elevation */
.elementor-4386 .elementor-element.elementor-element-433431a {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.4s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-433431a:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 28px 56px -12px rgba(0, 0, 0, 0.45),
              0 0 28px 2px rgba(217, 139, 43, 0.12) !important;
}

/* 2. Top Accent Line Light Pulse Sweep */
.elementor-4386 .elementor-element.elementor-element-433431a::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 60% !important;
  height: 4px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent) !important;
  animation: accentBeamSweep 4.5s ease-in-out infinite !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

@keyframes accentBeamSweep {
  0% {
    left: -60%;
  }
  30%, 100% {
    left: 140%;
  }
}

/* 3. Glowing Pulse on the Amber Keyword */
.elementor-4386 .elementor-element.elementor-element-433431a em,
.elementor-4386 .elementor-element.elementor-element-433431a span[style*="color"] {
  display: inline-block !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), text-shadow 0.3s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-433431a:hover em,
.elementor-4386 .elementor-element.elementor-element-433431a:hover span[style*="color"] {
  transform: scale(1.05) !important;
  text-shadow: 0 0 16px rgba(217, 139, 43, 0.6) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99db6fc *//* ===================================================
   Phase Row Matrix: Warm Amber & Steel Blue Palette
   =================================================== */

/* 1. Main Grid Row Frame */
.elementor-4386 .elementor-element.elementor-element-99db6fc {
  display: grid !important;
  grid-template-columns: 210px 1fr 260px !important;
  align-items: stretch !important;
  border-top: 1px solid #C9CDC6 !important;
  border-bottom: 1px solid #C9CDC6 !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Row Hover State */
.elementor-4386 .elementor-element.elementor-element-99db6fc:hover {
  background-color: #FAFBF9 !important;
  box-shadow: 0 8px 24px -6px rgba(16, 21, 28, 0.06) !important;
}

/* Left Accent Indicator Beam on Hover */
.elementor-4386 .elementor-element.elementor-element-99db6fc::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #D98B2B !important; /* Brand Amber */
  opacity: 0 !important;
  transform: scaleY(0.3) !important;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 5 !important;
}

.elementor-4386 .elementor-element.elementor-element-99db6fc:hover::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}


/* ===================================================
   Column 1: Phase Badge Box
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(1) {
  background: rgba(16, 21, 28, 0.04) !important;
  border-right: 1px solid #C9CDC6 !important;
  padding: 34px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  transition: background-color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-99db6fc:hover > *:nth-child(1) {
  background: rgba(47, 102, 144, 0.07) !important;
}

/* Phase Number (Phase 01) */
.elementor-4386 .elementor-element.elementor-element-99db6fc .phase-num,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(1) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #59636F !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}

/* Phase Heading (Diagnose) */
.elementor-4386 .elementor-element.elementor-element-99db6fc .phase-name,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(1) h3,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(1) strong {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #10151C !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  display: block !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-99db6fc:hover .phase-name,
.elementor-4386 .elementor-element.elementor-element-99db6fc:hover > *:nth-child(1) strong,
.elementor-4386 .elementor-element.elementor-element-99db6fc:hover > *:nth-child(1) h3 {
  color: #2F6690 !important; /* Steel blue emphasis */
  transform: translateX(3px) !important;
}

/* Tag Pill (CURRENT STATE) */
.elementor-4386 .elementor-element.elementor-element-99db6fc .phase-pill,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(1) mark {
  font-family: 'IBM Plex Mono', monospace !important;
  font-weight: 600 !important;
  color: #2F6690 !important;
  background: rgba(47, 102, 144, 0.12) !important;
  padding: 4px 9px !important;
  border-radius: 4px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  border: 1px solid rgba(47, 102, 144, 0.2) !important;
  transition: all 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-99db6fc:hover .phase-pill,
.elementor-4386 .elementor-element.elementor-element-99db6fc:hover > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-99db6fc:hover > *:nth-child(1) mark {
  background: #2F6690 !important;
  color: #ffffff !important;
  border-color: #2F6690 !important;
}

/* ===================================================
   Column 3: Deliverables List & Amber Accent Dots
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(3) {
  padding: 34px 30px !important;
  border-left: 1px solid #E5E9E2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* "DELIVERABLES" Header */
.elementor-4386 .elementor-element.elementor-element-99db6fc .deliv-head,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(3) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #94A3B8 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-99db6fc:hover .deliv-head,
.elementor-4386 .elementor-element.elementor-element-99db6fc:hover > *:nth-child(3) p:first-of-type {
  color: #D98B2B !important; /* Turns amber when row is focused */
}

/* Target all list items universally */
.elementor-4386 .elementor-element.elementor-element-99db6fc .deliv-list,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(3) ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.elementor-4386 .elementor-element.elementor-element-99db6fc .deliv-list li,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(3) ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Universal Amber Bullet Dot */
.elementor-4386 .elementor-element.elementor-element-99db6fc .deliv-list li::before,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(3) ul li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  background-color: #D98B2B !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Micro-interaction on individual bullet hover */
.elementor-4386 .elementor-element.elementor-element-99db6fc .deliv-list li:hover,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(3) ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-99db6fc .deliv-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(3) ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.5) !important;
}

/* ===================================================
   Mobile Stack
   =================================================== */
@media (max-width: 860px) {
  .elementor-4386 .elementor-element.elementor-element-99db6fc {
    grid-template-columns: 1fr !important;
  }
  .elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(1) {
    border-right: none !important;
    border-bottom: 1px solid #C9CDC6 !important;
  }
  .elementor-4386 .elementor-element.elementor-element-99db6fc > *:nth-child(3) {
    border-left: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-282a5cd *//* ===================================================
   Phase Row Matrix: Warm Amber & Steel Blue Palette
   =================================================== */

/* 1. Main Grid Row Frame */
.elementor-4386 .elementor-element.elementor-element-282a5cd {
  display: grid !important;
  grid-template-columns: 210px 1fr 260px !important;
  align-items: stretch !important;
  border-top: 1px solid #C9CDC6 !important;
  border-bottom: 1px solid #C9CDC6 !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Row Hover State */
.elementor-4386 .elementor-element.elementor-element-282a5cd:hover {
  background-color: #FAFBF9 !important;
  box-shadow: 0 8px 24px -6px rgba(16, 21, 28, 0.06) !important;
}

/* Left Accent Indicator Beam on Hover */
.elementor-4386 .elementor-element.elementor-element-282a5cd::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #D98B2B !important; /* Brand Amber */
  opacity: 0 !important;
  transform: scaleY(0.3) !important;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 5 !important;
}

.elementor-4386 .elementor-element.elementor-element-282a5cd:hover::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

/* Resets for all column direct children */
.elementor-4386 .elementor-element.elementor-element-282a5cd > * {
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ===================================================
   Column 1: Phase Badge Box
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(1) {
  background: rgba(16, 21, 28, 0.04) !important;
  border-right: 1px solid #C9CDC6 !important;
  padding: 34px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  transition: background-color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-282a5cd:hover > *:nth-child(1) {
  background: rgba(47, 102, 144, 0.07) !important;
}

/* Phase Number (Phase 01) */
.elementor-4386 .elementor-element.elementor-element-282a5cd .phase-num,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(1) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #59636F !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}

/* Phase Heading (Diagnose) */
.elementor-4386 .elementor-element.elementor-element-282a5cd .phase-name,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(1) h3,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(1) strong {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #10151C !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  display: block !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-282a5cd:hover .phase-name,
.elementor-4386 .elementor-element.elementor-element-282a5cd:hover > *:nth-child(1) strong,
.elementor-4386 .elementor-element.elementor-element-282a5cd:hover > *:nth-child(1) h3 {
  color: #2F6690 !important; /* Steel blue emphasis */
  transform: translateX(3px) !important;
}

/* Tag Pill (CURRENT STATE) */
.elementor-4386 .elementor-element.elementor-element-282a5cd .phase-pill,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(1) mark {
  font-family: 'IBM Plex Mono', monospace !important;
  font-weight: 600 !important;
  color: #2F6690 !important;
  background: rgba(47, 102, 144, 0.12) !important;
  padding: 4px 9px !important;
  border-radius: 4px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  border: 1px solid rgba(47, 102, 144, 0.2) !important;
  transition: all 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-282a5cd:hover .phase-pill,
.elementor-4386 .elementor-element.elementor-element-282a5cd:hover > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-282a5cd:hover > *:nth-child(1) mark {
  background: #2F6690 !important;
  color: #ffffff !important;
  border-color: #2F6690 !important;
}

/* ===================================================
   Column 2: Narrative Flow (Clear, Legible Contrast)
   =================================================== */

/* Deepens to rich charcoal on hover rather than disappearing */
.elementor-4386 .elementor-element.elementor-element-282a5cd:hover > *:nth-child(2) p {
  color: #10151C !important;
}

/* ===================================================
   Column 3: Deliverables List & Amber Accent Dots
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(3) {
  padding: 34px 30px !important;
  border-left: 1px solid #E5E9E2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* "DELIVERABLES" Header */
.elementor-4386 .elementor-element.elementor-element-282a5cd .deliv-head,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(3) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #94A3B8 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-282a5cd:hover .deliv-head,
.elementor-4386 .elementor-element.elementor-element-282a5cd:hover > *:nth-child(3) p:first-of-type {
  color: #D98B2B !important; /* Turns amber when row is focused */
}

/* Target all list items universally */
.elementor-4386 .elementor-element.elementor-element-282a5cd .deliv-list,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(3) ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.elementor-4386 .elementor-element.elementor-element-282a5cd .deliv-list li,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(3) ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Universal Amber Bullet Dot */
.elementor-4386 .elementor-element.elementor-element-282a5cd .deliv-list li::before,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(3) ul li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  background-color: #D98B2B !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Micro-interaction on individual bullet hover */
.elementor-4386 .elementor-element.elementor-element-282a5cd .deliv-list li:hover,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(3) ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-282a5cd .deliv-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(3) ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.5) !important;
}

/* ===================================================
   Mobile Stack
   =================================================== */
@media (max-width: 860px) {
  .elementor-4386 .elementor-element.elementor-element-282a5cd {
    grid-template-columns: 1fr !important;
  }
  .elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(1) {
    border-right: none !important;
    border-bottom: 1px solid #C9CDC6 !important;
  }
  .elementor-4386 .elementor-element.elementor-element-282a5cd > *:nth-child(3) {
    border-left: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0fefe *//* ===================================================
   Phase Row Matrix: Warm Amber & Steel Blue Palette
   =================================================== */

/* 1. Main Grid Row Frame */
.elementor-4386 .elementor-element.elementor-element-9e0fefe {
  display: grid !important;
  grid-template-columns: 210px 1fr 260px !important;
  align-items: stretch !important;
  border-top: 1px solid #C9CDC6 !important;
  border-bottom: 1px solid #C9CDC6 !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Row Hover State */
.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover {
  background-color: #FAFBF9 !important;
  box-shadow: 0 8px 24px -6px rgba(16, 21, 28, 0.06) !important;
}

/* Left Accent Indicator Beam on Hover */
.elementor-4386 .elementor-element.elementor-element-9e0fefe::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #D98B2B !important; /* Brand Amber */
  opacity: 0 !important;
  transform: scaleY(0.3) !important;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 5 !important;
}

.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

/* Resets for all column direct children */
.elementor-4386 .elementor-element.elementor-element-9e0fefe > * {
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ===================================================
   Column 1: Phase Badge Box
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(1) {
  background: rgba(16, 21, 28, 0.04) !important;
  border-right: 1px solid #C9CDC6 !important;
  padding: 34px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  transition: background-color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover > *:nth-child(1) {
  background: rgba(47, 102, 144, 0.07) !important;
}

/* Phase Number (Phase 01) */
.elementor-4386 .elementor-element.elementor-element-9e0fefe .phase-num,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(1) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #59636F !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}

/* Phase Heading (Diagnose) */
.elementor-4386 .elementor-element.elementor-element-9e0fefe .phase-name,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(1) h3,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(1) strong {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #10151C !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  display: block !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover .phase-name,
.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover > *:nth-child(1) strong,
.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover > *:nth-child(1) h3 {
  color: #2F6690 !important; /* Steel blue emphasis */
  transform: translateX(3px) !important;
}

/* Tag Pill (CURRENT STATE) */
.elementor-4386 .elementor-element.elementor-element-9e0fefe .phase-pill,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(1) mark {
  font-family: 'IBM Plex Mono', monospace !important;
  font-weight: 600 !important;
  color: #2F6690 !important;
  background: rgba(47, 102, 144, 0.12) !important;
  padding: 4px 9px !important;
  border-radius: 4px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  border: 1px solid rgba(47, 102, 144, 0.2) !important;
  transition: all 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover .phase-pill,
.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover > *:nth-child(1) mark {
  background: #2F6690 !important;
  color: #ffffff !important;
  border-color: #2F6690 !important;
}

/* ===================================================
   Column 2: Narrative Flow (Clear, Legible Contrast)
   =================================================== */

/* Deepens to rich charcoal on hover rather than disappearing */
.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover > *:nth-child(2) p {
  color: #10151C !important;
}

/* ===================================================
   Column 3: Deliverables List & Amber Accent Dots
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(3) {
  padding: 34px 30px !important;
  border-left: 1px solid #E5E9E2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* "DELIVERABLES" Header */
.elementor-4386 .elementor-element.elementor-element-9e0fefe .deliv-head,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(3) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #94A3B8 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover .deliv-head,
.elementor-4386 .elementor-element.elementor-element-9e0fefe:hover > *:nth-child(3) p:first-of-type {
  color: #D98B2B !important; /* Turns amber when row is focused */
}

/* Target all list items universally */
.elementor-4386 .elementor-element.elementor-element-9e0fefe .deliv-list,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(3) ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.elementor-4386 .elementor-element.elementor-element-9e0fefe .deliv-list li,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(3) ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Universal Amber Bullet Dot */
.elementor-4386 .elementor-element.elementor-element-9e0fefe .deliv-list li::before,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(3) ul li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  background-color: #D98B2B !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Micro-interaction on individual bullet hover */
.elementor-4386 .elementor-element.elementor-element-9e0fefe .deliv-list li:hover,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(3) ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-9e0fefe .deliv-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(3) ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.5) !important;
}

/* ===================================================
   Mobile Stack
   =================================================== */
@media (max-width: 860px) {
  .elementor-4386 .elementor-element.elementor-element-9e0fefe {
    grid-template-columns: 1fr !important;
  }
  .elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(1) {
    border-right: none !important;
    border-bottom: 1px solid #C9CDC6 !important;
  }
  .elementor-4386 .elementor-element.elementor-element-9e0fefe > *:nth-child(3) {
    border-left: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f84e666 *//* ===================================================
   Phase Row Matrix: Warm Amber & Steel Blue Palette
   =================================================== */

/* 1. Main Grid Row Frame */
.elementor-4386 .elementor-element.elementor-element-f84e666 {
  display: grid !important;
  grid-template-columns: 210px 1fr 260px !important;
  align-items: stretch !important;
  border-top: 1px solid #C9CDC6 !important;
  border-bottom: 1px solid #C9CDC6 !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Row Hover State */
.elementor-4386 .elementor-element.elementor-element-f84e666:hover {
  background-color: #FAFBF9 !important;
  box-shadow: 0 8px 24px -6px rgba(16, 21, 28, 0.06) !important;
}

/* Left Accent Indicator Beam on Hover */
.elementor-4386 .elementor-element.elementor-element-f84e666::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #D98B2B !important; /* Brand Amber */
  opacity: 0 !important;
  transform: scaleY(0.3) !important;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 5 !important;
}

.elementor-4386 .elementor-element.elementor-element-f84e666:hover::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

/* Resets for all column direct children */
.elementor-4386 .elementor-element.elementor-element-f84e666 > * {
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ===================================================
   Column 1: Phase Badge Box
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(1) {
  background: rgba(16, 21, 28, 0.04) !important;
  border-right: 1px solid #C9CDC6 !important;
  padding: 34px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  transition: background-color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f84e666:hover > *:nth-child(1) {
  background: rgba(47, 102, 144, 0.07) !important;
}

/* Phase Number (Phase 01) */
.elementor-4386 .elementor-element.elementor-element-f84e666 .phase-num,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(1) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #59636F !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}

/* Phase Heading (Diagnose) */
.elementor-4386 .elementor-element.elementor-element-f84e666 .phase-name,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(1) h3,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(1) strong {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #10151C !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  display: block !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f84e666:hover .phase-name,
.elementor-4386 .elementor-element.elementor-element-f84e666:hover > *:nth-child(1) strong,
.elementor-4386 .elementor-element.elementor-element-f84e666:hover > *:nth-child(1) h3 {
  color: #2F6690 !important; /* Steel blue emphasis */
  transform: translateX(3px) !important;
}

/* Tag Pill (CURRENT STATE) */
.elementor-4386 .elementor-element.elementor-element-f84e666 .phase-pill,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(1) mark {
  font-family: 'IBM Plex Mono', monospace !important;
  font-weight: 600 !important;
  color: #2F6690 !important;
  background: rgba(47, 102, 144, 0.12) !important;
  padding: 4px 9px !important;
  border-radius: 4px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  border: 1px solid rgba(47, 102, 144, 0.2) !important;
  transition: all 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f84e666:hover .phase-pill,
.elementor-4386 .elementor-element.elementor-element-f84e666:hover > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-f84e666:hover > *:nth-child(1) mark {
  background: #2F6690 !important;
  color: #ffffff !important;
  border-color: #2F6690 !important;
}

/* ===================================================
   Column 2: Narrative Flow (Clear, Legible Contrast)
   =================================================== */

/* Deepens to rich charcoal on hover rather than disappearing */
.elementor-4386 .elementor-element.elementor-element-f84e666:hover > *:nth-child(2) p {
  color: #10151C !important;
}

/* ===================================================
   Column 3: Deliverables List & Amber Accent Dots
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(3) {
  padding: 34px 30px !important;
  border-left: 1px solid #E5E9E2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* "DELIVERABLES" Header */
.elementor-4386 .elementor-element.elementor-element-f84e666 .deliv-head,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(3) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #94A3B8 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f84e666:hover .deliv-head,
.elementor-4386 .elementor-element.elementor-element-f84e666:hover > *:nth-child(3) p:first-of-type {
  color: #D98B2B !important; /* Turns amber when row is focused */
}

/* Target all list items universally */
.elementor-4386 .elementor-element.elementor-element-f84e666 .deliv-list,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(3) ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.elementor-4386 .elementor-element.elementor-element-f84e666 .deliv-list li,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(3) ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Universal Amber Bullet Dot */
.elementor-4386 .elementor-element.elementor-element-f84e666 .deliv-list li::before,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(3) ul li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  background-color: #D98B2B !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Micro-interaction on individual bullet hover */
.elementor-4386 .elementor-element.elementor-element-f84e666 .deliv-list li:hover,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(3) ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-f84e666 .deliv-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(3) ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.5) !important;
}

/* ===================================================
   Mobile Stack
   =================================================== */
@media (max-width: 860px) {
  .elementor-4386 .elementor-element.elementor-element-f84e666 {
    grid-template-columns: 1fr !important;
  }
  .elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(1) {
    border-right: none !important;
    border-bottom: 1px solid #C9CDC6 !important;
  }
  .elementor-4386 .elementor-element.elementor-element-f84e666 > *:nth-child(3) {
    border-left: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0b00a6 *//* ===================================================
   Phase Row Matrix: Warm Amber & Steel Blue Palette
   =================================================== */

/* 1. Main Grid Row Frame */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 {
  display: grid !important;
  grid-template-columns: 210px 1fr 260px !important;
  align-items: stretch !important;
  border-top: 1px solid #C9CDC6 !important;
  border-bottom: 1px solid #C9CDC6 !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Row Hover State */
.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover {
  background-color: #FAFBF9 !important;
  box-shadow: 0 8px 24px -6px rgba(16, 21, 28, 0.06) !important;
}

/* Left Accent Indicator Beam on Hover */
.elementor-4386 .elementor-element.elementor-element-f0b00a6::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #D98B2B !important; /* Brand Amber */
  opacity: 0 !important;
  transform: scaleY(0.3) !important;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 5 !important;
}

.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

/* Resets for all column direct children */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > * {
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ===================================================
   Column 1: Phase Badge Box
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(1) {
  background: rgba(16, 21, 28, 0.04) !important;
  border-right: 1px solid #C9CDC6 !important;
  padding: 34px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  transition: background-color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover > *:nth-child(1) {
  background: rgba(47, 102, 144, 0.07) !important;
}

/* Phase Number (Phase 01) */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 .phase-num,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(1) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #59636F !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}

/* Phase Heading (Diagnose) */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 .phase-name,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(1) h3,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(1) strong {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #10151C !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  display: block !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover .phase-name,
.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover > *:nth-child(1) strong,
.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover > *:nth-child(1) h3 {
  color: #2F6690 !important; /* Steel blue emphasis */
  transform: translateX(3px) !important;
}

/* Tag Pill (CURRENT STATE) */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 .phase-pill,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(1) mark {
  font-family: 'IBM Plex Mono', monospace !important;
  font-weight: 600 !important;
  color: #2F6690 !important;
  background: rgba(47, 102, 144, 0.12) !important;
  padding: 4px 9px !important;
  border-radius: 4px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  border: 1px solid rgba(47, 102, 144, 0.2) !important;
  transition: all 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover .phase-pill,
.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover > *:nth-child(1) span,
.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover > *:nth-child(1) mark {
  background: #2F6690 !important;
  color: #ffffff !important;
  border-color: #2F6690 !important;
}

/* ===================================================
   Column 2: Narrative Flow (Clear, Legible Contrast)
   =================================================== */

/* Deepens to rich charcoal on hover rather than disappearing */
.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover > *:nth-child(2) p {
  color: #10151C !important;
}

/* ===================================================
   Column 3: Deliverables List & Amber Accent Dots
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(3) {
  padding: 34px 30px !important;
  border-left: 1px solid #E5E9E2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* "DELIVERABLES" Header */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 .deliv-head,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(3) p:first-of-type {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #94A3B8 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover .deliv-head,
.elementor-4386 .elementor-element.elementor-element-f0b00a6:hover > *:nth-child(3) p:first-of-type {
  color: #D98B2B !important; /* Turns amber when row is focused */
}

/* Target all list items universally */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 .deliv-list,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(3) ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.elementor-4386 .elementor-element.elementor-element-f0b00a6 .deliv-list li,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(3) ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Universal Amber Bullet Dot */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 .deliv-list li::before,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(3) ul li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  background-color: #D98B2B !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Micro-interaction on individual bullet hover */
.elementor-4386 .elementor-element.elementor-element-f0b00a6 .deliv-list li:hover,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(3) ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-f0b00a6 .deliv-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(3) ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.5) !important;
}

/* ===================================================
   Mobile Stack
   =================================================== */
@media (max-width: 860px) {
  .elementor-4386 .elementor-element.elementor-element-f0b00a6 {
    grid-template-columns: 1fr !important;
  }
  .elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(1) {
    border-right: none !important;
    border-bottom: 1px solid #C9CDC6 !important;
  }
  .elementor-4386 .elementor-element.elementor-element-f0b00a6 > *:nth-child(3) {
    border-left: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a304e52 *//* ===================================================
   Domain Card: Architectural Card Frame & Hover Shift
   =================================================== */

.elementor-4386 .elementor-element.elementor-element-a304e52 {
  background: #ffffff !important;
  border: 1px solid #DDE2D9 !important;
  border-radius: 8px !important;
  padding: 32px 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease !important;
  height: 100% !important;
}

/* Hover Elevation & Ambient Rim Lighting */
.elementor-4386 .elementor-element.elementor-element-a304e52:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(214, 122, 24, 0.45) !important;
  box-shadow: 0 16px 32px -8px rgba(16, 21, 28, 0.08),
              0 0 16px 1px rgba(217, 139, 43, 0.08) !important;
}

/* 1. Top Amber Kinetic Border Beam */
.elementor-4386 .elementor-element.elementor-element-a304e52::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #D98B2B !important;
  opacity: 0 !important;
  transform: scaleX(0.2) !important;
  transform-origin: left !important;
  transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-a304e52:hover::before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* ===================================================
   2. Icon / Badge Styling
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-a304e52 .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-a304e52 img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  display: block !important;
  margin-bottom: 20px !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-a304e52:hover .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-a304e52:hover img {
  transform: scale(1.12) rotate(-3deg) !important;
}

/* ===================================================
   3. Domain Heading Typography
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-a304e52 .domain-title,
.elementor-4386 .elementor-element.elementor-element-a304e52 h4,
.elementor-4386 .elementor-element.elementor-element-a304e52 strong:first-of-type {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #10151C !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  letter-spacing: -0.01em !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-a304e52:hover .domain-title,
.elementor-4386 .elementor-element.elementor-element-a304e52:hover h4 {
  color: #2F6690 !important; /* Steel Blue emphasis on hover */
}

/* ===================================================
   4. Checklist Items & Micro-Interactions
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-a304e52 .domain-list,
.elementor-4386 .elementor-element.elementor-element-a304e52 ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.elementor-4386 .elementor-element.elementor-element-a304e52 .domain-list li,
.elementor-4386 .elementor-element.elementor-element-a304e52 ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

/* Refined Amber Bullet Indicator */
.elementor-4386 .elementor-element.elementor-element-a304e52 .domain-list li::before,
.elementor-4386 .elementor-element.elementor-element-a304e52 ul li::before {
  content: '' !important;
  width: 4px !important;
  height: 4px !important;
  background: #D98B2B !important;
  border-radius: 50% !important;
  margin-top: 7px !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* Individual list item hover shift */
.elementor-4386 .elementor-element.elementor-element-a304e52 .domain-list li:hover,
.elementor-4386 .elementor-element.elementor-element-a304e52 ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-a304e52 .domain-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-a304e52 ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.7) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0511c14 *//* ===================================================
   Domain Card: Architectural Card Frame & Hover Shift
   =================================================== */

.elementor-4386 .elementor-element.elementor-element-0511c14 {
  background: #ffffff !important;
  border: 1px solid #DDE2D9 !important;
  border-radius: 8px !important;
  padding: 32px 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease !important;
  height: 100% !important;
}

/* Hover Elevation & Ambient Rim Lighting */
.elementor-4386 .elementor-element.elementor-element-0511c14:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(214, 122, 24, 0.45) !important;
  box-shadow: 0 16px 32px -8px rgba(16, 21, 28, 0.08),
              0 0 16px 1px rgba(217, 139, 43, 0.08) !important;
}

/* 1. Top Amber Kinetic Border Beam */
.elementor-4386 .elementor-element.elementor-element-0511c14::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #D98B2B !important;
  opacity: 0 !important;
  transform: scaleX(0.2) !important;
  transform-origin: left !important;
  transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-0511c14:hover::before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* ===================================================
   2. Icon / Badge Styling
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-0511c14 .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-0511c14 img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  display: block !important;
  margin-bottom: 20px !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-0511c14:hover .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-0511c14:hover img {
  transform: scale(1.12) rotate(-3deg) !important;
}

/* ===================================================
   3. Domain Heading Typography
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-0511c14 .domain-title,
.elementor-4386 .elementor-element.elementor-element-0511c14 h4,
.elementor-4386 .elementor-element.elementor-element-0511c14 strong:first-of-type {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #10151C !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  letter-spacing: -0.01em !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-0511c14:hover .domain-title,
.elementor-4386 .elementor-element.elementor-element-0511c14:hover h4 {
  color: #2F6690 !important; /* Steel Blue emphasis on hover */
}

/* ===================================================
   4. Checklist Items & Micro-Interactions
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-0511c14 .domain-list,
.elementor-4386 .elementor-element.elementor-element-0511c14 ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.elementor-4386 .elementor-element.elementor-element-0511c14 .domain-list li,
.elementor-4386 .elementor-element.elementor-element-0511c14 ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

/* Refined Amber Bullet Indicator */
.elementor-4386 .elementor-element.elementor-element-0511c14 .domain-list li::before,
.elementor-4386 .elementor-element.elementor-element-0511c14 ul li::before {
  content: '' !important;
  width: 4px !important;
  height: 4px !important;
  background: #D98B2B !important;
  border-radius: 50% !important;
  margin-top: 7px !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* Individual list item hover shift */
.elementor-4386 .elementor-element.elementor-element-0511c14 .domain-list li:hover,
.elementor-4386 .elementor-element.elementor-element-0511c14 ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-0511c14 .domain-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-0511c14 ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.7) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-237fabd *//* ===================================================
   Domain Card: Architectural Card Frame & Hover Shift
   =================================================== */

.elementor-4386 .elementor-element.elementor-element-237fabd {
  background: #ffffff !important;
  border: 1px solid #DDE2D9 !important;
  border-radius: 8px !important;
  padding: 32px 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease !important;
  height: 100% !important;
}

/* Hover Elevation & Ambient Rim Lighting */
.elementor-4386 .elementor-element.elementor-element-237fabd:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(214, 122, 24, 0.45) !important;
  box-shadow: 0 16px 32px -8px rgba(16, 21, 28, 0.08),
              0 0 16px 1px rgba(217, 139, 43, 0.08) !important;
}

/* 1. Top Amber Kinetic Border Beam */
.elementor-4386 .elementor-element.elementor-element-237fabd::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #D98B2B !important;
  opacity: 0 !important;
  transform: scaleX(0.2) !important;
  transform-origin: left !important;
  transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-237fabd:hover::before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* ===================================================
   2. Icon / Badge Styling
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-237fabd .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-237fabd img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  display: block !important;
  margin-bottom: 20px !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-237fabd:hover .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-237fabd:hover img {
  transform: scale(1.12) rotate(-3deg) !important;
}

/* ===================================================
   3. Domain Heading Typography
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-237fabd .domain-title,
.elementor-4386 .elementor-element.elementor-element-237fabd h4,
.elementor-4386 .elementor-element.elementor-element-237fabd strong:first-of-type {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #10151C !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  letter-spacing: -0.01em !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-237fabd:hover .domain-title,
.elementor-4386 .elementor-element.elementor-element-237fabd:hover h4 {
  color: #2F6690 !important; /* Steel Blue emphasis on hover */
}

/* ===================================================
   4. Checklist Items & Micro-Interactions
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-237fabd .domain-list,
.elementor-4386 .elementor-element.elementor-element-237fabd ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.elementor-4386 .elementor-element.elementor-element-237fabd .domain-list li,
.elementor-4386 .elementor-element.elementor-element-237fabd ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

/* Refined Amber Bullet Indicator */
.elementor-4386 .elementor-element.elementor-element-237fabd .domain-list li::before,
.elementor-4386 .elementor-element.elementor-element-237fabd ul li::before {
  content: '' !important;
  width: 4px !important;
  height: 4px !important;
  background: #D98B2B !important;
  border-radius: 50% !important;
  margin-top: 7px !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* Individual list item hover shift */
.elementor-4386 .elementor-element.elementor-element-237fabd .domain-list li:hover,
.elementor-4386 .elementor-element.elementor-element-237fabd ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-237fabd .domain-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-237fabd ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.7) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f2578ef *//* ===================================================
   Domain Card: Architectural Card Frame & Hover Shift
   =================================================== */

.elementor-4386 .elementor-element.elementor-element-f2578ef {
  background: #ffffff !important;
  border: 1px solid #DDE2D9 !important;
  border-radius: 8px !important;
  padding: 32px 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease !important;
  height: 100% !important;
}

/* Hover Elevation & Ambient Rim Lighting */
.elementor-4386 .elementor-element.elementor-element-f2578ef:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(214, 122, 24, 0.45) !important;
  box-shadow: 0 16px 32px -8px rgba(16, 21, 28, 0.08),
              0 0 16px 1px rgba(217, 139, 43, 0.08) !important;
}

/* 1. Top Amber Kinetic Border Beam */
.elementor-4386 .elementor-element.elementor-element-f2578ef::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #D98B2B !important;
  opacity: 0 !important;
  transform: scaleX(0.2) !important;
  transform-origin: left !important;
  transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-f2578ef:hover::before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* ===================================================
   2. Icon / Badge Styling
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-f2578ef .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-f2578ef img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  display: block !important;
  margin-bottom: 20px !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-f2578ef:hover .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-f2578ef:hover img {
  transform: scale(1.12) rotate(-3deg) !important;
}

/* ===================================================
   3. Domain Heading Typography
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-f2578ef .domain-title,
.elementor-4386 .elementor-element.elementor-element-f2578ef h4,
.elementor-4386 .elementor-element.elementor-element-f2578ef strong:first-of-type {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #10151C !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  letter-spacing: -0.01em !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-f2578ef:hover .domain-title,
.elementor-4386 .elementor-element.elementor-element-f2578ef:hover h4 {
  color: #2F6690 !important; /* Steel Blue emphasis on hover */
}

/* ===================================================
   4. Checklist Items & Micro-Interactions
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-f2578ef .domain-list,
.elementor-4386 .elementor-element.elementor-element-f2578ef ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.elementor-4386 .elementor-element.elementor-element-f2578ef .domain-list li,
.elementor-4386 .elementor-element.elementor-element-f2578ef ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

/* Refined Amber Bullet Indicator */
.elementor-4386 .elementor-element.elementor-element-f2578ef .domain-list li::before,
.elementor-4386 .elementor-element.elementor-element-f2578ef ul li::before {
  content: '' !important;
  width: 4px !important;
  height: 4px !important;
  background: #D98B2B !important;
  border-radius: 50% !important;
  margin-top: 7px !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* Individual list item hover shift */
.elementor-4386 .elementor-element.elementor-element-f2578ef .domain-list li:hover,
.elementor-4386 .elementor-element.elementor-element-f2578ef ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-f2578ef .domain-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-f2578ef ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.7) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e96484f *//* ===================================================
   Domain Card: Architectural Card Frame & Hover Shift
   =================================================== */

.elementor-4386 .elementor-element.elementor-element-e96484f {
  background: #ffffff !important;
  border: 1px solid #DDE2D9 !important;
  border-radius: 8px !important;
  padding: 32px 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease !important;
  height: 100% !important;
}

/* Hover Elevation & Ambient Rim Lighting */
.elementor-4386 .elementor-element.elementor-element-e96484f:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(214, 122, 24, 0.45) !important;
  box-shadow: 0 16px 32px -8px rgba(16, 21, 28, 0.08),
              0 0 16px 1px rgba(217, 139, 43, 0.08) !important;
}

/* 1. Top Amber Kinetic Border Beam */
.elementor-4386 .elementor-element.elementor-element-e96484f::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #D98B2B !important;
  opacity: 0 !important;
  transform: scaleX(0.2) !important;
  transform-origin: left !important;
  transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-e96484f:hover::before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* ===================================================
   2. Icon / Badge Styling
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-e96484f .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-e96484f img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  display: block !important;
  margin-bottom: 20px !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-e96484f:hover .domain-icon-wrap,
.elementor-4386 .elementor-element.elementor-element-e96484f:hover img {
  transform: scale(1.12) rotate(-3deg) !important;
}

/* ===================================================
   3. Domain Heading Typography
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-e96484f .domain-title,
.elementor-4386 .elementor-element.elementor-element-e96484f h4,
.elementor-4386 .elementor-element.elementor-element-e96484f strong:first-of-type {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #10151C !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  letter-spacing: -0.01em !important;
  transition: color 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-e96484f:hover .domain-title,
.elementor-4386 .elementor-element.elementor-element-e96484f:hover h4 {
  color: #2F6690 !important; /* Steel Blue emphasis on hover */
}

/* ===================================================
   4. Checklist Items & Micro-Interactions
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-e96484f .domain-list,
.elementor-4386 .elementor-element.elementor-element-e96484f ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.elementor-4386 .elementor-element.elementor-element-e96484f .domain-list li,
.elementor-4386 .elementor-element.elementor-element-e96484f ul li {
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #59636F !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

/* Refined Amber Bullet Indicator */
.elementor-4386 .elementor-element.elementor-element-e96484f .domain-list li::before,
.elementor-4386 .elementor-element.elementor-element-e96484f ul li::before {
  content: '' !important;
  width: 4px !important;
  height: 4px !important;
  background: #D98B2B !important;
  border-radius: 50% !important;
  margin-top: 7px !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* Individual list item hover shift */
.elementor-4386 .elementor-element.elementor-element-e96484f .domain-list li:hover,
.elementor-4386 .elementor-element.elementor-element-e96484f ul li:hover {
  transform: translateX(4px) !important;
  color: #10151C !important;
}

.elementor-4386 .elementor-element.elementor-element-e96484f .domain-list li:hover::before,
.elementor-4386 .elementor-element.elementor-element-e96484f ul li:hover::before {
  transform: scale(1.6) !important;
  box-shadow: 0 0 8px rgba(217, 139, 43, 0.7) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3e7f70d */.elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button::after {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: -60% !important;
  width: 30% !important;
  height: 200% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  ) !important;
  transform: rotate(25deg) !important;
  transition: none !important;
  pointer-events: none !important;
}

.elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button:hover::after {
  left: 140% !important;
  transition: left 0.75s ease-in-out !important;
}

.elementor-4386 .elementor-element.elementor-element-3e7f70d .elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(214, 122, 24, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18369e3 *//* ===================================================
   Value Prop Left Column: Anchor & Typography
   =================================================== */

/* 1. Container Structure & Spacing */
.elementor-4386 .elementor-element.elementor-element-18369e3 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 40px 48px 40px 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* 2. Top Section Eyebrow Accent Line */
.elementor-4386 .elementor-element.elementor-element-18369e3::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: #D98B2B !important;
  border-radius: 2px !important;
  margin-bottom: 24px !important;
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-18369e3:hover::before {
  width: 72px !important;
}

/* 3. Main Heading Treatment */
.elementor-4386 .elementor-element.elementor-element-18369e3 h2,
.elementor-4386 .elementor-element.elementor-element-18369e3 h3,
.elementor-4386 .elementor-element.elementor-element-18369e3 .elementor-heading-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  color: #10151C !important;
  margin: 0 0 24px 0 !important;
  transition: color 0.3s ease !important;
}

/* 4. Narrative Paragraph */
.elementor-4386 .elementor-element.elementor-element-18369e3 .elementor-widget-text-editor p,
.elementor-4386 .elementor-element.elementor-element-18369e3 p {
  font-family: 'Nunito', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  color: #59636F !important;
  max-width: 520px !important;
  margin: 0 !important;
  transition: color 0.3s ease !important;
}

.elementor-4386 .elementor-element.elementor-element-18369e3:hover .elementor-widget-text-editor p {
  color: #10151C !important;
}

/* Responsive adjustment */
@media (max-width: 1024px) {
  .elementor-4386 .elementor-element.elementor-element-18369e3 {
    padding: 24px 0 !important;
  }
  .elementor-4386 .elementor-element.elementor-element-18369e3 h2,
  .elementor-4386 .elementor-element.elementor-element-18369e3 h3,
  .elementor-4386 .elementor-element.elementor-element-18369e3 .elementor-heading-title {
    font-size: 30px !important;
  }
}/* End custom CSS */
/* Start custom CSS for xpro-infolist, class: .elementor-element-38eae01 *//* ===================================================
   Numbered Value Points: Amber Accent & Crisp Numbers
   =================================================== */

/* 1. Item Row Container */
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item,
.elementor-4386 .elementor-element.elementor-element-38eae01 ul li,
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="info-list-item"] {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  padding: 24px 20px !important;
  border-radius: 8px !important;
  border-bottom: 1px solid #DDE2D9 !important;
  background: transparent !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              background-color 0.25s ease,
              padding-left 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.3s ease !important;
}

/* Divider above the first item */
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:first-child,
.elementor-4386 .elementor-element.elementor-element-38eae01 ul li:first-child,
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="info-list-item"]:first-child {
  border-top: 1px solid #DDE2D9 !important;
}

/* Row Hover Shift */
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:hover,
.elementor-4386 .elementor-element.elementor-element-38eae01 ul li:hover,
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="info-list-item"]:hover {
  transform: translateX(8px) !important;
  background-color: #ffffff !important;
  padding-left: 24px !important;
  box-shadow: 0 10px 24px -6px rgba(16, 21, 28, 0.08) !important;
}

/* Left Vertical Amber Notch on Hover */
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item::before,
.elementor-4386 .elementor-element.elementor-element-38eae01 ul li::before,
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="info-list-item"]::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 18% !important;
  bottom: 18% !important;
  width: 3.5px !important;
  background: #D98B2B !important;
  border-radius: 4px !important;
  opacity: 0 !important;
  transform: scaleY(0.3) !important;
  transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:hover::before,
.elementor-4386 .elementor-element.elementor-element-38eae01 ul li:hover::before,
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="info-list-item"]:hover::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

/* ===================================================
   2. Number Badge (Fix Visibility & Amber Hover)
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="icon"],
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="media"],
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background-color: #10151C !important; /* Obsidian base */
  color: #FFFFFF !important; /* Forces number text white */
  fill: #FFFFFF !important;  /* Forces SVG white */
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 22px !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(16, 21, 28, 0.1) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              background-color 0.3s ease,
              box-shadow 0.3s ease !important;
}

/* Ensure inner number/svg is explicitly white */
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="icon"] *,
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="media"] *,
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-icon * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* Hover Shift: Changes badge to Amber with ambient glow */
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:hover [class*="icon"],
.elementor-4386 .elementor-element.elementor-element-38eae01 ul li:hover [class*="icon"],
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:hover .xpro-info-list-icon {
  transform: scale(1.12) !important;
  background-color: #D98B2B !important; /* Brand Amber */
  border-color: #D98B2B !important;
  box-shadow: 0 4px 14px rgba(217, 139, 43, 0.4) !important;
}

/* Keep number white on amber background */
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:hover [class*="icon"] *,
.elementor-4386 .elementor-element.elementor-element-38eae01 ul li:hover [class*="icon"] *,
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:hover .xpro-info-list-icon * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* ===================================================
   3. Title & Content (Amber Title Hover)
   =================================================== */
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="content"],
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="text-wrap"] {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

/* Headline */
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="title"],
.elementor-4386 .elementor-element.elementor-element-38eae01 h3,
.elementor-4386 .elementor-element.elementor-element-38eae01 h4,
.elementor-4386 .elementor-element.elementor-element-38eae01 strong {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #10151C !important;
  line-height: 1.3 !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: -0.01em !important;
  display: block !important;
  transition: color 0.25s ease !important;
}

/* Title turns Amber on hover */
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:hover [class*="title"],
.elementor-4386 .elementor-element.elementor-element-38eae01 ul li:hover [class*="title"],
.elementor-4386 .elementor-element.elementor-element-38eae01 .xpro-info-list-item:hover h3 {
  color: #D98B2B !important; /* Brand Amber */
}

/* Description */
.elementor-4386 .elementor-element.elementor-element-38eae01 [class*="desc"],
.elementor-4386 .elementor-element.elementor-element-38eae01 p {
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #59636F !important;
  margin: 0 !important;
}/* End custom CSS */