.elementor-162209 .elementor-element.elementor-element-6877d1a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-6877d1a:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-6877d1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-162209 .elementor-element.elementor-element-7e8cdee{--display:flex;--min-height:100vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-7e8cdee:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-7e8cdee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/04/Second-Nature-Poster.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-162209 .elementor-element.elementor-element-5d9ad65{z-index:99;}.elementor-162209 .elementor-element.elementor-element-f65eef6{--display:flex;--position:absolute;--min-height:35vh;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:11;}.elementor-162209 .elementor-element.elementor-element-f65eef6::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .e-con-inner > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/04/Second-Nature-Poster.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-162209 .elementor-element.elementor-element-f65eef6{left:-160px;}body.rtl .elementor-162209 .elementor-element.elementor-element-f65eef6{right:-160px;}.elementor-162209 .elementor-element.elementor-element-ccf5e4c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-162209 .elementor-element.elementor-element-ccf5e4c:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-ccf5e4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-162209 .elementor-element.elementor-element-b386b74 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-b386b74 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-162209 .elementor-element.elementor-element-625d63e{--display:flex;--position:absolute;--min-height:48vh;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:758px;--z-index:11;}.elementor-162209 .elementor-element.elementor-element-625d63e:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-625d63e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #02010100 0%, #000000 35%);}.elementor-162209 .elementor-element.elementor-element-625d63e::before, .elementor-162209 .elementor-element.elementor-element-625d63e > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-625d63e > .e-con-inner > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-625d63e > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-625d63e > .e-con-inner > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-625d63e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body:not(.rtl) .elementor-162209 .elementor-element.elementor-element-625d63e{left:0px;}body.rtl .elementor-162209 .elementor-element.elementor-element-625d63e{right:0px;}.elementor-162209 .elementor-element.elementor-element-d50cae6{--display:flex;--min-height:120vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-162209 .elementor-element.elementor-element-d50cae6.e-con{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-5dd9993 > .elementor-widget-container{margin:50px 0px 50px 0px;padding:0px 240px 0px 240px;}.elementor-162209 .elementor-element.elementor-element-5dd9993 .subtitle-top .subtitle{margin-bottom:50px;}.elementor-162209 .elementor-element.elementor-element-5dd9993 .subtitle-bottom .subtitle{margin-top:50px;}.elementor-162209 .elementor-element.elementor-element-5dd9993 h1, .elementor-162209 .elementor-element.elementor-element-5dd9993 h2, .elementor-162209 .elementor-element.elementor-element-5dd9993 h3, .elementor-162209 .elementor-element.elementor-element-5dd9993 h4, .elementor-162209 .elementor-element.elementor-element-5dd9993 h5, .elementor-162209 .elementor-element.elementor-element-5dd9993 h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-cdbb350 .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-cdbb350 .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-cdbb350 h1, .elementor-162209 .elementor-element.elementor-element-cdbb350 h2, .elementor-162209 .elementor-element.elementor-element-cdbb350 h3, .elementor-162209 .elementor-element.elementor-element-cdbb350 h4, .elementor-162209 .elementor-element.elementor-element-cdbb350 h5, .elementor-162209 .elementor-element.elementor-element-cdbb350 h6{font-size:25px;font-weight:700;font-style:normal;letter-spacing:0.9px;}.elementor-162209 .elementor-element.elementor-element-4409727{text-align:center;font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-3b405e9 .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-3b405e9 .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-3b405e9 h1, .elementor-162209 .elementor-element.elementor-element-3b405e9 h2, .elementor-162209 .elementor-element.elementor-element-3b405e9 h3, .elementor-162209 .elementor-element.elementor-element-3b405e9 h4, .elementor-162209 .elementor-element.elementor-element-3b405e9 h5, .elementor-162209 .elementor-element.elementor-element-3b405e9 h6{font-size:25px;font-weight:700;font-style:normal;letter-spacing:1px;}.elementor-162209 .elementor-element.elementor-element-0107285{text-align:center;font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-5bad798 .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-5bad798 .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-5bad798 h1, .elementor-162209 .elementor-element.elementor-element-5bad798 h2, .elementor-162209 .elementor-element.elementor-element-5bad798 h3, .elementor-162209 .elementor-element.elementor-element-5bad798 h4, .elementor-162209 .elementor-element.elementor-element-5bad798 h5, .elementor-162209 .elementor-element.elementor-element-5bad798 h6{font-size:25px;font-weight:700;font-style:normal;letter-spacing:1px;}.elementor-162209 .elementor-element.elementor-element-bb65cfb{text-align:center;font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-e6a6519 .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-e6a6519 .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-e6a6519 h1, .elementor-162209 .elementor-element.elementor-element-e6a6519 h2, .elementor-162209 .elementor-element.elementor-element-e6a6519 h3, .elementor-162209 .elementor-element.elementor-element-e6a6519 h4, .elementor-162209 .elementor-element.elementor-element-e6a6519 h5, .elementor-162209 .elementor-element.elementor-element-e6a6519 h6{font-size:25px;font-weight:700;font-style:normal;letter-spacing:1px;}.elementor-162209 .elementor-element.elementor-element-d5b26c0{text-align:center;font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-4a4c17d .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-4a4c17d .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-4a4c17d h1, .elementor-162209 .elementor-element.elementor-element-4a4c17d h2, .elementor-162209 .elementor-element.elementor-element-4a4c17d h3, .elementor-162209 .elementor-element.elementor-element-4a4c17d h4, .elementor-162209 .elementor-element.elementor-element-4a4c17d h5, .elementor-162209 .elementor-element.elementor-element-4a4c17d h6{font-size:25px;font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-7b0bd08{text-align:center;font-family:"Source Code Pro", Sans-serif;font-size:17px;}.elementor-162209 .elementor-element.elementor-element-06f26a5 .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-06f26a5 .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-06f26a5 h1, .elementor-162209 .elementor-element.elementor-element-06f26a5 h2, .elementor-162209 .elementor-element.elementor-element-06f26a5 h3, .elementor-162209 .elementor-element.elementor-element-06f26a5 h4, .elementor-162209 .elementor-element.elementor-element-06f26a5 h5, .elementor-162209 .elementor-element.elementor-element-06f26a5 h6{font-size:25px;font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-a193781{text-align:center;font-family:"Source Code Pro", Sans-serif;font-size:17px;}.elementor-162209 .elementor-element.elementor-element-66b4aed .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-66b4aed .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-66b4aed h1, .elementor-162209 .elementor-element.elementor-element-66b4aed h2, .elementor-162209 .elementor-element.elementor-element-66b4aed h3, .elementor-162209 .elementor-element.elementor-element-66b4aed h4, .elementor-162209 .elementor-element.elementor-element-66b4aed h5, .elementor-162209 .elementor-element.elementor-element-66b4aed h6{font-size:25px;font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-826ac31{text-align:center;font-family:"Source Code Pro", Sans-serif;font-size:17px;}.elementor-162209 .elementor-element.elementor-element-3ba6125 .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-3ba6125 .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-3ba6125 h1, .elementor-162209 .elementor-element.elementor-element-3ba6125 h2, .elementor-162209 .elementor-element.elementor-element-3ba6125 h3, .elementor-162209 .elementor-element.elementor-element-3ba6125 h4, .elementor-162209 .elementor-element.elementor-element-3ba6125 h5, .elementor-162209 .elementor-element.elementor-element-3ba6125 h6{font-size:25px;font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-0b05778{text-align:center;font-family:"Source Code Pro", Sans-serif;font-size:17px;}.elementor-162209 .elementor-element.elementor-element-8a43694{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:50px 0px;--row-gap:50px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-162209 .elementor-element.elementor-element-8a43694:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-8a43694 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/04/Artboard-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-162209 .elementor-element.elementor-element-8a43694.e-con{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-7e4345e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-5808900{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-6286b34{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-4ec7295{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-e900561{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-5be1eee{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-0e303c0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-92155ff{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-e44e90b{--display:flex;--min-height:150vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-01ddb95{--display:flex;--position:absolute;--min-height:100vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:3;}body:not(.rtl) .elementor-162209 .elementor-element.elementor-element-01ddb95{left:0px;}body.rtl .elementor-162209 .elementor-element.elementor-element-01ddb95{right:0px;}.elementor-162209 .elementor-element.elementor-element-edefae5{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-edefae5:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-edefae5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/05/image-gen-8-3-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-162209 .elementor-element.elementor-element-cfc1ce0{--display:flex;--position:absolute;--min-height:150vh;--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;--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:2;}.elementor-162209 .elementor-element.elementor-element-cfc1ce0::before, .elementor-162209 .elementor-element.elementor-element-cfc1ce0 > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-cfc1ce0 > .e-con-inner > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-cfc1ce0 > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-cfc1ce0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-cfc1ce0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C1319;--background-overlay:'';}body:not(.rtl) .elementor-162209 .elementor-element.elementor-element-cfc1ce0{left:0px;}body.rtl .elementor-162209 .elementor-element.elementor-element-cfc1ce0{right:0px;}.elementor-162209 .elementor-element.elementor-element-ccc1c5a{--display:flex;--min-height:100vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-a690d03{--display:flex;--position:absolute;--min-height:100vh;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;top:0px;--z-index:3;}body:not(.rtl) .elementor-162209 .elementor-element.elementor-element-a690d03{left:0px;}body.rtl .elementor-162209 .elementor-element.elementor-element-a690d03{right:0px;}.elementor-162209 .elementor-element.elementor-element-ddd094b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-ddd094b.elementor-element{--align-self:flex-start;}.elementor-162209 .elementor-element.elementor-element-ddd094b .subtitle-top .subtitle{margin-bottom:0px;}.elementor-162209 .elementor-element.elementor-element-ddd094b .subtitle-bottom .subtitle{margin-top:0px;}.elementor-162209 .elementor-element.elementor-element-ddd094b h1, .elementor-162209 .elementor-element.elementor-element-ddd094b h2, .elementor-162209 .elementor-element.elementor-element-ddd094b h3, .elementor-162209 .elementor-element.elementor-element-ddd094b h4, .elementor-162209 .elementor-element.elementor-element-ddd094b h5, .elementor-162209 .elementor-element.elementor-element-ddd094b h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-955c0c5{--display:flex;--position:absolute;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:2;}.elementor-162209 .elementor-element.elementor-element-955c0c5:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-955c0c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/05/Logline-sypnosis-V3-code.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-162209 .elementor-element.elementor-element-955c0c5{left:0px;}body.rtl .elementor-162209 .elementor-element.elementor-element-955c0c5{right:0px;}.elementor-162209 .elementor-element.elementor-element-d7f1aa9{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-162209 .elementor-element.elementor-element-d7f1aa9:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-d7f1aa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/05/Logline-sypnosis-V3-no-code.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-162209 .elementor-element.elementor-element-6c0d4b9{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-6c0d4b9:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-6c0d4b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0C131991 0%, #000000 100%);}.elementor-162209 .elementor-element.elementor-element-e0c2d26 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-e0c2d26 .subtitle-top .subtitle{margin-bottom:35px;}.elementor-162209 .elementor-element.elementor-element-e0c2d26 .subtitle-bottom .subtitle{margin-top:35px;}.elementor-162209 .elementor-element.elementor-element-e0c2d26 h1, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h2, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h3, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h4, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h5, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-e0c2d26 .subtitle{font-size:19px;font-weight:400;}.elementor-162209 .elementor-element.elementor-element-553b6e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-553b6e1.elementor-element{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-553b6e1 .clb-slider-nav-btn .ion{background-color:#000000;color:#FFFFFF;}.elementor-162209 .elementor-element.elementor-element-3474eaf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-3474eaf.elementor-element{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-3474eaf .clb-slider-nav-btn .ion{background-color:#000000;color:#FFFFFF;}.elementor-162209 .elementor-element.elementor-element-b619368{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-64d38f7{--display:flex;--min-height:130vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:80px 0px;--row-gap:80px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:200px;--padding-right:200px;}.elementor-162209 .elementor-element.elementor-element-64d38f7.e-con{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-04e1626 > .elementor-widget-container{padding:0px 240px 0px 240px;}.elementor-162209 .elementor-element.elementor-element-04e1626 .subtitle-top .subtitle{margin-bottom:0px;}.elementor-162209 .elementor-element.elementor-element-04e1626 .subtitle-bottom .subtitle{margin-top:0px;}.elementor-162209 .elementor-element.elementor-element-04e1626 h1, .elementor-162209 .elementor-element.elementor-element-04e1626 h2, .elementor-162209 .elementor-element.elementor-element-04e1626 h3, .elementor-162209 .elementor-element.elementor-element-04e1626 h4, .elementor-162209 .elementor-element.elementor-element-04e1626 h5, .elementor-162209 .elementor-element.elementor-element-04e1626 h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-306e378{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-63c8089 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-63c8089 .team-member_description{font-family:"Source Code Pro", Sans-serif;}.elementor-162209 .elementor-element.elementor-element-fbf95da > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-fbf95da .team-member_description{font-family:"Source Code Pro", Sans-serif;}.elementor-162209 .elementor-element.elementor-element-99a4527 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-99a4527 .team-member_description{font-family:"Source Code Pro", Sans-serif;}.elementor-162209 .elementor-element.elementor-element-aebb1a4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-aebb1a4 .team-member_subtitle{font-family:"Source Code Pro", Sans-serif;}.elementor-162209 .elementor-element.elementor-element-2f2d063{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-3ae68f2{--display:flex;--min-height:110vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:200px;--padding-right:200px;}.elementor-162209 .elementor-element.elementor-element-3ae68f2.e-con{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-53319e7 > .elementor-widget-container{padding:50px 240px 50px 240px;}.elementor-162209 .elementor-element.elementor-element-53319e7 .subtitle-top .subtitle{margin-bottom:0px;}.elementor-162209 .elementor-element.elementor-element-53319e7 .subtitle-bottom .subtitle{margin-top:0px;}.elementor-162209 .elementor-element.elementor-element-53319e7 h1, .elementor-162209 .elementor-element.elementor-element-53319e7 h2, .elementor-162209 .elementor-element.elementor-element-53319e7 h3, .elementor-162209 .elementor-element.elementor-element-53319e7 h4, .elementor-162209 .elementor-element.elementor-element-53319e7 h5, .elementor-162209 .elementor-element.elementor-element-53319e7 h6{font-style:normal;}.elementor-162209 .elementor-element.elementor-element-84b1859{width:100%;max-width:100%;}.elementor-162209 .elementor-element.elementor-element-6baae43{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-162209 .elementor-element.elementor-element-7eaad95 > .elementor-widget-container{padding:0px 240px 30px 240px;}.elementor-162209 .elementor-element.elementor-element-7eaad95{z-index:10;}.elementor-162209 .elementor-element.elementor-element-7eaad95 .subtitle-top .subtitle{margin-bottom:0px;}.elementor-162209 .elementor-element.elementor-element-7eaad95 .subtitle-bottom .subtitle{margin-top:0px;}.elementor-162209 .elementor-element.elementor-element-7eaad95 h1, .elementor-162209 .elementor-element.elementor-element-7eaad95 h2, .elementor-162209 .elementor-element.elementor-element-7eaad95 h3, .elementor-162209 .elementor-element.elementor-element-7eaad95 h4, .elementor-162209 .elementor-element.elementor-element-7eaad95 h5, .elementor-162209 .elementor-element.elementor-element-7eaad95 h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-f4df3fa{--display:flex;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-f4df3fa:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-f4df3fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/05/Logline-sypnosis-V3-code.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-162209 .elementor-element.elementor-element-c58cb26{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-c58cb26.e-con{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-8b2bf39 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-8b2bf39.elementor-element{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-8b2bf39 .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-8b2bf39 .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-8b2bf39 h1, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h2, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h3, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h4, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h5, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-109876f{--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:flex-end;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:150px;--padding-right:150px;}.elementor-162209 .elementor-element.elementor-element-08249b8 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-0e178ee > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-0e178ee{font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-58f3889 .elementor-repeater-item-0f3d0d3.elementor-social-icon{background-color:#484848;}.elementor-162209 .elementor-element.elementor-element-58f3889{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-162209 .elementor-element.elementor-element-58f3889 .elementor-widget-container{text-align:left;}.elementor-162209 .elementor-element.elementor-element-ae8236f > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-1024d25 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-1024d25{font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-7b8b8c4 .elementor-repeater-item-0f3d0d3.elementor-social-icon{background-color:#484848;}.elementor-162209 .elementor-element.elementor-element-7b8b8c4{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-162209 .elementor-element.elementor-element-7b8b8c4 .elementor-widget-container{text-align:left;}.elementor-162209 .elementor-element.elementor-element-e457c68 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-3d042f5 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-3d042f5{font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-7e2de3e .elementor-repeater-item-0f3d0d3.elementor-social-icon{background-color:#484848;}.elementor-162209 .elementor-element.elementor-element-7e2de3e{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-162209 .elementor-element.elementor-element-7e2de3e .elementor-widget-container{text-align:left;}.elementor-162209 .elementor-element.elementor-element-20d68c3 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-c82703a > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-c82703a{font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-f64cad6 .elementor-repeater-item-0f3d0d3.elementor-social-icon{background-color:#484848;}.elementor-162209 .elementor-element.elementor-element-f64cad6{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-162209 .elementor-element.elementor-element-f64cad6 .elementor-widget-container{text-align:left;}.elementor-162209 .elementor-element.elementor-element-0588394 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-f451e95 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-f451e95{font-family:"Source Code Pro", Sans-serif;font-size:16px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-162209 .elementor-element.elementor-element-892582a .elementor-repeater-item-0f3d0d3.elementor-social-icon{background-color:#484848;}.elementor-162209 .elementor-element.elementor-element-892582a{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-162209 .elementor-element.elementor-element-892582a .elementor-widget-container{text-align:left;}.elementor-162209 .elementor-element.elementor-element-98c8dce > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-7a04cde > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-7a04cde{font-family:"Source Code Pro", Sans-serif;font-size:16px;}.elementor-162209 .elementor-element.elementor-element-5a8cb11 .elementor-repeater-item-0f3d0d3.elementor-social-icon{background-color:#484848;}.elementor-162209 .elementor-element.elementor-element-5a8cb11{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-162209 .elementor-element.elementor-element-5a8cb11 .elementor-widget-container{text-align:left;}.elementor-162209 .elementor-element.elementor-element-51bd3cc{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-51bd3cc::before, .elementor-162209 .elementor-element.elementor-element-51bd3cc > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-51bd3cc > .e-con-inner > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-51bd3cc > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-51bd3cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-51bd3cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-162209 .elementor-element.elementor-element-912ef52 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-912ef52.elementor-element{--align-self:flex-start;}.elementor-162209 .elementor-element.elementor-element-912ef52 .subtitle-top .subtitle{margin-bottom:0px;}.elementor-162209 .elementor-element.elementor-element-912ef52 .subtitle-bottom .subtitle{margin-top:0px;}.elementor-162209 .elementor-element.elementor-element-912ef52 h1, .elementor-162209 .elementor-element.elementor-element-912ef52 h2, .elementor-162209 .elementor-element.elementor-element-912ef52 h3, .elementor-162209 .elementor-element.elementor-element-912ef52 h4, .elementor-162209 .elementor-element.elementor-element-912ef52 h5, .elementor-162209 .elementor-element.elementor-element-912ef52 h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-6e2eda3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-34eed1b{--spacer-size:35px;}.elementor-162209 .elementor-element.elementor-element-ec074c0{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-ec074c0:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-ec074c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010913;}.elementor-162209 .elementor-element.elementor-element-4956b2b > .elementor-widget-container{padding:0px 0px 0px 35px;}.elementor-162209 .elementor-element.elementor-element-4956b2b .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-4956b2b .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-4956b2b h1, .elementor-162209 .elementor-element.elementor-element-4956b2b h2, .elementor-162209 .elementor-element.elementor-element-4956b2b h3, .elementor-162209 .elementor-element.elementor-element-4956b2b h4, .elementor-162209 .elementor-element.elementor-element-4956b2b h5, .elementor-162209 .elementor-element.elementor-element-4956b2b h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-8a429cb{--swiper-slides-to-display:3;--swiper-slides-gap:20px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-162209 .elementor-element.elementor-element-8a429cb > .elementor-widget-container{padding:0px 0px 0px 35px;}.elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-slide > .elementor-element{height:100%;}.elementor-162209 .elementor-element.elementor-element-8747b66{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-f340234{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;}.elementor-162209 .elementor-element.elementor-element-f340234 > .elementor-widget-container{padding:0px 80px 40px 40px;}.elementor-162209 .elementor-element.elementor-element-f340234.elementor-element{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-f340234 .subtitle-top .subtitle{margin-bottom:15px;}.elementor-162209 .elementor-element.elementor-element-f340234 .subtitle-bottom .subtitle{margin-top:15px;}.elementor-162209 .elementor-element.elementor-element-f340234 h1, .elementor-162209 .elementor-element.elementor-element-f340234 h2, .elementor-162209 .elementor-element.elementor-element-f340234 h3, .elementor-162209 .elementor-element.elementor-element-f340234 h4, .elementor-162209 .elementor-element.elementor-element-f340234 h5, .elementor-162209 .elementor-element.elementor-element-f340234 h6{font-weight:700;font-style:normal;}.elementor-162209 .elementor-element.elementor-element-840be9d{--swiper-slides-to-display:2;--swiper-slides-gap:22px;width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-162209 .elementor-element.elementor-element-840be9d > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-162209 .elementor-element.elementor-element-840be9d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-162209 .elementor-element.elementor-element-840be9d .swiper-slide > .elementor-element{height:100%;}.elementor-162209 .elementor-element.elementor-element-750218e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:70px;--padding-left:201px;--padding-right:0px;--z-index:5;}.elementor-162209 .elementor-element.elementor-element-750218e.e-con{--align-self:flex-start;}.elementor-162209 .elementor-element.elementor-element-8f45825 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-8f45825.elementor-element{--align-self:flex-start;}.elementor-162209 .elementor-element.elementor-element-8f45825 .subtitle-top .subtitle{margin-bottom:0px;}.elementor-162209 .elementor-element.elementor-element-8f45825 .subtitle-bottom .subtitle{margin-top:0px;}.elementor-162209 .elementor-element.elementor-element-8f45825 h1, .elementor-162209 .elementor-element.elementor-element-8f45825 h2, .elementor-162209 .elementor-element.elementor-element-8f45825 h3, .elementor-162209 .elementor-element.elementor-element-8f45825 h4, .elementor-162209 .elementor-element.elementor-element-8f45825 h5, .elementor-162209 .elementor-element.elementor-element-8f45825 h6{font-weight:700;font-style:normal;}body.elementor-page-162209:not(.elementor-motion-effects-element-type-background), body.elementor-page-162209 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-162209 .elementor-element.elementor-element-7e8cdee:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-7e8cdee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/07/Support-Mode-4x3-1-scaled.png");background-size:cover;}.elementor-162209 .elementor-element.elementor-element-7e8cdee{--z-index:0;}.elementor-162209 .elementor-element.elementor-element-f65eef6::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .e-con-inner > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/07/blend_assets_tab.jpeg");}.elementor-162209 .elementor-element.elementor-element-d50cae6{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-5dd9993 > .elementor-widget-container{margin:40px 20px 20px 20px;padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-5dd9993 h1, .elementor-162209 .elementor-element.elementor-element-5dd9993 h2, .elementor-162209 .elementor-element.elementor-element-5dd9993 h3, .elementor-162209 .elementor-element.elementor-element-5dd9993 h4, .elementor-162209 .elementor-element.elementor-element-5dd9993 h5, .elementor-162209 .elementor-element.elementor-element-5dd9993 h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-cdbb350 h1, .elementor-162209 .elementor-element.elementor-element-cdbb350 h2, .elementor-162209 .elementor-element.elementor-element-cdbb350 h3, .elementor-162209 .elementor-element.elementor-element-cdbb350 h4, .elementor-162209 .elementor-element.elementor-element-cdbb350 h5, .elementor-162209 .elementor-element.elementor-element-cdbb350 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-4409727{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-3b405e9 h1, .elementor-162209 .elementor-element.elementor-element-3b405e9 h2, .elementor-162209 .elementor-element.elementor-element-3b405e9 h3, .elementor-162209 .elementor-element.elementor-element-3b405e9 h4, .elementor-162209 .elementor-element.elementor-element-3b405e9 h5, .elementor-162209 .elementor-element.elementor-element-3b405e9 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-0107285{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-5bad798 h1, .elementor-162209 .elementor-element.elementor-element-5bad798 h2, .elementor-162209 .elementor-element.elementor-element-5bad798 h3, .elementor-162209 .elementor-element.elementor-element-5bad798 h4, .elementor-162209 .elementor-element.elementor-element-5bad798 h5, .elementor-162209 .elementor-element.elementor-element-5bad798 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-bb65cfb{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-e6a6519 h1, .elementor-162209 .elementor-element.elementor-element-e6a6519 h2, .elementor-162209 .elementor-element.elementor-element-e6a6519 h3, .elementor-162209 .elementor-element.elementor-element-e6a6519 h4, .elementor-162209 .elementor-element.elementor-element-e6a6519 h5, .elementor-162209 .elementor-element.elementor-element-e6a6519 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-d5b26c0{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-4a4c17d h1, .elementor-162209 .elementor-element.elementor-element-4a4c17d h2, .elementor-162209 .elementor-element.elementor-element-4a4c17d h3, .elementor-162209 .elementor-element.elementor-element-4a4c17d h4, .elementor-162209 .elementor-element.elementor-element-4a4c17d h5, .elementor-162209 .elementor-element.elementor-element-4a4c17d h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-7b0bd08{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-06f26a5 h1, .elementor-162209 .elementor-element.elementor-element-06f26a5 h2, .elementor-162209 .elementor-element.elementor-element-06f26a5 h3, .elementor-162209 .elementor-element.elementor-element-06f26a5 h4, .elementor-162209 .elementor-element.elementor-element-06f26a5 h5, .elementor-162209 .elementor-element.elementor-element-06f26a5 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-a193781{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-66b4aed h1, .elementor-162209 .elementor-element.elementor-element-66b4aed h2, .elementor-162209 .elementor-element.elementor-element-66b4aed h3, .elementor-162209 .elementor-element.elementor-element-66b4aed h4, .elementor-162209 .elementor-element.elementor-element-66b4aed h5, .elementor-162209 .elementor-element.elementor-element-66b4aed h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-826ac31{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-3ba6125 h1, .elementor-162209 .elementor-element.elementor-element-3ba6125 h2, .elementor-162209 .elementor-element.elementor-element-3ba6125 h3, .elementor-162209 .elementor-element.elementor-element-3ba6125 h4, .elementor-162209 .elementor-element.elementor-element-3ba6125 h5, .elementor-162209 .elementor-element.elementor-element-3ba6125 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-0b05778{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-8a43694{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-7e4345e{--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-5808900{--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-6286b34{--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-4ec7295{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-162209 .elementor-element.elementor-element-e900561{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-162209 .elementor-element.elementor-element-5be1eee{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-162209 .elementor-element.elementor-element-0e303c0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-162209 .elementor-element.elementor-element-92155ff{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-162209 .elementor-element.elementor-element-e44e90b{--z-index:5;}.elementor-162209 .elementor-element.elementor-element-ddd094b h1, .elementor-162209 .elementor-element.elementor-element-ddd094b h2, .elementor-162209 .elementor-element.elementor-element-ddd094b h3, .elementor-162209 .elementor-element.elementor-element-ddd094b h4, .elementor-162209 .elementor-element.elementor-element-ddd094b h5, .elementor-162209 .elementor-element.elementor-element-ddd094b h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-e0c2d26 > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-162209 .elementor-element.elementor-element-e0c2d26 h1, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h2, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h3, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h4, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h5, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-e0c2d26 .subtitle{font-size:13px;}.elementor-162209 .elementor-element.elementor-element-b619368{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-64d38f7{--min-height:100vh;--gap:100px 0px;--row-gap:100px;--column-gap:0px;--padding-top:70px;--padding-bottom:20px;--padding-left:100px;--padding-right:100px;}.elementor-162209 .elementor-element.elementor-element-04e1626 > .elementor-widget-container{margin:0px 20px 0px 20px;padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-04e1626 h1, .elementor-162209 .elementor-element.elementor-element-04e1626 h2, .elementor-162209 .elementor-element.elementor-element-04e1626 h3, .elementor-162209 .elementor-element.elementor-element-04e1626 h4, .elementor-162209 .elementor-element.elementor-element-04e1626 h5, .elementor-162209 .elementor-element.elementor-element-04e1626 h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-306e378{--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-63c8089 .team-member_description{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-fbf95da .team-member_description{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-99a4527 .team-member_description{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-aebb1a4 .team-member_subtitle{font-size:15px;}.elementor-162209 .elementor-element.elementor-element-2f2d063{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-3ae68f2{--min-height:100vh;--gap:60px 0px;--row-gap:60px;--column-gap:0px;--padding-top:70px;--padding-bottom:20px;--padding-left:100px;--padding-right:100px;}.elementor-162209 .elementor-element.elementor-element-53319e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-53319e7 h1, .elementor-162209 .elementor-element.elementor-element-53319e7 h2, .elementor-162209 .elementor-element.elementor-element-53319e7 h3, .elementor-162209 .elementor-element.elementor-element-53319e7 h4, .elementor-162209 .elementor-element.elementor-element-53319e7 h5, .elementor-162209 .elementor-element.elementor-element-53319e7 h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-7eaad95 > .elementor-widget-container{margin:0px 20px 60px 20px;padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-7eaad95 h1, .elementor-162209 .elementor-element.elementor-element-7eaad95 h2, .elementor-162209 .elementor-element.elementor-element-7eaad95 h3, .elementor-162209 .elementor-element.elementor-element-7eaad95 h4, .elementor-162209 .elementor-element.elementor-element-7eaad95 h5, .elementor-162209 .elementor-element.elementor-element-7eaad95 h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-c58cb26{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-c58cb26.e-con{--align-self:flex-start;}.elementor-162209 .elementor-element.elementor-element-8b2bf39 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-8b2bf39.elementor-element{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-8b2bf39 h1, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h2, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h3, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h4, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h5, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-912ef52 h1, .elementor-162209 .elementor-element.elementor-element-912ef52 h2, .elementor-162209 .elementor-element.elementor-element-912ef52 h3, .elementor-162209 .elementor-element.elementor-element-912ef52 h4, .elementor-162209 .elementor-element.elementor-element-912ef52 h5, .elementor-162209 .elementor-element.elementor-element-912ef52 h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-ec074c0{--min-height:72vh;--justify-content:center;--padding-top:100px;--padding-bottom:100px;--padding-left:80px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-4956b2b h1, .elementor-162209 .elementor-element.elementor-element-4956b2b h2, .elementor-162209 .elementor-element.elementor-element-4956b2b h3, .elementor-162209 .elementor-element.elementor-element-4956b2b h4, .elementor-162209 .elementor-element.elementor-element-4956b2b h5, .elementor-162209 .elementor-element.elementor-element-4956b2b h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-8a429cb{--swiper-slides-to-display:2;--swiper-slides-gap:45px;}.elementor-162209 .elementor-element.elementor-element-8747b66{--min-height:72vh;--padding-top:100px;--padding-bottom:50px;--padding-left:80px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-f340234 > .elementor-widget-container{padding:0px 90px 0px 35px;}.elementor-162209 .elementor-element.elementor-element-f340234.elementor-element{--align-self:flex-start;}.elementor-162209 .elementor-element.elementor-element-f340234 h1, .elementor-162209 .elementor-element.elementor-element-f340234 h2, .elementor-162209 .elementor-element.elementor-element-f340234 h3, .elementor-162209 .elementor-element.elementor-element-f340234 h4, .elementor-162209 .elementor-element.elementor-element-f340234 h5, .elementor-162209 .elementor-element.elementor-element-f340234 h6{font-size:30px;}.elementor-162209 .elementor-element.elementor-element-840be9d{--swiper-slides-to-display:2;--swiper-slides-gap:45px;--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-162209 .elementor-element.elementor-element-840be9d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 35px;}.elementor-162209 .elementor-element.elementor-element-750218e{--min-height:80vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:125px;--padding-right:0px;}}@media(max-width:767px){.elementor-162209 .elementor-element.elementor-element-7e8cdee:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-7e8cdee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/07/Support-Mode-9x16-1-scaled.png");background-position:center center;}.elementor-162209 .elementor-element.elementor-element-f65eef6::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .e-con-inner > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/07/blend_assets.jpeg");}body:not(.rtl) .elementor-162209 .elementor-element.elementor-element-f65eef6{left:0px;}body.rtl .elementor-162209 .elementor-element.elementor-element-f65eef6{right:0px;}.elementor-162209 .elementor-element.elementor-element-d50cae6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-5dd9993 h1, .elementor-162209 .elementor-element.elementor-element-5dd9993 h2, .elementor-162209 .elementor-element.elementor-element-5dd9993 h3, .elementor-162209 .elementor-element.elementor-element-5dd9993 h4, .elementor-162209 .elementor-element.elementor-element-5dd9993 h5, .elementor-162209 .elementor-element.elementor-element-5dd9993 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-cdbb350 h1, .elementor-162209 .elementor-element.elementor-element-cdbb350 h2, .elementor-162209 .elementor-element.elementor-element-cdbb350 h3, .elementor-162209 .elementor-element.elementor-element-cdbb350 h4, .elementor-162209 .elementor-element.elementor-element-cdbb350 h5, .elementor-162209 .elementor-element.elementor-element-cdbb350 h6{font-size:18px;}.elementor-162209 .elementor-element.elementor-element-3b405e9 h1, .elementor-162209 .elementor-element.elementor-element-3b405e9 h2, .elementor-162209 .elementor-element.elementor-element-3b405e9 h3, .elementor-162209 .elementor-element.elementor-element-3b405e9 h4, .elementor-162209 .elementor-element.elementor-element-3b405e9 h5, .elementor-162209 .elementor-element.elementor-element-3b405e9 h6{font-size:18px;}.elementor-162209 .elementor-element.elementor-element-5bad798 h1, .elementor-162209 .elementor-element.elementor-element-5bad798 h2, .elementor-162209 .elementor-element.elementor-element-5bad798 h3, .elementor-162209 .elementor-element.elementor-element-5bad798 h4, .elementor-162209 .elementor-element.elementor-element-5bad798 h5, .elementor-162209 .elementor-element.elementor-element-5bad798 h6{font-size:18px;}.elementor-162209 .elementor-element.elementor-element-e6a6519 h1, .elementor-162209 .elementor-element.elementor-element-e6a6519 h2, .elementor-162209 .elementor-element.elementor-element-e6a6519 h3, .elementor-162209 .elementor-element.elementor-element-e6a6519 h4, .elementor-162209 .elementor-element.elementor-element-e6a6519 h5, .elementor-162209 .elementor-element.elementor-element-e6a6519 h6{font-size:18px;}.elementor-162209 .elementor-element.elementor-element-4a4c17d h1, .elementor-162209 .elementor-element.elementor-element-4a4c17d h2, .elementor-162209 .elementor-element.elementor-element-4a4c17d h3, .elementor-162209 .elementor-element.elementor-element-4a4c17d h4, .elementor-162209 .elementor-element.elementor-element-4a4c17d h5, .elementor-162209 .elementor-element.elementor-element-4a4c17d h6{font-size:16px;}.elementor-162209 .elementor-element.elementor-element-7b0bd08{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-06f26a5 h1, .elementor-162209 .elementor-element.elementor-element-06f26a5 h2, .elementor-162209 .elementor-element.elementor-element-06f26a5 h3, .elementor-162209 .elementor-element.elementor-element-06f26a5 h4, .elementor-162209 .elementor-element.elementor-element-06f26a5 h5, .elementor-162209 .elementor-element.elementor-element-06f26a5 h6{font-size:16px;}.elementor-162209 .elementor-element.elementor-element-a193781{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-66b4aed h1, .elementor-162209 .elementor-element.elementor-element-66b4aed h2, .elementor-162209 .elementor-element.elementor-element-66b4aed h3, .elementor-162209 .elementor-element.elementor-element-66b4aed h4, .elementor-162209 .elementor-element.elementor-element-66b4aed h5, .elementor-162209 .elementor-element.elementor-element-66b4aed h6{font-size:16px;}.elementor-162209 .elementor-element.elementor-element-826ac31{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-3ba6125 h1, .elementor-162209 .elementor-element.elementor-element-3ba6125 h2, .elementor-162209 .elementor-element.elementor-element-3ba6125 h3, .elementor-162209 .elementor-element.elementor-element-3ba6125 h4, .elementor-162209 .elementor-element.elementor-element-3ba6125 h5, .elementor-162209 .elementor-element.elementor-element-3ba6125 h6{font-size:16px;}.elementor-162209 .elementor-element.elementor-element-0b05778{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-8a43694:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-8a43694 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-staging.idprojectdev.com/wp-content/uploads/2026/06/mobile_view_bg_1.jpeg");background-size:cover;}.elementor-162209 .elementor-element.elementor-element-8a43694{--width:100vw;--min-height:100vh;--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;--padding-top:7vw;--padding-bottom:7vw;--padding-left:1vw;--padding-right:1vw;}.elementor-162209 .elementor-element.elementor-element-7e4345e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-5808900{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-6286b34{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-4ec7295{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-162209 .elementor-element.elementor-element-e900561{--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-162209 .elementor-element.elementor-element-5be1eee{--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:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-162209 .elementor-element.elementor-element-0e303c0{--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:center;--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-162209 .elementor-element.elementor-element-92155ff{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-162209 .elementor-element.elementor-element-ddd094b h1, .elementor-162209 .elementor-element.elementor-element-ddd094b h2, .elementor-162209 .elementor-element.elementor-element-ddd094b h3, .elementor-162209 .elementor-element.elementor-element-ddd094b h4, .elementor-162209 .elementor-element.elementor-element-ddd094b h5, .elementor-162209 .elementor-element.elementor-element-ddd094b h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-6c0d4b9{--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-e0c2d26 h1, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h2, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h3, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h4, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h5, .elementor-162209 .elementor-element.elementor-element-e0c2d26 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-b619368{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-64d38f7{--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-162209 .elementor-element.elementor-element-04e1626 h1, .elementor-162209 .elementor-element.elementor-element-04e1626 h2, .elementor-162209 .elementor-element.elementor-element-04e1626 h3, .elementor-162209 .elementor-element.elementor-element-04e1626 h4, .elementor-162209 .elementor-element.elementor-element-04e1626 h5, .elementor-162209 .elementor-element.elementor-element-04e1626 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-306e378{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-2f2d063{--min-height:90vh;--padding-top:100px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-3ae68f2{--min-height:90vh;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-162209 .elementor-element.elementor-element-53319e7 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-162209 .elementor-element.elementor-element-53319e7 h1, .elementor-162209 .elementor-element.elementor-element-53319e7 h2, .elementor-162209 .elementor-element.elementor-element-53319e7 h3, .elementor-162209 .elementor-element.elementor-element-53319e7 h4, .elementor-162209 .elementor-element.elementor-element-53319e7 h5, .elementor-162209 .elementor-element.elementor-element-53319e7 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-6baae43{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-7eaad95 h1, .elementor-162209 .elementor-element.elementor-element-7eaad95 h2, .elementor-162209 .elementor-element.elementor-element-7eaad95 h3, .elementor-162209 .elementor-element.elementor-element-7eaad95 h4, .elementor-162209 .elementor-element.elementor-element-7eaad95 h5, .elementor-162209 .elementor-element.elementor-element-7eaad95 h6{font-size:20px;}.elementor-162209 .elementor-element.elementor-element-f4df3fa{--min-height:90vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-162209 .elementor-element.elementor-element-c58cb26{--min-height:90vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-8b2bf39 > .elementor-widget-container{margin:100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-162209 .elementor-element.elementor-element-8b2bf39.elementor-element{--align-self:center;}.elementor-162209 .elementor-element.elementor-element-8b2bf39 h1, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h2, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h3, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h4, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h5, .elementor-162209 .elementor-element.elementor-element-8b2bf39 h6{font-size:25px;}.elementor-162209 .elementor-element.elementor-element-109876f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-162209 .elementor-element.elementor-element-0e178ee{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-1024d25{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-3d042f5{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-c82703a{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-f451e95{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-7a04cde{font-size:11px;}.elementor-162209 .elementor-element.elementor-element-912ef52 h1, .elementor-162209 .elementor-element.elementor-element-912ef52 h2, .elementor-162209 .elementor-element.elementor-element-912ef52 h3, .elementor-162209 .elementor-element.elementor-element-912ef52 h4, .elementor-162209 .elementor-element.elementor-element-912ef52 h5, .elementor-162209 .elementor-element.elementor-element-912ef52 h6{font-size:25px;}.elementor-162209 .elementor-element.elementor-element-ec074c0{--min-height:84vh;--padding-top:10vw;--padding-bottom:10vw;--padding-left:10vw;--padding-right:0vw;}.elementor-162209 .elementor-element.elementor-element-4956b2b > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-162209 .elementor-element.elementor-element-4956b2b h1, .elementor-162209 .elementor-element.elementor-element-4956b2b h2, .elementor-162209 .elementor-element.elementor-element-4956b2b h3, .elementor-162209 .elementor-element.elementor-element-4956b2b h4, .elementor-162209 .elementor-element.elementor-element-4956b2b h5, .elementor-162209 .elementor-element.elementor-element-4956b2b h6{font-size:25px;}.elementor-162209 .elementor-element.elementor-element-8a429cb{--swiper-slides-to-display:1;}.elementor-162209 .elementor-element.elementor-element-8a429cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}.elementor-162209 .elementor-element.elementor-element-8747b66{--padding-top:10vw;--padding-bottom:10vw;--padding-left:10vw;--padding-right:0vw;}.elementor-162209 .elementor-element.elementor-element-f340234 > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-162209 .elementor-element.elementor-element-f340234{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-162209 .elementor-element.elementor-element-f340234 h1, .elementor-162209 .elementor-element.elementor-element-f340234 h2, .elementor-162209 .elementor-element.elementor-element-f340234 h3, .elementor-162209 .elementor-element.elementor-element-f340234 h4, .elementor-162209 .elementor-element.elementor-element-f340234 h5, .elementor-162209 .elementor-element.elementor-element-f340234 h6{font-size:25px;}.elementor-162209 .elementor-element.elementor-element-840be9d{--swiper-slides-to-display:1;}.elementor-162209 .elementor-element.elementor-element-840be9d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}.elementor-162209 .elementor-element.elementor-element-750218e{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162209 .elementor-element.elementor-element-8f45825 h1, .elementor-162209 .elementor-element.elementor-element-8f45825 h2, .elementor-162209 .elementor-element.elementor-element-8f45825 h3, .elementor-162209 .elementor-element.elementor-element-8f45825 h4, .elementor-162209 .elementor-element.elementor-element-8f45825 h5, .elementor-162209 .elementor-element.elementor-element-8f45825 h6{font-size:25px;}}@media(min-width:768px){.elementor-162209 .elementor-element.elementor-element-f65eef6{--width:125vw;}.elementor-162209 .elementor-element.elementor-element-ccf5e4c{--width:100%;}.elementor-162209 .elementor-element.elementor-element-edefae5{--width:100%;}.elementor-162209 .elementor-element.elementor-element-ccc1c5a{--width:100%;}.elementor-162209 .elementor-element.elementor-element-a690d03{--width:100%;}.elementor-162209 .elementor-element.elementor-element-306e378{--width:100%;}.elementor-162209 .elementor-element.elementor-element-51bd3cc{--width:100%;}.elementor-162209 .elementor-element.elementor-element-750218e{--width:100%;}}@media(min-width:1025px){.elementor-162209 .elementor-element.elementor-element-7e8cdee:not(.elementor-motion-effects-element-type-background), .elementor-162209 .elementor-element.elementor-element-7e8cdee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-162209 .elementor-element.elementor-element-f65eef6::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .e-con-inner > .elementor-background-video-container::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-162209 .elementor-element.elementor-element-f65eef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(min-width:2400px){.elementor-162209 .elementor-element.elementor-element-7e4345e{--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-5808900{--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-6286b34{--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-306e378{--grid-auto-flow:row;}.elementor-162209 .elementor-element.elementor-element-8a429cb{--swiper-slides-to-display:3;}.elementor-162209 .elementor-element.elementor-element-840be9d{--swiper-slides-to-display:3;}}/* Start custom CSS for container, class: .elementor-element-f65eef6 *//* Enhanced Seamless Masking */
.elementor-162209 .elementor-element.elementor-element-f65eef6 {
    mask-image: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0) 0%, 
        rgba(0, 0, 0, 0.8) 45%, 
        rgba(0, 0, 0, 0.9) 65%,
        rgba(0, 0, 0, 0.9) 75%,
        rgba(0, 0, 0, 0) 100%
    )
}

    .elementor-element-7e8cdee {
        position: relative !important;
        overflow: visible !important;
        z-index: 20 !important;
    }

@media (min-width: 400px) and (max-width: 450px) {
    
    body:not(.rtl) .elementor-element.elementor-element-f65eef6 {
        position: absolute !important;
        bottom: -50px !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        width: 100% !important;
        z-index: 15 !important;
        height: 28vh !important;  /* Increased height slightly so the gradient transition is less compressed */
        top: 710px !important;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    
    body:not(.rtl) .elementor-element.elementor-element-f65eef6 {
            position: absolute !important;
            bottom: -50px !important;
            left: 0 !important;
            right: 0 !important;
            transform: none !important;
            width: 100% !important;
            z-index: 15 !important;
            height: 30vh !important;
            top: 1125px !important;
    }
}

@media (min-width: 1025px) {
    .elementor-162209 .elementor-element.elementor-element-f65eef6 {
        mask-image: linear-gradient(
        to bottom,
            rgba(0, 0, 0, 1) 0%, 
            rgba(0, 0, 0, 0.8) 25%, 
            rgba(0, 0, 0, 0.8) 45%,
            rgba(0, 0, 0, 0.6) 55%,
            rgba(0, 0, 0, 0) 100%
        )
    }
    body:not(.rtl) .elementor-element.elementor-element-f65eef6 {
            position: absolute !important;
            bottom: -250px !important;
            left: 0 !important;
            right: 0 !important;
            transform: none !important;
            width: 100% !important;
            z-index: 15 !important;
            height: 30vh !important;
            /*top: 925px !important;*/
    }
}

@media (min-width: 1380px) {
    .elementor-162209 .elementor-element.elementor-element-f65eef6 {
        mask-image: linear-gradient(
            to bottom, 
            rgba(0, 0, 0, 0) 0%, 
            rgba(0, 0, 0, 0.8) 5%, 
            rgba(0, 0, 0, 0.9) 25%,
            rgba(0, 0, 0, 0.9) 55%,
            rgba(0, 0, 0, 0) 100%
        )
    }
    body:not(.rtl) .elementor-element.elementor-element-f65eef6 {
            position: absolute !important;
            bottom: -150px !important;
            left: 0 !important;
            right: 0 !important;
            transform: none !important;
            width: 100% !important;
            z-index: 15 !important;
            height: 30vh !important;
            /*top: 925px !important;*/
    }
}

@media (min-width: 1780px) {
    .elementor-162209 .elementor-element.elementor-element-f65eef6 {
        mask-image: linear-gradient(
            to bottom, 
            rgba(0, 0, 0, 0) 0%, 
            rgba(0, 0, 0, 0.6) 25%, 
            rgba(0, 0, 0, 0.8) 45%,
            rgba(0, 0, 0, 1) 65%,
            rgba(0, 0, 0, 0) 100%
        )
    }
    body:not(.rtl) .elementor-element.elementor-element-f65eef6 {
            position: absolute !important;
            bottom: -50px !important;
            left: 0 !important;
            right: 0 !important;
            transform: none !important;
            width: 100% !important;
            z-index: 15 !important;
            height: 30vh !important;
            top: 925px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-625d63e *//* If placing in Elementor's Advanced > Custom CSS tab */
.elementor-162209 .elementor-element.elementor-element-625d63e {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ccf5e4c */.elementor-162209 .elementor-element.elementor-element-ccf5e4c {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}

/* 1. Break the video widget out of Flexbox and lock it to the corners */
.elementor-162209 .elementor-element.elementor-element-ccf5e4c .elementor-widget-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0; /* Keeps it behind any text/content you add later */
}

/* 2. Force Elementor's inner wrapper divs to expand to 100% */
.elementor-162209 .elementor-element.elementor-element-ccf5e4c .elementor-widget-video .elementor-widget-container,
.elementor-162209 .elementor-element.elementor-element-ccf5e4c .elementor-widget-video .e-hosted-video {
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
}

/* 3. Force the raw HTML video tag to cover the space without distortion */
.elementor-162209 .elementor-element.elementor-element-ccf5e4c video.elementor-video {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d50cae6 *//* =========================
   ANIMATIONS
========================= */
@keyframes fadeInExecutiveTexture {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75; /* Matches your target opacity for this specific card */
    }
}

/* =========================
  Executive-summary
========================= */

#executive-summary{
    position: relative;

    display: inline-flex;
    flex-direction: column;

    /*width: fit-content;*/
    /*height: fit-content;*/
    max-width: 100%;
    flex: 0 0 auto;

    padding: 40px;
    border-radius: 24px;
    overflow: hidden;

    background:
        linear-gradient(
            160deg,
            rgba(255,255,255,0.06),
            rgba(255,255,255,0.015)
        );

    backdrop-filter:
        blur(24px)
        saturate(140%)
        contrast(110%);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(140%)
        contrast(110%);

    border: 1px solid rgba(255,255,255,0.10);

    box-shadow:
        inset 0 1px rgba(255,255,255,0.08),
        inset 0 -1px rgba(255,255,255,0.03),
        inset 0 0 40px rgba(255,255,255,0.05),
        0 10px 40px rgba(0,0,0,0.4);

    isolation: isolate;
}

/* =========================
   REAL GLASS MATERIAL
========================= */
#executive-summary::before {
    content: '';

    /* FIXED: Changed from 'cover' (invalid) to 'absolute' */
    position: absolute; 

    /* FULL VIEWPORT SIZE */
    width: 100vw;
    height: 100vh;

    /* ALIGN TO VIEWPORT */
    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%)
        scale(1.05);

    z-index: 1;
    pointer-events: none;

    /* MODIFIED: Start at 0 for the animation */
    opacity: 0; 

    background:
        url('http://staging.secondunitasia.com/wp-content/uploads/2026/05/Logline-sypnosis-V3-code.png')
        center center / cover no-repeat;

    mix-blend-mode: screen;

    filter:
        contrast(115%)
        brightness(1.08)
        saturate(120%)
        blur(0.3px);
}

#executive-summary.is-in-view::before {
    animation: fadeInExecutiveTexture 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 0.3s;
}

/* =========================
   BOLDER SCREEN PIXEL TEXTURE
========================= */

#executive-summary::after{
    content: '';

    position: absolute;
    inset: 0;

    z-index: 3;
    pointer-events: none;

    opacity: 0.;

    background-image:

        radial-gradient(
            rgba(10,20,30,0.28) 1px,
            transparent 1px
        ),

        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,0.035),
            rgba(255,255,255,0.035) 1px,
            transparent 1px,
            transparent 2px
        );

    background-size:
        3px 3px,
        100% 2px;

    mix-blend-mode: multiply;
}

/* =========================
   CONTENT ABOVE OVERLAYS
========================= */

#executive-summary > *{
    position: relative;
    z-index: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a43694 *//* ==========================================================================
   1. WHY NOW - LANDSCAPE & TEAM MEMBERS
   ========================================================================== */
.why-now-landscape .team-member_wrap {
    padding-bottom: 0px !important;
}

.why-now-landscape .team-member_image img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
}

.why-now-landscape .cover-content {
    height: auto !important;
    min-height: 280px !important;
}

.why-now-landscape .center-aligned {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 280px !important;
}

/* ==========================================================================
   2. ANIMATIONS
   ========================================================================== */
@keyframes fadeInTexture {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.65;
    }
}

/* ==========================================================================
   3. WHY NOW - MAIN CARD
   ========================================================================== */
#why-now-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 70px 30px 70px 30px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(
        160deg,
        rgba(0, 0, 0, 0.2),
        rgba(0, 0, 0, 0.2)
    );
    box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.08),
        inset 0 -1px rgba(255, 255, 255, 0.03),
        inset 0 0 40px rgba(255, 255, 255, 0.05),
        0 10px 40px rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(24px) saturate(140%) contrast(110%) brightness(80%);
    -webkit-backdrop-filter: blur(24px) saturate(140%) contrast(110%) brightness(80%);
    isolation: isolate;
}

/* Card Content Z-Index Elevation */
#why-now-card > * {
    position: relative;
    z-index: 5;
}

/* ==========================================================================
   4. WHY NOW - BACKGROUND TEXTURES (PSEUDO-ELEMENTS)
   ========================================================================== */

/* Glass Texture Background */
#why-now-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100vw;
    height: 100%;
    pointer-events: none;
    opacity: 0; 
    background: url('http://staging.secondunitasia.com/wp-content/uploads/2026/05/key-characters-v7.png') center center / cover no-repeat;
    transform: translateX(-50%) scale(1);
    mix-blend-mode: overlay; 
    filter: contrast(115%) brightness(1.2) saturate(120%) blur(0.3px);
}

#why-now-card.is-in-view::before {
    animation: fadeInTexture 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 0.3s;
}

/* Pixel Grid Overlay */
#why-now-card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0.15;
    background-image:
        radial-gradient(
            rgba(10, 20, 30, 0.28) 1px,
            transparent 1px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.035),
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px,
            transparent 2px
        );
    background-size:
        3px 3px,
        100% 2px;
    mix-blend-mode: multiply;
}

@media (max-width: 800px) {
  /* BULLETPROOF OVERRIDE: Kills the fade-in animation on mobile for the Why Now card */
  #why-now-card::before,
  #why-now-card.is-in-view::before {
    animation: none !important;
    transition: none !important; 
    opacity: 0.65 !important; /* Forces it to the final visible state instantly */
  }
}

/* ==========================================================================
   5. RESPONSIVE VIEWPORTS (PADDING ADJUSTMENTS)
   ========================================================================== */
   
/*@media (min-width: 1400px) {*/
/*    #why-now-card {*/
/*        width: 70vw;*/
/*    }*/
/*}*/

/* Tablets and Small Laptops */
/*@media (max-width: 991px) {*/
/*    #why-now-card {*/
/*        padding: 40px;*/
/*    }*/
/*}*/

/* Mobile Devices */
/*@media (max-width: 479px) {*/
/*    #why-now-card {*/
/*        padding: 20px 10px 10px;*/
/*        border-radius: 16px;*/
/*    }*/
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-955c0c5 */.elementor-162209 .elementor-element.elementor-element-955c0c5 {
    /* 1. Your fading transparency effect (cleaned up redundant code) */
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    background-color: rgba(0, 0, 0, 0.1) !important; 
    background-blend-mode: multiply !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7f1aa9 */.elementor-162209 .elementor-element.elementor-element-d7f1aa9 {
    /* 1. Your fading transparency effect (cleaned up redundant code) */
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c0d4b9 *//* 1. Make the main slider relative so the buttons position themselves inside it */
.the-world-section .ohio-slider {
    position: relative !important;
}

/* 2. Position the navigation container absolutely in the vertical center */
.the-world-section .clb-slider-nav-btn {
    position: absolute;
    /* Subtracts 35px from 50% to account for the 70px bottom padding on your image */
    top: calc(50% - 35px); 
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 10;
    pointer-events: none; /* Lets you click the image through the empty space */
}

/* 3. Re-enable clicks on the buttons themselves and add side spacing */
.the-world-section .clb-slider-nav-btn .prev-btn,
.the-world-section .clb-slider-nav-btn .next-btn {
    pointer-events: auto;
    margin: 0 20px; 
    position: relative;
}
/* Removes residual borders or shadows */
.the-world-section {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove background color from the slider buttons and their inner icons */
.the-world-section .clb-slider-nav-btn .prev-btn,
.the-world-section .clb-slider-nav-btn .next-btn,
.the-world-section .clb-slider-nav-btn .prev-btn i.ion,
.the-world-section .clb-slider-nav-btn .next-btn i.ion {
    background-color: transparent !important;
    background: none !important;
}

/* Add a border to the circular button containers */
.the-world-section .clb-slider-nav-btn .prev-btn i.ion,
.the-world-section .clb-slider-nav-btn .next-btn i.ion{
    border: 1px solid #FFFFFF !important; /* Adjust thickness and color here */
    border-radius: 50% !important; /* Keeps the border perfectly round */
}

/* Push the left arrow further out */
.the-world-section .clb-slider-nav-btn .prev-btn {
    left: 50px !important; /* Increase this number (e.g., -80px) to push it wider */
}
    
/* Push the right arrow further out */
.the-world-section .clb-slider-nav-btn .next-btn {
    right: 50px !important; /* Increase this number (e.g., -80px) to push it wider */
}

/* If the line is actually a 1px rendering gap showing the body background */
.the-world-section {
    margin-bottom: -1px !important;
}


/*Paragraph Style*/ 

/* Target the specific paragraph describing the world */
#the-world-paragraph {
    /* Set the maximum height and make it scrollable */
    max-height: 380px; /* Adjust this to control how much text is visible before scrolling */
    overflow-y: auto;
    
    /* Clean UI: Hide the scrollbars */
    -ms-overflow-style: none;
    scrollbar-width: none;
    
    /* Establish the 3D space */
    perspective: 800px;
    perspective-origin: 50% 100%; /* Anchor the perspective to the bottom */
    
    /* The Fade-Out Mask - fades to transparent at the bottom */
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 95%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 95%);
    
    /* Center the text and give it room to tilt */
    text-align: center;
    padding: 20px;
}

/* Hide webkit scrollbars */
#the-world-paragraph::-webkit-scrollbar {
    display: none;
}

/* The actual 3D tilt effect on the text lines */
#the-world-paragraph {
    /* Pushes the bottom edge away, shrinking it */
    transform: rotateX(20deg);
    
    /* Keeps the top of the text anchored to the screen */
    transform-origin: top center;
    
    /* Keep the font looking sharp during the transform */
    -webkit-font-smoothing: antialiased;
    will-change: transform;
}

/* 1. Hide it on load without breaking the opacity animation */
#sub-text-the-world {
    visibility: hidden !important; 
}

/* 2. When JS adds the class, make it visible and fire the flicker */
#sub-text-the-world.is-in-view {
    visibility: visible !important;
    animation: voltageFlicker 5s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

/* =========================
   VOLTAGE DROP ANIMATION
========================= */
@keyframes voltageFlicker {
    0% {
        opacity: 0;
        text-shadow: none;
    }
    /* 1. Initial fade in (Powering up) */
    15% {
        opacity: 0.8;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    }
    /* 2. First sharp voltage drop */
    18% {
        opacity: 0.2;
        text-shadow: none;
    }
    /* 3. Power surge */
    22% {
        opacity: 0.9;
        text-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
    }
    /* 4. Second quick drop */
    25% {
        opacity: 0.1;
        text-shadow: none;
    }
    /* 5. Stuttering back to life */
    30% { opacity: 1; }
    34% { opacity: 0.4; }
    38% { opacity: 1; }
    42% { opacity: 0.7; }
    
    /* 6. Fully stabilized bright light */
    50% {
        opacity: 1;
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.4); /* Leaves a slight ambient glow */
    }
    100% {
        opacity: 1;
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
    }
}

@media (max-width: 480px) {
    .the-world-section .clb-slider-nav-btn {
        top: calc(50% - 50px);
    }
    .the-world-section .clb-slider-nav-btn .prev-btn {
        left: 35px !important;
    }
    .the-world-section .clb-slider-nav-btn .next-btn {
        right: 35px !important;
    }
}

@media (max-width: 410px) {.the-world-section .clb-slider-nav-btn {
        top: calc(50% - 40px);
    }
    .the-world-section .clb-slider-nav-btn .prev-btn {
        left: 20px !important;
    }
    .the-world-section .clb-slider-nav-btn .next-btn {
        right: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b619368 *//* ==========================================================
   REFERENCE CARD
   Glassmorphism + Ohio Accordion
========================================================== */

/* ==========================================================
   WRAPPER
========================================================== */

#reference-card-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;

    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Full-width background image */

#reference-card-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    width: 100vw;
    height: 100%;

    left: 50%;
    transform: translateX(-50%);

    background:
        url("http://staging.secondunitasia.com/wp-content/uploads/2026/05/key-characters-v7.png")
        center center / cover no-repeat;

    mix-blend-mode: overlay;
    opacity: 1;
}

/* Content above background */

#reference-card-wrapper > .elementor-element {
    position: relative;
    z-index: 5;
}


/* ==========================================================
   ACCORDION ITEMS
========================================================== */

.ref-accordion-item .accordionItem {

    background: transparent !important;

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

    border-radius: 15px !important;

    margin-bottom: 15px;

    overflow: hidden;

    transition:
        border-color .3s ease,
        transform .3s ease,
        background .3s ease;
}


/* Header */

.ref-accordion-item .accordionItem_title {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    background: rgba(0,0,0,.60) !important;

    padding: 20px 24px;

    transition: background .3s ease;
}


/* Content */

.ref-accordion-item .accordionItem_content {

    background: rgba(0,0,0,.40) !important;
}


/* Hover */

.ref-accordion-item .accordionItem:hover {

    border-color: rgba(255,255,255,.30) !important;
}

.ref-accordion-item .accordionItem:hover .accordionItem_title {

    background: rgba(0,0,0,.95) !important;
}


/* Active */

.ref-accordion-item .accordionItem.active {

    border-left: 3px solid #fff !important;
}

.ref-accordion-item .accordionItem.active .accordionItem_title {

    background: rgba(0,0,0,.95) !important;
}


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

.ref-accordion-item .accordionItem_title h6 {

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

    flex: 1;

    color: #fff !important;

    font-weight: 800 !important;
    font-style: italic !important;

    font-size: 20px !important;
    line-height: 1.35 !important;

    letter-spacing: 1px !important;

    word-break: break-word;
    overflow-wrap: anywhere;
}


/* Body */

.ref-accordion-item .accordionItem_content p {

    color: rgba(255,255,255,1) !important;
    text-align: justify;
    /*font-size: 14px;*/
    line-height: 1.7 !important;

    margin: 0 !important;

    padding: 0 15px 15px;
}


/* ACCORDION BUTTON */

.ref-accordion-item .accordionItem_control {

    width: 38px;
    height: 38px;

    min-width: 38px;
    min-height: 38px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}

.ref-accordion-item .accordionItem_control i {

    font-size: 15px;
}

.border-rounded{
    border-radius: 15px !important;
}


/**/

.reference .team-member_wrap {
    padding: 15px 25px !important;
    
    position: absolute;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4,0,.2,1).4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 1;
    opacity: 0;

    /* NEW: stack children (title + desc) at the bottom */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.reference .team-member_description_wrap {
    position: relative;
    background: rgba(0, 0, 0, 0) !important;
    border-radius: 10px;
    padding: 0px !important;
    box-sizing: border-box;
    width: 100%;

    /* CHANGED: don't force full height, let it size to content */
    height: auto;
}

.reference .team-member_description{
    mask-image: linear-gradient(to bottom, black 95%, transparent 100%);
}

.reference .team-member_image{
    border-radius: 25px;
}
/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

    #reference-card-wrapper{

        border-radius:18px;
    }

    .ref-accordion-item .accordionItem{

        margin-bottom:12px;
    }

    .ref-accordion-item .accordionItem_title{

        gap:16px;

        padding:18px 20px;
    }

    .ref-accordion-item .accordionItem_title h6{

        font-size:18px !important;

        letter-spacing:.5px !important;
    }

    .ref-accordion-item .accordionItem_content p{

        text-align: justify;
        /*font-size: 17px !important;*/
        padding: 0 0 20px 0;
    }
    
    #reference-card-wrapper::before {
        background-position: center center !important;
        background-size: 250% auto !important; /* Adjust if it feels too zoomed in/out */
        background-attachment: scroll !important;
    }

}


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

@media (max-width:767px){

    #reference-card-wrapper{

        border-radius:16px;
    }

    .ref-accordion-item .accordionItem{

        border-radius:12px !important;

        margin-bottom:10px;
    }

    .ref-accordion-item .accordionItem_title{

        gap:12px;

        padding:16px 18px;
    }

    .ref-accordion-item .accordionItem_title h6{

        font-size:16px !important;

        line-height:1.4 !important;

        letter-spacing:.3px !important;
    }

    .ref-accordion-item .accordionItem_content p{

        /*font-size:14px !important;*/

        line-height:1.65 !important;

        padding:0 18px 18px;
    }

    .ref-accordion-item .accordionItem_control{

        width:34px;
        height:34px;

        min-width:34px;
        min-height:34px;
    }

    .ref-accordion-item .accordionItem_control i{

        font-size:14px;
    }
    
    #reference-card-wrapper::before {
        background-position: center center !important;
        background-size: 465% auto !important; /* Matches your finance summary scale */
        background-attachment: scroll !important;
    }

}


/* ==========================================================
   SMALL PHONES
========================================================== */

@media (max-width:480px){

    #reference-card-wrapper{

        border-radius:14px;
    }

    .ref-accordion-item .accordionItem{

        border-radius:10px !important;
    }

    .ref-accordion-item .accordionItem_title{

        padding:15px 16px;
    }

    .ref-accordion-item .accordionItem_title h6{

        /*font-size:15px !important;*/
    }

    .ref-accordion-item .accordionItem_content p{

        /*font-size:13px !important;*/

        line-height:1.6 !important;

        padding:0 10px 10px;
    }

    .ref-accordion-item .accordionItem_control{

        width:30px;
        height:30px;

        min-width:30px;
        min-height:30px;
    }

    .ref-accordion-item .accordionItem_control i{

        font-size:13px;
    }
    .accordion .accordionItem_content .wrap {
            padding: 20px 10px;
    }
    
    #reference-card-wrapper::before {
        background-position: center center !important;
        background-size: 465% auto !important; /* Matches your finance summary scale */
        background-attachment: scroll !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f2d063 */.music-sound-card {
    position: relative;
    /*padding: 50px;*/
    border-radius: 20px;
    
    /* Lighter Frosted Glass for testing */
    /*background: rgba(255, 255, 255, 0.05); */
    /*backdrop-filter: blur(24px) saturate(120%);*/
    /*-webkit-backdrop-filter: blur(24px) saturate(120%);*/
    background: rgba(0, 0, 0, 0.2);
    /* Slightly more visible border to see the container edges */
    /*border: 1px solid rgba(255, 255, 255, 0.15); */
    overflow: hidden; /* Keeps the background image inside the rounded corners */
}

/* THE 100VW OVERFLOW BACKGROUND (Matches the Why Now section) */
.music-sound-card::before {
    content: '';
    position: absolute;
    z-index: 1;
    pointer-events: none;
    
    /* Expand to full screen width */
    width: 100vw;
    height: 100%;
    
    /* Center it perfectly */
    left: 50%;
    transform: translateX(-50%) scale(1);
    
    /* Adjust opacity so it's visible but not overwhelming the lighter theme */
    opacity: 1; 

    /*background: url('http://staging.secondunitasia.com/wp-content/uploads/2026/05/key-characters-v7.png') center center / cover no-repeat;*/
    mix-blend-mode: overlay; 
}

/* The Body Text / System Log */
.music-sound-card p {
    color: rgba(255, 255, 255, 1) !important;
    line-height: 1.6 !important;
    /*padding: 0 24px 24px 24px !important;*/
}

@media (min-width: 2024px) {
    /* The Body Text / System Log */
    .music-sound-card p {
        font-size: 18px !important;
    }
}
/* ==========================================================
   TABLET
========================================================== */
@media (max-width: 1024px) {
    /* The Body Text / System Log */
    .music-sound-card p {
        color: rgba(255, 255, 255, 1) !important;
        line-height: 1.6 !important;
        padding: 10px 0 10px 0 !important;
    }
    
    /* Fix Background Texture Stretching */
    .music-sound-card::before {
        background-position: center center !important;
        background-size: 250% auto !important; /* Adjust percentage as needed */
        background-attachment: scroll !important;
    }
}

/* ==========================================================
   Mobile
========================================================== */
@media (max-width: 480px) {
    /* The Body Text / System Log */
    .music-sound-card p {
        color: rgba(255, 255, 255, 1) !important;
        line-height: 1.6 !important;
        padding: 10px 0 10px 0 !important;
    }
    
    /* Fix Background Texture Stretching */
    .music-sound-card::before {
        background-position: center center !important;
        background-size: 465% auto !important; /* Matches your finance summary scale */
        background-attachment: scroll !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6baae43 *//* Stack both images on top of each other */
.animate-key-characters-card .elementor-element-9e68835 .elementor-widget-image {
    position: absolute;
    top: 0;
    left: 0;
}

/* Pull the container out of flow so it has actual height */
.animate-key-characters-card .elementor-element-9e68835 img {
    display: block;
    width: 200px; /* adjust to your size */
    height: auto;
}

/* Top image (Marcus) — Added grayscale filter */
.animate-key-characters-card .marcus-img {
    transition: opacity 0.4s ease !important;
    cursor: pointer;
    z-index: 2;
    filter: grayscale(100%); 
}

/* Top image hover — fade out to reveal Joseph underneath */
.animate-key-characters-card .marcus-img:hover {
    opacity: 0 !important;
}

/* Bottom image (Joseph) — Added grayscale filter */
.animate-key-characters-card .joseph-img {
    z-index: 1;
    filter: grayscale(100%);
}

/* =========================
   ANIMATIONS
========================= */
@keyframes fadeInTextureKey {
    0%   { opacity: 0; }
    100% { opacity: 0.65; }
}



/* =========================

   KEY CHAR - MAIN CARD

========================= */

.animate-key-characters-card {

    /*flex-direction: column;*/

    /*width: 100%;*/

    position: relative;

    display: flex;

    height: auto; /* Allows card to stretch dynamically */

    padding: 40px;

    border-radius: 24px;

    overflow: hidden; /* Crucial: Keeps textures inside the rounded corners */



    /* CHANGED: Switched to a dark gradient */

    background: linear-gradient(

        160deg,

        rgba(0, 0, 0, 0.2),

        rgba(0, 0, 0, 0.2)

    );



    /* CHANGED: Added brightness(60%) to darken the background behind the card */

    backdrop-filter: blur(24px) saturate(140%) contrast(110%) brightness(80%);

    -webkit-backdrop-filter: blur(24px) saturate(140%) contrast(110%) brightness(80%);



    /* Slightly darkened the border to match the new dark theme */

    border: 1px solid rgba(255,255,255,0.05);



    box-shadow:

        inset 0 1px rgba(255,255,255,0.08),

        inset 0 -1px rgba(255,255,255,0.03),

        inset 0 0 40px rgba(255,255,255,0.05),

        0 10px 40px rgba(0,0,0,0.6); /* Slightly increased outer shadow for depth */



    isolation: isolate;

}

/* =========================
   WHY NOW - PIXEL GRID
========================= */
.animate-key-characters-card::after {
    content: '';
    position: absolute;
    inset: 0; /* Stretches to cover the full card height */
    
    z-index: 3;
    pointer-events: none;
    opacity: 0.15; /* Adjusted opacity so it's visible */

    background-image:
        radial-gradient(
            rgba(10,20,30,0.28) 1px,
            transparent 1px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,0.035),
            rgba(255,255,255,0.035) 1px,
            transparent 1px,
            transparent 2px
        );

    background-size:
        3px 3px,
        100% 2px;

    mix-blend-mode: multiply;
}

/* =========================
   WHY NOW - CONTENT Z-INDEX
========================= */
.animate-key-characters-card > * {
    position: relative;
    z-index: 5;
}
/* =========================
   TYPOGRAPHY
========================= */

@media (min-width: 2024px) {
    /* The Body Text / System Log */
  .animate-key-characters-card p {
    font-size: 18px !important;
  }
}

/* Mobile: fix background overlay attachment */
@media (max-width: 1024px) {
  .animate-key-characters-card {
    backdrop-filter: blur(10px) saturate(130%) contrast(105%) brightness(85%);
    -webkit-backdrop-filter: blur(10px) saturate(130%) contrast(105%) brightness(85%);
  }
  .animate-key-characters-card::after {
    opacity: 0.08;
    background-size: 6px 6px, 100% 4px;
  }
}

@media (max-width: 450px) {
  .animate-key-characters-card {
    backdrop-filter: blur(6px) saturate(120%) contrast(105%) brightness(85%);
    -webkit-backdrop-filter: blur(6px) saturate(120%) contrast(105%) brightness(85%);
    padding: 20px;
  }
  .animate-key-characters-card::after {
    opacity: 0.06;
    background-size: 8px 8px, 100% 6px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109876f *//* ============================================
   TRACK
   ============================================ */
.elementor-element.elementor-element-59bd2c5.e-con {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 40px;
  scrollbar-width: none;
  align-items: center;
  padding-left: 15%;
  padding-right: 15%;
}
.elementor-element-59bd2c5::-webkit-scrollbar {
  display: none;
}
/* =============================    ===============
   SLIDES — default (screens above 14" laptops, e.g. large desktop/monitor)
   ============================================ */
.team-carousel-track > .elementor-element {
  flex: 0 0 90% !important;
  min-width: 90% !important;
  scroll-snap-align: center;
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0.4;
  transform: scale(0.85);
  align-items: stretch !important;
}
.team-carousel-track > .elementor-element.is-active-slide {
  opacity: 1;
  transform: scale(1);
}


.bio-scroll {
  max-height: 100% !important;
}

/* ============================================
   14" laptops and smaller, down to 1200px — bump to 80%
   ============================================ */


@media (min-width: 1440px) {
    .team-slide-text > .e-div-block-base {
        min-height: 350px; /* Adjust this value to your preferred height */
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1440px) and (min-width: 1200px) {
  .team-carousel-track > .elementor-element {
    flex: 0 0 80% !important;
    min-width: 80% !important;
  }
}

@media (max-width: 1300px){
  .elementor-162209 .elementor-element.elementor-element-109876f {
    padding-left: 0px !important; 
    padding-right: 0px !important;
  }
}

@media (max-width: 1280px) {
    .bio-scroll {
        -webkit-mask-image: linear-gradient(to bottom, black 0%, black 75%, transparent 100%);
        mask-image: linear-gradient(to bottom, black 0%, black 75%, transparent 100%);
    
        scrollbar-width: none;
        -ms-overflow-style: none;
    
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* ============================================
   Below 1200px — floor the layout, don't let it keep shrinking
   ============================================ */
@media (max-width: 1199px) {
  .team-carousel-track {
    min-width: 1200px !important; /* forces horizontal scroll on the track itself instead of squeezing cards */
  }
}

/* ============================================
   TABLET — 768px to 1199px: stack image over text
   ============================================ */
@media (max-width: 1199px) and (min-width: 768px) {
  .team-carousel-track {
    min-width: 100% !important;
    padding-left: 8% !important;
    padding-right: 8% !important;
    gap: 30px !important;
  }

  .team-carousel-track > .elementor-element {
    flex: 0 0 85% !important;
    min-width: 85% !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 40px !important;
  }

  /* Text Column (Left) */
  .elementor-element-59bd2c5 > .elementor-element > .elementor-element.team-slide-text:first-child {
    order: 1 !important;
    flex: 1 1 55% !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .team-slide-text > .e-div-block-base {
    min-height: auto !important;
  }

  .bio-scroll {
    max-height: 220px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }

  /* Image Column (Right) */
  .elementor-element-59bd2c5 > .elementor-element > .elementor-element.team-slide-image:last-child {
    order: 2 !important;
    flex: 0 0 40% !important;
    width: auto !important;
  }

  .elementor-element-59bd2c5 > .elementor-element > .elementor-element.team-slide-image:last-child img {
    width: 100% !important;
    max-width: 320px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    min-height: unset !important;
  }
}

/* ============================================
   MOBILE (Below 768px) — Stacked Layout
   ============================================ */
@media (max-width: 767px) {
  .team-carousel-track {
    min-width: 100% !important;
    gap: 16px !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  .team-carousel-track > .elementor-element {
    flex: 0 0 90% !important;
    min-width: 90% !important;
    flex-direction: column !important;
    align-items: center !important;
    transform: scale(0.95);
  }

  .team-carousel-track > .elementor-element.is-active-slide {
    transform: scale(1);
  }

  /* Image on Top */
  .elementor-element-59bd2c5 > .elementor-element > .elementor-element.team-slide-image:last-child {
    order: 1 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
  }

  .elementor-element-59bd2c5 > .elementor-element > .elementor-element.team-slide-image:last-child img {
    width: 100% !important;
    max-width: 240px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    min-height: unset !important;
  }

  /* Text on Bottom */
  .elementor-element-59bd2c5 > .elementor-element > .elementor-element.team-slide-text:first-child {
    order: 2 !important;
    width: 100% !important;
  }

  .bio-scroll {
    max-height: 140px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* ============================================
   MOBILE — below 768px
   ============================================ */
@media (max-width: 767px) {
  .team-carousel-track {
    min-width: 100% !important;
  }
}
@media (max-width: 767px) {
  .team-carousel-track {
    gap: 20px !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
  }

  .team-carousel-track > .elementor-element {
    flex: 0 0 92% !important;
    min-width: 92% !important;
    transform: scale(0.92); /* subtler coverflow shrink on mobile so peeking cards aren't too cramped */
  }

  .team-carousel-track > .elementor-element.is-active-slide {
    transform: scale(1);
  }

  .bio-scroll {
    max-height: 140px !important;
  }
}

/* ============================================
   TEXT COLUMN — always the FIRST child inside a slide
   (desktop / row layout only — overridden above at <=1199px)
   ============================================ */
.elementor-element-59bd2c5 > .elementor-element > .elementor-element:first-child {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  order: 1 !important;
}
/* ============================================
   IMAGE COLUMN — always the LAST child inside a slide
   (desktop / row layout only — overridden above at <=1199px)
   ============================================ */
.elementor-element-59bd2c5 > .elementor-element > .elementor-element:last-child {
  flex: 0 0 auto !important;
  display: flex !important;
  order: 2 !important;
}
.elementor-element-59bd2c5 > .elementor-element > .elementor-element:last-child img {
  height: 100% !important;
  width: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  min-height: 300px;
}

.bio-scroll::-webkit-scrollbar {
    display: none;
}

/* ============================================
   NAV BUTTONS
   ============================================ */
.custom-carousel-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.custom-carousel-nav button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.custom-carousel-nav button:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
}
.custom-carousel-nav button svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0;
}

/* =========================
   IMDB Icon Styling
========================= */
a.elementor-social-icon-500px i.fa-500px::before {
  content: "\f2d8" !important; /* IMDb Unicode */
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}
a.elementor-icon.elementor-social-icon.elementor-social-icon-500px {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  color: #fff !important;
  width: 54px !important;
  height: 54px !important;
  line-height: 64px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.3s ease, border-color 0.3s ease !important;
}
a.elementor-icon.elementor-social-icon.elementor-social-icon-500px:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: #fff !important;
  color: #fff !important;
}
a.elementor-icon.elementor-social-icon.elementor-social-icon-500px i.fa-500px {
  font-size: 26px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4df3fa *//* =========================
   OUR TEAM SECTION
========================= */

.our-team-section {
    position: relative;

    display: inline-flex;
    flex-direction: column;

    /*width: fit-content;*/
    /*height: fit-content;*/
    max-width: 100%;
    flex: 0 0 auto;

    /*padding: 40px;*/
    border-radius: 24px;
    overflow: hidden;

    background:
        linear-gradient(
            160deg,
            rgba(255,255,255,0.06),
            rgba(255,255,255,0.015)
        );

    backdrop-filter:
        blur(24px)
        saturate(140%)
        contrast(110%);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(140%)
        contrast(110%);

    border: 1px solid rgba(255,255,255,0.10);

    box-shadow:
        inset 0 1px rgba(255,255,255,0.08),
        inset 0 -1px rgba(255,255,255,0.03),
        inset 0 0 40px rgba(255,255,255,0.05),
        0 10px 40px rgba(0,0,0,0.4);

    isolation: isolate;
}

/* =========================
   IMDB Icon
========================= */

.team-member_wrap .socialbar a i.fa-500px::before {
    content: "\f2d8" !important; /* IMDb Unicode */
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}

/* =========================
   REAL GLASS MATERIAL
========================= */

.our-team-section::before{
    content: '';

    position: cover;

    /* FULL VIEWPORT SIZE */
    width: 100vw;
    height: 100vh;

    /* ALIGN TO VIEWPORT */
    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%)
        scale(1.05);

    z-index: 1;
    pointer-events: none;

    opacity: 0.35;

    /*background:*/
    /*    url('http://staging.secondunitasia.com/wp-content/uploads/2026/05/Artboard-3-new.png')*/
    /*    center center / cover no-repeat;*/

    mix-blend-mode: screen;

    filter:
        contrast(115%)
        brightness(1.08)
        saturate(120%)
        blur(0.3px);
}

/* =========================
   BOLDER SCREEN PIXEL TEXTURE
========================= */

.our-team-section::after{
    content: '';

    position: absolute;
    inset: 0;

    z-index: 3;
    pointer-events: none;

    opacity: 0.;

    background-image:

        radial-gradient(
            rgba(10,20,30,0.28) 1px,
            transparent 1px
        ),

        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,0.035),
            rgba(255,255,255,0.035) 1px,
            transparent 1px,
            transparent 2px
        );

    background-size:
        3px 3px,
        100% 2px;

    mix-blend-mode: multiply;
}


/* Our Team Desc Style */

/* Make sure you REMOVED the max-height and overflow from .team-member_description_wrap */

.team-member_wrap {
    position: absolute;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4,0,.2,1).4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 1;
    opacity: 0;
}

.team-member_description_wrap {
    position: relative;
    background: rgba(0, 0, 0, 0.18);
    border-radius: 10px;
    padding: 15px 25px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.team-member_title {
    margin-top: 5px !important;
}

.team-member_description {
    max-height: 235px; 
    overflow-y: auto;  
    margin: 0 0 15px 0; /* Reset default <p> margin */
    padding: 10;
    background: none; /* Remove from here */
    width: 100%;
    box-sizing: border-box;

    -ms-overflow-style: none;  
    scrollbar-width: none;  

    -webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 65%, transparent 100%);
}

.team-member_description::-webkit-scrollbar {
    display: none;
}

/* Wrapper so we can stack the label above the icon */
.socialbar.outline.small.inverse {
    display: flex;
    flex-direction: column;   /* stack children vertically */
    align-items: flex-start;
    gap: 0;
}

/* This creates the label as a separate block BEFORE the icon row */
.socialbar.outline.small.inverse::before {
    content: "Scroll for more";
    display: block;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.75);
    letter-spacing: 0.04em;
    margin-bottom: 6px;
    white-space: nowrap;
    font-family: 'Source Code Pro';
}

/* Remove the ::before from the anchor itself if you added it previously */
.socialbar.outline.small.inverse a.other::before {
    content: none;
}
/* ==========================================================================
   2. "OUR-TEAM-SECTION" SPECIFIC BASE STYLES
   ========================================================================== */

.our-team-section .clb-slider-nav-btn .btn-round .ion, 
.our-team-section .btn-round i {
    width: 50px;
    height: 50px;
    line-height: 48px;
    top: 50px; /* You can also increase this number instead of using translateY below if the buttons are absolute positioned */
}

.our-team-section .clb-slider-nav-btn {
    margin-right: 80px;
    transform: translateY(100px) !important;/* Added this to push the buttons further down */
}

/*.our-team-section .e-con-inner {*/
/*    padding-left: 10px;*/
/*}*/

/* Remove background color from the slider buttons and their inner icons */
.our-team-section .clb-slider-nav-btn .prev-btn,
.our-team-section .clb-slider-nav-btn .next-btn,
.our-team-section .clb-slider-nav-btn .prev-btn i.ion,
.our-team-section .clb-slider-nav-btn .next-btn i.ion {
    background-color: transparent !important;
    background: none !important;
}

/* Add a border to the circular button containers */
.our-team-section .clb-slider-nav-btn .prev-btn i.ion,
.our-team-section .clb-slider-nav-btn .next-btn i.ion{
    border: 1px solid #7B7B7B !important; /* Adjust thickness and color here */
    border-radius: 50% !important; /* Keeps the border perfectly round */
}

/* Custom Icon */
/* Replace the external link icon with the IMDb icon */
.socialbar a.other i.fa-external-link-alt::before {
    content: "\f2d8" !important; /* This is the specific unicode for IMDb */
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}


/* Hover grayscale*/

.ohio-team-members-group-sc .team-member_image img {
    filter: grayscale(100%);
    transition: filter 0.4s ease;
}

.ohio-team-members-group-sc .team-member_image:hover img {
    filter: grayscale(0%);
}

/* ==========================================================================
   3. "OUR-TEAM-SECTION" MEDIA QUERIES (1195px to 1440px)
   ========================================================================== */
@media (min-width: 2024px) {
   .team-slide-text .bio-scroll p,
  .team-slide-text p {
    font-size: 18px !important;
  }
}

@media (min-width: 1195px) and (max-width: 1440px) {
    .our-team-section img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    .our-team-section .clb-slider-item {
        margin-right: 40px !important; /* Adjust your desktop gap width here */
    }
    
    .team-member.cover .team-member_wrap {
        padding: 10px 20px;
    }
    
    /*.our-team-section .e-con-inner {*/
    /*    padding-left: 30px;*/
    /*}*/
    
    .our-team-section .clb-slider-nav-btn {
        margin-right: 80px;
    }
}

@media (max-width: 1024px) {
    .our-team-section .e-con-inner {
        margin-left: 0px;
    }
    .our-team-section .clb-slider-nav-btn {
        margin-right: 60px;
        transform: translateY(60px) !important;
    }
}

@media (min-width: 800px) and (max-width: 1025px) {
    .our-team-section .clb-slider-item {
        margin-right: 17px !important;
        box-sizing: border-box !important;
    }
    .our-team-section .team-member_image {
        width: 350px !important;
        height: 350px !important;
        position: relative !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }
    .our-team-section .e-con-inner {
        margin-left: 0px;
    }
    .our-team-section .clb-slider-nav-btn {
        margin-right: 60px;
        transform: translateY(100px) !important;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .our-team-section .clb-slider-item {
        margin-right: 16px !important;
        box-sizing: border-box !important;
    }
    .our-team-section .team-member_image {
        width: 300px !important;
        height: 300px !important;
        position: relative !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }
}

@media (max-width: 768px) {
    .our-team-section .clb-slider-item {
        margin-right: 14.5px !important;
        box-sizing: border-box !important;
    }
    .our-team-section .team-member_image {
        width: 350px !important;
        height: 350px !important;
        position: relative !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }
}

@media (max-width: 480px) {
    .team-member_description_wrap {
        padding: 20px 20px;
    }

    .our-team-section .clb-slider-item {
        margin-right: 15px !important;
        box-sizing: border-box !important;
    }
    .our-team-section .ohio-team-member-sc {
        width: fit-content;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .our-team-section .team-member_image {
        width: 290px !important;
        height: 290px !important;
        position: relative !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

    .our-team-section img {
         height: 100% !important;
         width: 100% !important; 
         object-fit: cover !important;
         border-radius: 20px !important;
    }

    .our-team-section .team-member_description {
        max-height: 160px !important;
    }

    .our-team-section .team-member_title,
    .our-team-section .team-member_subtitle {
        text-align: left !important;
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .our-team-section .clb-slider-nav-btn {
        margin-right: 80px !important;
        transform: translateY(80px) !important;
    }
}

@media (min-width:300px) and (max-width: 400px){
    .our-team-section .clb-slider-nav-btn {
        margin-right: 45px !important;
        transform: translateY(50px) !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51bd3cc *//* =========================
   ANIMATIONS
========================= */
@keyframes fadeInTexture {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.80; 
    }
}

/* =========================
   FINANCE SUMMARY - MAIN CARD
========================= */
#finance-summary-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto; 
    padding: 40px;
    border-radius: 24px;
    overflow: hidden; 

    background: linear-gradient(
        160deg,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0.05)
    );

    backdrop-filter: blur(12px) saturate(140%) contrast(110%) brightness(120%);
    -webkit-backdrop-filter: blur(12px) saturate(140%) contrast(110%) brightness(120%);

    border: 1px solid rgba(255, 255, 255, 0.15);

    box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.2),
        inset 0 -1px rgba(255, 255, 255, 0.1),
        inset 0 0 40px rgba(255, 255, 255, 0.1),
        0 10px 40px rgba(0, 0, 0, 0.3); 

    isolation: isolate;
}

/* =========================
   FINANCE SUMMARY - GLASS TEXTURE
========================= */
/*#finance-summary-card::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    z-index: 1;*/
/*    pointer-events: none;*/
/*    opacity: 0; */

/*    background-image: url('http://staging.secondunitasia.com/wp-content/uploads/2026/05/film-budget-1.png');*/
/*    background-position: center center !important;*/
    /*background-size: 160% auto;*/
/*    background-repeat: no-repeat !important;*/
/*    background-attachment: fixed !important;*/

/*    mix-blend-mode: overlay; */
/*    filter: contrast(115%) brightness(1.4) saturate(120%);*/
/*}*/

#finance-summary-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;

    background: url('http://staging.secondunitasia.com/wp-content/uploads/2026/05/film-budget-1.png') center center / cover no-repeat;

    mix-blend-mode: overlay;
    filter: contrast(115%) brightness(1.4) saturate(120%);
}

#finance-summary-card.is-in-view::before {
    animation: fadeInTexture 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 0.3s;
}

/* =========================
   FINANCE SUMMARY - PIXEL GRID
========================= */
#finance-summary-card::after {
    content: '';
    position: absolute;
    inset: 0; 
    z-index: 3;
    pointer-events: none;
    opacity: 0.18; 

    background-image:
        radial-gradient(
            rgba(10, 20, 30, 0.3) 2px,
            transparent 2px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.05),
            rgba(255, 255, 255, 0.05) 2px,
            transparent 2px,
            transparent 4px
        );

    background-size:
        6px 6px,
        100% 4px;

    mix-blend-mode: multiply;
}

/* =========================
   FINANCE SUMMARY - CONTENT Z-INDEX
========================= */
#finance-summary-card > * {
    position: relative;
    z-index: 5;
}

/* ===== GLASS CONTAINER ===== */
.budget-bar {
  width: 100%;
  height: 70px;
  border-radius: 999px;
  position: relative;
  overflow: hidden;

  background: rgba(20, 60, 90, 0.25);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);

  background-image: url("http://staging.secondunitasia.com/wp-content/uploads/2026/05/bedge-grunge.png");
  background-blend-mode: overlay;

  border: 1px solid rgba(255,255,255,0.25);

  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.2),
    inset 0 -6px 12px rgba(0,0,0,0.25),
    0 0 25px rgba(0,150,255,0.12);
}

.budget-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  filter: blur(12px);
  opacity: 0.25;
  pointer-events: none;
}

.budget-bar::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.5),
    rgba(255,255,255,0.15) 30%,
    transparent 60%
  );
  pointer-events: none;
}

/* ===== PROGRESS FILL ===== */
.budget-fill {
  position: relative;
  height: 100%;
  width: 0%;
  border-radius: inherit;
  overflow: hidden;

  background: linear-gradient(
    to bottom,
    rgba(113,143,193,0.9),
    rgba(4,36,65,0.95)
  );

  box-shadow:
    inset 0 2px 6px rgba(255,255,255,0.4),
    inset 0 -6px 12px rgba(0,0,0,0.3),
    0 0 14px rgba(0,120,255,0.25);
}

.budget-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.6),
    rgba(255,255,255,0.15) 40%,
    transparent 60%
  );
  pointer-events: none;
}

.budget-fill::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.15),
    transparent 40%,
    transparent 60%,
    rgba(0,0,0,0.25)
  );
  pointer-events: none;
}

.budget-labels, .budget-label {
  color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.budget-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.left span,
.right span {
  font-size: 24px;
  font-weight: bold;
}

@media (min-width: 2024px) {
   .elementor .e-f6df525-8746a2a {
        font-size: 18px !important;
    }
}

/* =========================
   DESKTOP / WIDER VIEWPORTS (1025px and up)
========================= */
@media (min-width: 1025px) {
    #finance-summary-card::before {
        /* This single line creates the scrolling / window reveal effect */
        background-attachment: fixed !important;
        
        /* Ensure the image covers the entire viewport so it doesn't tile or break during scroll */
        background-size: cover !important;
        background-position: center center !important;
        
        /* Reset positioning so it doesn't inherit the mobile 100vw/100vh centering logic */
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
      #finance-summary-card {
        overflow: hidden !important;
        padding: 30px; 
      }

     #finance-summary-card::before {
        width: var(--parent-width, 270vw) !important;
        left: 55% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        background-size: cover !important;
        background-position: center center !important;
    }

}

@media (max-width: 800px) {
    #finance-summary-card {
        overflow: hidden !important; 
    }

    #finance-summary-card::before {
        width: 100vw !important;
        height: 100vh !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        background-size: cover !important;
        background-position: center center !important;
    }
  #finance-summary-card::after {
    opacity: 0.08;
    background-size: 10px 10px, 100% 6px;
  }

  #finance-summary-card {
    padding: 24px;
  }

  .budget-bar {
    height: 52px;
  }

  .budget-total {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }

  .budget-labels {
    margin-top: 28px;
    font-size: 0.75rem;
  }
}

@media (min-width: 450px) and (max-width: 767px){
    #finance-summary-card {
        padding: 20px;
    }
}

@media (max-width: 450px) {
    #finance-summary-card {
        overflow: hidden !important; 
    }
  #finance-summary-card::after {
    opacity: 0.08;
    background-size: 10px 10px, 100% 6px;
  }

  #finance-summary-card {
    padding: 20px;
  }

  .budget-bar {
    height: 52px;
  }

  .budget-total {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }

  .budget-labels {
    margin-top: 28px;
    font-size: 0.75rem;
  }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8a429cb */.elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: auto !important;
        will-change: scroll-position;
        transform: translate3d(0, 0, 0);
        -webkit-overflow-scrolling: touch;
        /*gap: 45px !important;*/
        padding: 20px 0 20px 10px !important;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }
    
    .elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-wrapper::-webkit-scrollbar {
        display: none !important;
    }
    
    .elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-slide {
            flex: 0 0 calc(48.333% - 30px) !important;
        max-width: calc(48.333% - 50px) !important;
        display: flex !important;
    }
    
    /*@media (max-width: 1024px) {*/
    /*    .elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-slide {*/
    /*        flex: 0 0 calc(50% - 22px) !important;*/
    /*        max-width: calc(50% - 22px) !important;*/
    /*    }*/
    /*}*/
    
    @media (min-width: 1025px) {
    /* Lock the slide wrapper so it doesn't stretch */
    .elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-slide {
        flex: 0 0 450px !important;
        max-width: 5000px !important; 
    }
    
    /* Ensure the image inside scales perfectly */
    /*.elementor-162209 .elementor-element.elementor-element-8a429cb .elementor-widget-image img {*/
    /*    width: 100% !important;*/
    /*    height: 450px !important; */
    /*    object-fit: cover !important;*/
    /*    object-position: center center !important;*/
    /*    border-radius: 24px !important;*/
    /*}*/
}
    
    @media (max-width: 767px) {
        .elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-slide {
            flex: 0 0 85% !important;
            max-width: 85% !important;
        }
    }
    
    .elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-wrapper > style,
    .elementor-162209 .elementor-element.elementor-element-8a429cb .elementor-swiper-button, 
    .elementor-162209 .elementor-element.elementor-element-8a429cb .swiper-pagination {
        display: none !important;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec074c0 *//* =========================
   BLOG SECTION BASE
========================= */

.blog-section {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    max-width: 100%;
    flex: 0 0 auto;
    
    /* FLATTENED CORNERS: Removed the top border radius. 
       If you keep rounded corners here, the background of the website 
       will peek through the edges and ruin the flush blend. */
    border-radius: 0px !important; 
    overflow: hidden;
    isolation: isolate;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    /* THE DOUBLE OVERLAP: 
       Pulls UP 2px to eat the top line.
       Pulls DOWN 5px to eat the bottom line. */
    margin-top: -2px !important;
    margin-bottom: -5px !important; 
    z-index: 10 !important;

    /* THE PURE BLACK TOP BLEND:
       0%: Starts as pure black (rgba(0,0,0,1)) to flawlessly match the section above.
       15%: Softly transitions into your dark gray (rgba(20,20,20,1)).
       85%: Fades out to reveal the merch colors at the bottom.
    */
    background:
        linear-gradient(
            to bottom, 
            rgba(0, 0, 0, 1) 0%, 
            rgba(20, 20, 20, 1) 35%, 
            rgba(20, 20, 20, 0.8) 50%, 
            transparent 85%
        ),
        linear-gradient(to right, #58534d 0%, #4a4944 35%, #353b3b 70%, #283033 100%) !important
}
    
/* =========================
   REAL GLASS MATERIAL (Code Texture)
========================= */

.blog-section::before {
    content: '';
    position: absolute; 
    /* Stretch strictly within section bounds instead of viewport-relative size */
    inset: -5px 0; /* Over-bleed by 5px top/bottom to prevent subpixel clipping */
    width: auto;
    height: auto;
    transform: none; /* Remove scale transform */
    z-index: 1;
    pointer-events: none;
    
    opacity: 0.75; 
    background: url('http://staging.secondunitasia.com/wp-content/uploads/2026/06/Code-texture.png') center center / cover no-repeat;
    
    filter: 
        grayscale(100%) 
        brightness(200%) 
        contrast(250%);
        
    mix-blend-mode: screen; 

    /* FIXED PIXEL GRADIENT MASKING:
       Using pixel stops (0px to 30px) guarantees a full transparent fade at the top edge
       regardless of viewport height or screen resolution.
    */
    -webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 30px, black calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0px, black 30px, black calc(100% - 30px), transparent 100%);
}
    
/* =========================
   BOLDER SCREEN PIXEL TEXTURE
========================= */
    
.blog-section::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0.15; 
    
    background-image:
        radial-gradient(
            rgba(0, 0, 0, 0.35) 1px, 
            transparent 1px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.05),
            rgba(255, 255, 255, 0.05) 1px,
            transparent 1px,
            transparent 2px
        );
    
    background-size:
        3px 3px,
        100% 2px;
    
    mix-blend-mode: multiply;
    
    /* FADE IN AT TOP & FADE OUT AT BOTTOM:
       Mirrors the code texture to ensure no hard lines at the top or bottom seams.
    */
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 80%, transparent 100%);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-840be9d */.elementor-162209 .elementor-element.elementor-element-840be9d .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: auto !important;
    will-change: scroll-position;
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch;
    /*gap: 30px !important;*/
    padding: 20px 0 20px 10px !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.elementor-162209 .elementor-element.elementor-element-840be9d .swiper-wrapper::-webkit-scrollbar {
    display: none !important;
}

/* Base (Tablet) Slide Sizing */
.elementor-162209 .elementor-element.elementor-element-840be9d .swiper-slide {
    flex: 0 0 calc(48.333% - 30px) !important;
    max-width: calc(48.333% - 50px) !important;
    display: flex !important;
}

/* Mobile Slide Sizing */
@media (max-width: 767px) {
    .elementor-162209 .elementor-element.elementor-element-840be9d .swiper-slide {
        flex: 0 0 85% !important;
        max-width: 85% !important;
    }
}

/* Desktop Fix for 2-Items */
@media (min-width: 1025px) {
    /* Lock the slide wrapper so it doesn't stretch */
    .elementor-162209 .elementor-element.elementor-element-840be9d .swiper-slide {
        flex: 0 0 450px !important;
        max-width: 5000px !important; 
    }
    
    /* Ensure the image inside scales perfectly */
    /*.elementor-162209 .elementor-element.elementor-element-840be9d .elementor-widget-image img {*/
    /*    width: 100% !important;*/
    /*    height: 450px !important; */
    /*    object-fit: cover !important;*/
    /*    object-position: center center !important;*/
    /*    border-radius: 24px !important;*/
    /*}*/
}

/* Hide UI Elements */
.elementor-162209 .elementor-element.elementor-element-840be9d .swiper-wrapper > style,
.elementor-162209 .elementor-element.elementor-element-840be9d .elementor-swiper-button, 
.elementor-162209 .elementor-element.elementor-element-840be9d .swiper-pagination {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8747b66 *//* =========================
   MERCH CARD BASE
========================= */

.merch-section {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    flex: 0 0 auto;

    border-radius: 0px; 
    overflow: hidden;
    
    /* Ensure no stray Elementor borders are forcing a line */
    border: none !important; 
    box-shadow: none !important;
    outline: none !important;
    
    /* Safely pulls up slightly to assist the overlap */
    margin-top: -1px !important;
    margin-bottom: 0px; 
    isolation: isolate;
    
    /*z-index: 2; */

    /* Original exact colors */
    background: linear-gradient(
        to right, 
        #58534d 0%, 
        #4a4944 35%, 
        #353b3b 70%, 
        #283033 100%
    );
}

/* =========================
   MERCH GLASS MATERIAL
========================= */

.merch-section::before {
    content: '';
    position: absolute; 
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.05);

    z-index: 1;
    pointer-events: none;

    opacity: 0.35; 
    mix-blend-mode: screen;

    filter:
        contrast(115%)
        brightness(1.08)
        saturate(120%)
        blur(0.3px);

    /* 
       THE FIX: Smooth Fade-In at the Top 
       0% to 15%: Fades the glass effect IN so it doesn't create a bright line at the seam.
       70% to 100%: Keeps your original fade OUT at the bottom.
    */
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 70%, transparent 100%);
}

/* =========================
   MERCH PIXEL TEXTURE
========================= */

.merch-section::after {
    content: '';
    position: absolute;
    inset: 0;
    
    z-index: 3;
    pointer-events: none;
    opacity: 0.3;

    background-image:
        radial-gradient(
            rgba(0,0,0,0.75) 0.2px,
            transparent 0.2px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,0.12),
            rgba(255,255,255,0.12) 1px,
            transparent 1px,
            transparent 2px
        );

    background-size: 3px 3px, 100% 2px;
    mix-blend-mode: normal;

    /* 
       THE FIX: Smooth Fade-In at the Top 
       Matches the glass mask to hide the pixel grid right at the exact connection point.
    */
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 70%, transparent 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-750218e *//* =========================
   EMAIL SECTION BASE
========================= */
.email-section {
    position: relative;
    margin-top: -1px;
    overflow: hidden;
}

/* Make sure the video stays behind the gradient seam-fade */
.email-section .elementor-background-video-container {
    z-index: -1;
}

/* Ensures your Elementor content inside stays above the fade overlays */
.email-section > * {
    position: relative;
    z-index: 1;
}

/* =========================
   EMAIL GRADIENT FADE
========================= */
.email-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(
        to right,
        #58534d 0%,
        #4a4944 35%,
        #353b3b 70%,
        #283033 100%
    );
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}

/* =========================
   MEDILINK FORM CONTAINER & LAYOUT
========================= */
.medilink-form-container {
    max-width: 360px;
    width: 100%;
    margin-top: 20px;
}

.medilink-inline-wrapper p,
.medilink-inline-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
}

.medilink-inline-wrapper .wpcf7-form-control-wrap {
    flex-grow: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* =========================
   INPUT FIELD STYLING
========================= */
.medilink-email {
    width: 100% !important;
    height: 46px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    border: none !important;
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    font-size: 14px !important;
    outline: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.medilink-email::placeholder {
    color: #8e8e93 !important;
    opacity: 1;
}

/* =========================
   BUTTON STYLING & SUBMIT OVERRIDES
========================= */
.medilink-inline-wrapper button.medilink-submit-btn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #2b2d2f !important;
    border-radius: 8px !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    transition: background-color 0.2s ease;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px !important;
}

.medilink-inline-wrapper button.medilink-submit-btn:hover {
    background-color: #3d4043 !important;
}

.wpcf7 form.submitting button.medilink-submit-btn,
button.medilink-submit-btn.btn-loading {
    background-image: none !important;
}

.medilink-inline-wrapper button.medilink-submit-btn span.text {
    display: none !important;
}

.medilink-inline-wrapper button.medilink-submit-btn .btn-load {
    display: none !important;
}

.wpcf7 form.submitting button.medilink-submit-btn .btn-load {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-top-color: #ffffff !important;
    border-radius: 50% !important;
    animation: medilink-spin 0.8s linear infinite !important;
    box-sizing: border-box !important;
    background: none !important;
}

@keyframes medilink-spin {
    to { transform: rotate(360deg); }
}

/* =========================
   RECAPTCHA WRAPPER (hidden until email is filled)
========================= */
.medilink-recaptcha-wrapper {
    display: block !important;
    width: 100% !important;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0 !important;
    pointer-events: none;
    transition: max-height 0.3s ease, opacity 0.25s ease, margin-top 0.3s ease;
}

.medilink-recaptcha-wrapper.is-visible {
    max-height: 100px;
    opacity: 1;
    margin-top: 15px !important;
    pointer-events: auto;
}

.medilink-recaptcha-wrapper .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

/* =========================
   ERROR MESSAGES
========================= */
.wpcf7-not-valid-tip {
    color: #ff5252 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-top: 6px !important;
    display: block !important;
    text-align: left !important;
    line-height: 1.4 !important;
    letter-spacing: -0.01em !important;
    width: 100% !important;
    white-space: normal !important;
}

.medilink-inline-wrapper .wpcf7-not-valid-tip {
    position: absolute !important;
    top: 48px !important;
    left: 0 !important;
}

.medilink-inline-wrapper:has(.wpcf7-not-valid-tip) {
    margin-bottom: 24px !important;
}

.medilink-recaptcha-wrapper .wpcf7-not-valid-tip {
    margin-top: 8px !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    clear: both !important;
}

/* =========================
   FORCE HIDE NATIVE CF7 SPINNER
========================= */
.wpcf7-spinner,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================
   RESPONSE MESSAGE (SUCCESS) STYLING
========================= */
.wpcf7-response-output {
    border: none !important;
    text-align: left !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
}

@media (min-width: 2024px) {
    .elementor .e-374f78e-d9a0a3d {
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS *//* Apply to all images within the site content */
.elementor-widget-image img, 
.elementor-widget-image-carousel img, 
.elementor-loop-container img {
    /* 1. Kills all mouse interaction and cursor changes */
    pointer-events: none !important;

    /* 2. Prevents browser "ghost" dragging */
    -webkit-user-drag: none !important;
    user-drag: none !important;

    /* 3. Prevents blue highlighting/selection */
    user-select: none !important;
    -webkit-user-select: none !important;
}

.e-image-base {
    pointer-events: none !important;
    user-drag: none !important;
}

.hamburger .btn-round .ion, .btn-round i  {
    top: 0px !important;
}

/* Remove logo icon when sticky */
.header.-sticky .fixed-logo,
.header.-sticky .fixed-mobile-logo {
    display: none !important;
}

.header.-sticky,
.header.showed.-sticky {
    background-color: transparent !important;
    background: transparent !important;
}

.header .cart-total a,
.header .cart-total span {
    transition: color 0.3s ease;
}

/* Arrow Style */

/* Float on the wrapper */
.elementor-element-5d9ad65 .icon-box-icon {
    display: inline-block;
    animation: floatArrow 2s ease-in-out infinite;
}

/* Glitch on the icon itself */
.elementor-element-5d9ad65 .ion-ios-arrow-down {
    display: inline-block;
    animation: glitchArrow 2.5s infinite;
    position: relative;
}


@keyframes floatArrow {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes glitchArrow {
    0%   { transform: translate(0); filter: none; opacity: 1; }
    5%   { transform: translate(-3px, 1px); filter: hue-rotate(90deg); opacity: 0.8; }
    6%   { transform: translate(3px, -1px); filter: hue-rotate(180deg); opacity: 1; }
    7%   { transform: translate(0); filter: none; opacity: 1; }
    20%  { transform: translate(0); filter: none; opacity: 1; }
    21%  { transform: translate(4px, 0); filter: brightness(2); opacity: 0.6; }
    22%  { transform: translate(-4px, 2px); filter: invert(1); opacity: 1; }
    23%  { transform: translate(0); filter: none; opacity: 1; }
    60%  { transform: translate(0); filter: none; opacity: 1; }
    61%  { transform: translate(-2px, -1px); filter: hue-rotate(270deg) brightness(1.5); opacity: 0.7; }
    62%  { transform: translate(2px, 1px); filter: none; opacity: 1; }
    63%  { transform: translate(0); filter: none; opacity: 1; }
    100% { transform: translate(0); filter: none; opacity: 1; }
}

.section-bg {
  background: 
    radial-gradient(circle at 30% 40%, rgba(0,150,255,0.2), transparent 40%),
    radial-gradient(circle at 70% 60%, rgba(0,50,120,0.4), transparent 50%),
    #020b14;
}

.clb-slider-nav-btn{
    margin-right: 20px;
}

.clb-slider-nav-btn .btn-round .ion, .btn-round i, .look-and-feel-2 .clb-slider-nav-btn .btn-round .ion, .btn-round i{
    width: 50px;
    height: 50px;
    line-height: 48px;
    top: 50px;
}

.tone-class .e-con-inner {
    align-items: center !important;
    padding-right: 2px;
}

#key-characters .clb-slider-nav-btn, .look-and-feel-2 .clb-slider-nav-btn {
    margin-right: 80px;
}

#key-characters .clb-slider-nav-btn .btn-round .ion, 
#key-characters .btn-round i {
    top: 50px !important;
}

.look-and-feel-2 .e-con-inner {
    /* align-items: center !important; */
    padding-left: 20px;
}

.our-team .subtitle {
    display: none !important;
}

/* =========================
   FINANCE CARD
========================= */

#finance-card{
    position: relative;

    display: inline-flex;
    flex-direction: column;

    width: fit-content;
    height: fit-content;
    max-width: 100%;
    flex: 0 0 auto;

    padding: 40px;
    border-radius: 24px;
    overflow: hidden;

    background:
        linear-gradient(
            160deg,
            rgba(255,255,255,0.06),
            rgba(255,255,255,0.015)
        );

    backdrop-filter:
        blur(24px)
        saturate(140%)
        contrast(110%);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(140%)
        contrast(110%);

    border: 1px solid rgba(255,255,255,0.10);

    box-shadow:
        inset 0 1px rgba(255,255,255,0.08),
        inset 0 -1px rgba(255,255,255,0.03),
        inset 0 0 40px rgba(255,255,255,0.05),
        0 10px 40px rgba(0,0,0,0.4);

    isolation: isolate;
}

/* =========================
   REAL GLASS MATERIAL
========================= */

#finance-card::before{
    content: '';

    position: absolute;

    /* FULL VIEWPORT SIZE */
    width: 100vw;
    height: 100vh;

    /* ALIGN TO VIEWPORT */
    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%)
        scale(1.05);

    z-index: 1;
    pointer-events: none;

    opacity: 0.25;

    background:
        url('https://wp-staging.idprojectdev.com/wp-content/uploads/2026/05/Artboard-3-new.png')
        center center / cover no-repeat;

    mix-blend-mode: screen;

    filter:
        contrast(115%)
        brightness(1.08)
        saturate(120%)
        blur(0.3px);
}

/* =========================
   BOLDER SCREEN PIXEL TEXTURE
========================= */

#finance-card::after{
    content: '';

    position: absolute;
    inset: 0;

    z-index: 3;
    pointer-events: none;

    opacity: 0.;

    background-image:

        radial-gradient(
            rgba(10,20,30,0.28) 0.9px,
            transparent 0.9px
        ),

        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,0.035),
            rgba(255,255,255,0.035) 1px,
            transparent 1px,
            transparent 2px
        );

    background-size:
        2px 2px,
        100% 2px;

    mix-blend-mode: multiply;
}

/* =========================
   CONTENT ABOVE OVERLAYS
========================= */

#finance-card > *{
    position: relative;
    z-index: 5;
}

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

#finance-card p{
    max-width: 380px;
}

/* Unified 1:1 square image treatment — Blog + Merch cards */
.elementor-155694 .elementor-element.elementor-element-c2b90ae,
.elementor-161218 .elementor-element.elementor-element-c2b90ae {
    height: 100%;
}
.elementor-155694 .elementor-element.elementor-element-c2b90ae .e-parent,
.elementor-161218 .elementor-element.elementor-element-c2b90ae .e-parent {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.elementor-155694 .elementor-element.elementor-element-c2b90ae .e-parent > a.e-child,
.elementor-161218 .elementor-element.elementor-element-c2b90ae .e-parent > a.e-child {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.elementor-155694 .elementor-element.elementor-element-c2b90ae .e-parent > a.e-child .elementor-widget-post-info,
.elementor-161218 .elementor-element.elementor-element-c2b90ae .e-parent > a.e-child .elementor-widget-post-info {
    margin-top: auto !important;
}



@media (max-width: 450px) {
    #why-now-card {
        padding-inline: 24px !important;
    }
    #why-now-card.is-in-view::before {
        animation: none !important;
        opacity: 0.80 !important;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    /* Target the container ONLY in non-cloned slides */
    .clb-slider-item:not(.cloned) .elementor-widget-container {
        align-items: center !important;
        justify-content: center !important;
        display: flex !important;
    }
    
    /* Target the team card ONLY in non-cloned slides */
    .clb-slider-item:not(.cloned) .ohio-team-member-sc {
        width: fit-content !important;
    }
    .elementor-162209 .elementor-element.elementor-element-c58cb26.e-con {
        padding-left: 0;
    }
    .elementor-162209 .elementor-element.elementor-element-bb8595e > .elementor-widget-container {
        padding: 0px 0px 0px 0px;
    }
    .elementor-162209 .elementor-element.elementor-element-8b2bf39 > .elementor-widget-container {
        padding: 0px 0px 0px 0px;
    }
    .elementor-162209 .elementor-element.elementor-element-8b2bf39.elementor-element{
        align-self: center;
    }
}

@media (min-width: 768px) and (max-width: 889px){
    .tone-class .e-con-inner {
        align-items: center !important;
        padding-right: 0px;
    }
    
    .the-world-section .clb-slider-nav-btn {
        padding-right: 0px !important;
    }
    
    /* Push the left arrow further out */
    .the-world-section .clb-slider-nav-btn .prev-btn {
        left: 60px !important;
    }
    
    /* Push the right arrow further out */
    .the-world-section .clb-slider-nav-btn .next-btn {
        right: 60px !important;
    }
    
    /*Reference*/
    .elementor .e-1bac741-4baeabc {
        padding-block-start: 20px !important;
        padding-block-end: 10px !important;
        padding-inline-start: 20px !important;
        padding-inline-end: 20px !important;
    }
    
    /*Blog*/
    .elementor-155694 .elementor-element.elementor-element-9e1a128 img {
        height: 285px !important;
    }
    /*Merch*/
    .elementor-161218 .elementor-element.elementor-element-66c4a42 img {
        height: 285px;
    }
}

@media (min-width: 900px) {
    .elementor-155694 .elementor-element.elementor-element-c2b90ae .elementor-widget-tl-post-fatured-image img,
    .elementor-161218 .elementor-element.elementor-element-c2b90ae .elementor-widget-image img {
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        /*width: 100% !important;*/
        /*height: auto !important;*/
        display: block;
    }
}

@media (min-width: 889px) and (max-width: 1195px){
    
    /*Tone Section*/
    .tone-class img {
        width: 500px !important;
        max-height: 290px !important;
        max-width: 500px !important;
    }
    .tone-class .e-con-inner {
        align-items: center !important;
        padding-right: 15px;
    }
    
    /*Log Line*/
    .logline-2 .elementor-widget-container {
        padding: 0px 240px 0px 240px !important;
    }
    
    /*Reference*/
    .elementor .e-1bac741-4baeabc {
        padding-block-start: 20px !important;
        padding-block-end: 10px !important;
        padding-inline-start: 30px !important;
        padding-inline-end: 30px !important;
    }
}

@media (min-width:767px) and (max-width: 1024px) {
    #why-now-card {
        padding-inline: 24px !important;
    }
}

@media (min-width: 1195px) and (max-width: 1280px){
    
    /*Log Line*/
    .logline-2 .elementor-widget-container{
        padding: 0px !important
    }
    .logline-2 .elementor-widget-container .subtitle{
        padding: 0px 100px 0px 100px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1440px){
    .blog-section{
        padding-left: 120px !important;
    }
    .merch-section{
        padding-left: 114px !important;
    }
    .email-section{
        padding-left: 155px !important;
    }
}

@media (min-width: 1195px) and (max-width: 1440px){
    
    /*Executive Summary*/
    .elementor .e-5ab6282-41067f1{
        max-width: 970px !important;   
    }
    .elementor .e-5ab6282-41067f1 p{
        max-width: 905px !important;   
    }
    
    /*Whynow*/
    #why-now-card{
        padding: 70px 0px 70px 0px !important;
    }
    .elementor .e-d6fe49d-2d1755a {
        max-width: 980px !important;
    }
    
    /*Synopsis*/
    .elementor .e-21b35ad-1b557ea {
        max-width: 900px !important;
    }
    
    /*Tone Section {The world}*/
    .elementor .e-2a83be2-d9130d1 {
        justify-content: start !important;
    }
    .tone-class {
        width: 450px !important;
    }
    .tone-class img {
        width: 440px !important;
        height: 350px;
        max-height: 320px !important;
        max-width: 560px !important;
        margin-left: 20px;
    }
    .tone-class .e-con-inner {
        align-items: center !important;
        padding-right: 30px;
    }
    #look-and-feel .e-981cf15-92587ed {
        max-width: 440px !important;
    }
    #look-and-feel .e-d91f500-1ca7962, #look-and-feel .e-ad2bd56-7cb8315 {
        width: 205px;
        border-radius: 25px;
        height: 280px;
    }
    #look-and-feel .e-0ce4cbf-5e03ef6 {
        width: 440px !important;
    }
    #the-world-paragrap {
        width: 420px;
        margin-right: 20px;
    }
    .elementor .e-44bc1a5-74934bb {
        justify-content: end !important;
    }
    
    .the-world-section .clb-slider-nav-btn .prev-btn {
        left: 20px!important;
    }
    .the-world-section .clb-slider-nav-btn .next-btn {
        right: 20px!important;
    }
    
    /*Reference*/
    /*Card*/
    .elementor .e-1bac741-4baeabc {
        padding: 37px 37px !important;
        padding-bottom: 20px !important;
    }
    /*Dropdown accordio
    
    /*look-and-feel-2*/
    .look-and-feel-2 img, #key-characters img {
        width: 100% !important;
        max-height: 320px !important;
        max-width: 100% !important;
    }
    .look-and-feel-2 .e-con-inner {
        /*align-items: center !important;*/
        padding-left: 30px;
    }
    .look-and-feel-2 .clb-slider-nav-btn {
        margin-right: 80px;
    }
    
    
    /*Finance Summary*/
    #finance-summary-card {
        padding-inline: 37px !important;
    }
    .budget-section .budget-total {
        margin-top: 0px;
        font-size: 24px !important;
    }
    
    /*Key Char*/
    /*#key-characters img {*/
    /*    width: 510px !important;*/
    /*    max-height: 320px !important;*/
    /*    max-width: 510px !important;*/
    /*}*/
}

@media (min-width: 1440px) {
    
    /*Executive Summary*/
    .elementor .e-5ab6282-41067f1{
        max-width: 1170px !important;   
    }
    .elementor .e-5ab6282-41067f1 p{
        max-width: 1085px !important;
    }
    
    /*Whynow*/
    #why-now-card {
        padding: 70px 10px 70px 10px !important;
    }
    .elementor .e-d6fe49d-2d1755a {
        max-width: 1180px !important; 
    }
    
    /*Synopsis*/
    .elementor .e-21b35ad-1b557ea {
        max-width: 1085px !important;
    }
    
    /*Tone Section {The world}*/
    .elementor .e-2a83be2-d9130d1 {
        justify-content: start !important;
    }
    .tone-class {
        width: 550px !important;
        max-width: 550px !important;
    }
    .tone-class img {
        width: 520px !important;
        max-height: 320px !important;
        max-width: 560px !important;
        margin-left: 35px;
    }
    .tone-class .e-con-inner {
        align-items: center !important;
        padding-right: 30px;
    }
    #look-and-feel .e-981cf15-92587ed {
        max-width: 440px !important;
    }
    #look-and-feel .e-d91f500-1ca7962, #look-and-feel .e-ad2bd56-7cb8315 {
        width: 205px;
        max-width: 205px !important;
        border-radius: 25px;
        height: 280px;
    }
    #look-and-feel .e-0ce4cbf-5e03ef6 {
        width: 440px !important;
        max-width: 440px !important;
    }
    #the-world-paragrap {
        width: 510px;
        max-width: 510px !important;
        margin-right: 20px;
    }
    .elementor .e-44bc1a5-74934bb {
        justify-content: end !important;
    }
    .the-world-section .clb-slider-nav-btn .prev-btn {
        left: 20px!important;
    }
    .the-world-section .clb-slider-nav-btn .next-btn {
        right: 20px!important;
    }
    
    /*Reference*/
    /*Card*/
    .elementor .e-1bac741-4baeabc {
        max-width: 1180px !important;
        width: 1180px !important;
        padding: 49px !important;
    }
    /*Dropdown accordion*/
    .accordion .accordionItem_title {
        min-height: 75px !important;
        height: 75px !important;
        max-height: 75px !important;
    }
    
    /*Music & Sound*/
    /*Card*/
    .elementor .e-0bfa1c4-89cc985 {
        width: 1180px !important;
        max-width: 1180px !important;
        padding: 49px !important;
    }
    
    /*Key Characters*/
    .animate-key-characters-card{
        width: 1180px !important;
        max-width: 1180px !important;
        padding: 49px !important;
    }
    
    /*Our Team */
    .elementor-162209 .elementor-element.elementor-element-e38ab9d {
        --content-width: 1180px !important; 
    }
    .elementor-162209 .elementor-element.elementor-element-8b2bf39 .subtitle-bottom .subtitle {
        display: none !important;
    }
    .team-member.cover .team-member_wrap{
        padding: 49px !important;
    }
    
    /*Vid parallax*/
    /*.pin-spacer .elementor-element-ccf5e4c {*/
    /*    top: 60.33328px !important;*/
    /*}*/
    
    /*look-and-feel-2*/
    /*.look-and-feel-2 img, #key-characters img {*/
    /*    width: 100% !important;*/
    /*    max-height: 320px !important;*/
    /*    max-width: 100% !important;*/
    /*}*/
    /*.look-and-feel-2 .e-con-inner {*/
        /*align-items: center !important;*/
    /*    padding-left: 30px;*/
    /*}*/
    /*.look-and-feel-2 .clb-slider-nav-btn {*/
    /*    margin-right: 80px;*/
    /*}*/
    
    /*Finance Summary*/
    /*Card*/
    #finance-summary-card {
        padding: 50px !important;
        max-width: 1180px !important;
        width: 1180px !important;
    }
    .budget-section .budget-total {
        margin-top: 0px;
    }
    
    /*Blog Section*/
    /*Merch Section*/
    /*.blog-section, .merch-section {*/
    /*    padding-left: 11vw !important;*/
    /*}*/
    .blog-section, .merch-section, .email-section {
        min-height: 80vh !important;
        height: 75vh !important;
        max-height: 80vh !important;
        justify-content: center;
    }
    .blog-section::before {
        height: 80vh;
        transform: translate(-10%, -0%) scale(1.05);
    }
    .elementor .e-9276288-390ccf6{
        align-items: center;
    }
    .elementor-162209 .elementor-element.elementor-element-8a429cb > .elementor-widget-container{
        padding-left: 20px !important;
    }
    
    .elementor-162209 .elementor-element.elementor-element-4956b2b > .elementor-widget-container {
        padding-left: 0px !important;
    }
    
    .elementor .e-a423c5e-e655937 {
        justify-content: center;
    }
    
    
    /*Loop Carousel*/
    .elementor-element.elementor-element-8a429cb {
        max-width: 1285px !important;
    }
    
    /*Merch Section*/
    .elementor-162209 .elementor-element.elementor-element-f340234.elementor-element {
        max-width: 460px !important;
        width: 460px !important;
    }
    .elementor-162209 .elementor-element.elementor-element-840be9d.elementor-element {
        width: 866px !important;
        max-width: 866px !important;
    }
    .elementor-162209 .elementor-element.elementor-element-f340234 > .elementor-widget-container {
        padding-right: 135px !important;
    }
    
    
    .email-section {
        padding-left: 250px !important;
    }
}

/*if needed later on*/
/*@media (min-width: 1661px) {*/
    
    /*Executive Summary*/
/*    .elementor .e-5ab6282-41067f1{*/
/*        max-width: 1170px !important;   */
/*    }*/
/*    .elementor .e-5ab6282-41067f1 p{*/
/*        max-width: 1095px !important;*/
/*    }*/
    
    /*Whynow*/
/*    #why-now-card {*/
/*        padding: 70px 10px 70px 10px !important;*/
/*    }*/
/*    .elementor .e-d6fe49d-2d1755a {*/
/*        max-width: 1180px !important; */
/*    }*/
    
    /*Synopsis*/
/*    .elementor .e-21b35ad-1b557ea {*/
/*        max-width: 1085px !important;*/
/*    }*/
    
    /*Tone Section {The world}*/
/*    .elementor .e-2a83be2-d9130d1 {*/
/*        justify-content: start !important;*/
/*    }*/
/*    .tone-class {*/
/*        width: 550px !important;*/
/*        max-width: 550px !important;*/
/*    }*/
/*    .tone-class img {*/
/*        width: 520px !important;*/
/*        max-height: 320px !important;*/
/*        max-width: 560px !important;*/
/*        margin-left: 35px;*/
/*    }*/
/*    .tone-class .e-con-inner {*/
/*        align-items: center !important;*/
/*        padding-right: 30px;*/
/*    }*/
/*    #look-and-feel .e-981cf15-92587ed {*/
/*        max-width: 440px !important;*/
/*    }*/
/*    #look-and-feel .e-d91f500-1ca7962, #look-and-feel .e-ad2bd56-7cb8315 {*/
/*        width: 205px;*/
/*        max-width: 205px !important;*/
/*        border-radius: 25px;*/
/*        height: 280px;*/
/*    }*/
/*    #look-and-feel .e-0ce4cbf-5e03ef6 {*/
/*        width: 440px !important;*/
/*        max-width: 440px !important;*/
/*    }*/
/*    #the-world-paragrap {*/
/*        width: 510px;*/
/*        max-width: 510px !important;*/
/*        margin-right: 20px;*/
/*    }*/
/*    .elementor .e-44bc1a5-74934bb {*/
/*        justify-content: end !important;*/
/*    }*/
/*    .the-world-section .clb-slider-nav-btn .prev-btn {*/
/*        left: 20px!important;*/
/*    }*/
/*    .the-world-section .clb-slider-nav-btn .next-btn {*/
/*        right: 20px!important;*/
/*    }*/
    
    /*Reference*/
    /*Card*/
/*    .elementor .e-1bac741-4baeabc {*/
/*        max-width: 850px !important;*/
/*        padding: 31px !important;*/
/*    }*/
    /*Dropdown accordion*/
/*    .accordion .accordionItem_title {*/
/*        min-height: 75px !important;*/
/*        height: 75px !important;*/
/*        max-height: 75px !important;*/
/*    }*/
    
    /*Music & Sound*/
    /*Card*/
/*    .elementor .e-0bfa1c4-89cc985 {*/
/*        width: 850px !important;*/
/*        max-width: 850px !important;*/
/*    }*/
    
    /*Vid parallax*/
    /*.pin-spacer .elementor-element-ccf5e4c {*/
    /*    top: 60.33328px !important;*/
    /*}*/
    
    /*look-and-feel-2*/
    /*.look-and-feel-2 img, #key-characters img {*/
    /*    width: 100% !important;*/
    /*    max-height: 320px !important;*/
    /*    max-width: 100% !important;*/
    /*}*/
    /*.look-and-feel-2 .e-con-inner {*/
        /*align-items: center !important;*/
    /*    padding-left: 30px;*/
    /*}*/
    /*.look-and-feel-2 .clb-slider-nav-btn {*/
    /*    margin-right: 80px;*/
    /*}*/
    
    /*Finance Summary*/
    /*Card*/
/*    #finance-summary-card {*/
/*        padding: 50px !important;*/
/*        max-width: 1180px !important;*/
/*        width: 1180px !important;*/
/*    }*/
/*    .budget-section .budget-total {*/
/*        margin-top: 0px;*/
/*    }*/
    
    /*Blog Section*/
    /*Merch Section*/
    /*.blog-section, .merch-section {*/
    /*    padding-left: 11vw !important;*/
    /*}*/
/*    .elementor .e-9276288-390ccf6{*/
/*        align-items: center;*/
/*    }*/
/*    .elementor-162209 .elementor-element.elementor-element-8a429cb > .elementor-widget-container{*/
/*        padding-left: 20px !important;*/
/*    }*/
    
/*    .elementor .e-a423c5e-e655937 {*/
/*        justify-content: center;*/
/*    }*/
    
    
    /*Loop Carousel*/
/*    .elementor-element.elementor-element-8a429cb {*/
/*        max-width: 1285px !important;*/
/*    }*/
    
    /*Merch Section*/
/*    .elementor-162209 .elementor-element.elementor-element-f340234.elementor-element {*/
/*        max-width: 460px !important;*/
/*        width: 460px !important;*/
/*    }*/
/*    .elementor-162209 .elementor-element.elementor-element-840be9d.elementor-element {*/
/*        width: 866px !important;*/
/*        max-width: 866px !important;*/
/*    }*/
/*    .elementor-162209 .elementor-element.elementor-element-f340234 > .elementor-widget-container {*/
/*        padding-right: 135px !important;*/
/*    }*/
/*}*/

@media (min-width: 2048px) {
    /*Cover Title*/
    .elementor-162209 .elementor-element.elementor-element-f65eef6 {
        top: 895px !important;
    }
    
    #finance-summary-card {
        padding: 49px !important;
        max-width: 1295px !important;
        width: 1295px !important;
    }
    /*Executive Summary*/
    .elementor .e-5ab6282-41067f1 {
        max-width: 1220px !important;
        row-gap: 70px !important;
    }
    /*p*/
    #executive-summary p {
        font-size: 18px !important;
    }
    .elementor .e-5ab6282-41067f1 p {
        max-width: 1190px !important;
    }
    
    /*Whynow*/
    .elementor .e-d6fe49d-2d1755a {
        max-width: 1295px !important;
    }
    .elementor .e-4e3c210-5536f92 {
        padding-left: 45px !important;
    }
    
    /*Synopsis*/
    .elementor .e-21b35ad-1b557ea {
        max-width: 1185px !important;
    }
    .elementor .e-21b35ad-1b557ea p{
        font-size: 18px !important;
    }
    
    /*The world*/
    .the-world-section p{
        font-size: 18px !important;
    }
    .elementor .e-2a83be2-d9130d1 {
        justify-content: start !important;
    }
    .tone-class {
        width: 600px !important;
    }
    .elementor-162209 .elementor-element.elementor-element-553b6e1 > .elementor-widget-container {
        width: 590px !important;
    }
    /*.clb-slider-item {*/
        /* min-width: 550px; */
    /*    margin-right: 55px;*/
    /*}*/
    .tone-class img {
        width: 570px !important;
        /*height: 320px;*/
        max-height: 320px !important;
        max-width: 570px !important;
        margin-left: 30px;
    }
    .tone-class .e-con-inner {
        align-items: center !important;
        padding-right: 15px;
    }
    #the-world-paragrap {
        width: 560px !important;
        max-width: 560px !important;
        margin-right: 30px;
    }
    
    /*Reference*/
    .elementor .e-1bac741-4baeabc {
        max-width: 1295px !important;
        width: 1295px !important;
        padding: 49px !important;
    }
    
    /*Music & Sound*/
    /*Card*/
    .elementor .e-0bfa1c4-89cc985 {
        width: 1295px !important;
        max-width: 1295px !important;
    }
    
    /*Key Char*/
    .elementor .animate-key-characters-card {
        padding: 49px !important;
    }
    
    /*Our Team*/
    .elementor-162209 .elementor-element.elementor-element-e38ab9d {
        --content-width: 1295px !important; 
    }
    .elementor .animate-key-characters-card {
        width: 1295px !important;
        min-width: 1295px !important;
        max-width: 1295px !important;
    }
    
    /*Timeline*/
    .e-con-full .timeline-item {
        --width: 92% !important;
    }
    
    /*Other Services/Contact Us*/
    .elementor .e-2263058-aa5aa44 {
        padding-inline-start: 55px !important;
    }
    
    /*Blog Section*/
    /*Merch Section*/
    /*.blog-section, .merch-section {*/
    /*    padding-left: 18vw !important;*/
    /*    min-height: 82vh !important;*/
    /*}*/
    .blog-section, .merch-section, .email-section {
        min-height: 60vh !important;
        height: 75vh !important;
        max-height: 80vh !important;
        justify-content: center;
    }
    .blog-section::before {
        height: 80vh;
    }
     .elementor .e-9276288-390ccf6{
        align-items: center;
    }
    .elementor-162209 .elementor-element.elementor-element-8a429cb > .elementor-widget-container{
        padding-left: 20px !important;
    }
    .elementor-162209 .elementor-element.elementor-element-4956b2b > .elementor-widget-container {
        padding-left: 0px !important;
    }
    
    .elementor .e-a423c5e-e655937 {
        justify-content: center;
    }
    
    /*Loop Carousel*/
    .elementor-element.elementor-element-8a429cb {
        max-width: 1295px !important;
    }
    
    /*Merch Section*/
    .elementor-162209 .elementor-element.elementor-element-f340234.elementor-element {
        max-width: 460px !important;
        width: 460px !important;
    }
    .elementor-162209 .elementor-element.elementor-element-840be9d.elementor-element {
        width: 866px !important;
        max-width: 866px !important;
    }
    .elementor-162209 .elementor-element.elementor-element-f340234 > .elementor-widget-container {
        padding: 0px 80px 40px 30px;
    }
        
    /*Experience Medilink*/
    .elementor .e-9768820-a0a7c85 {
        max-width: 1295px !important;
        width: 1295px !important;
        align-self: center;
        padding-left: 20px;
    }
    .elementor-162209 .elementor-element.elementor-element-750218e {
        --padding-left: 0;
    }
    .email-section {
        padding-left: 30px !important;
    }
}/* End custom CSS */