.elementor-6766 .elementor-element.elementor-element-a71eefa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.2;--padding-top:80px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-a71eefa::before, .elementor-6766 .elementor-element.elementor-element-a71eefa > .elementor-background-video-container::before, .elementor-6766 .elementor-element.elementor-element-a71eefa > .e-con-inner > .elementor-background-video-container::before, .elementor-6766 .elementor-element.elementor-element-a71eefa > .elementor-background-slideshow::before, .elementor-6766 .elementor-element.elementor-element-a71eefa > .e-con-inner > .elementor-background-slideshow::before, .elementor-6766 .elementor-element.elementor-element-a71eefa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-6766 .elementor-element.elementor-element-2eb31bb{--e-icon-list-icon-size:8px;--icon-vertical-offset:0px;}.elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-item > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-6766 .elementor-element.elementor-element-064018e{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-6766 .elementor-element.elementor-element-064018e .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:58px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-aacf4e5{width:var( --container-widget-width, 54% );max-width:54%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;--container-widget-width:54%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-6766 .elementor-element.elementor-element-7eaccc0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6766 .elementor-element.elementor-element-676cb6f{--display:flex;}.elementor-6766 .elementor-element.elementor-element-08584c6{--display:flex;}.elementor-6766 .elementor-element.elementor-element-edc6f6b{--display:flex;}.elementor-6766 .elementor-element.elementor-element-0162f72{--display:flex;}.elementor-6766 .elementor-element.elementor-element-1fec2e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap: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-6766 .elementor-element.elementor-element-4e7bb77 .elementor-button{background-color:#00000000;font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:17px 30px 17px 30px;}.elementor-6766 .elementor-element.elementor-element-4e7bb77 .elementor-button:hover, .elementor-6766 .elementor-element.elementor-element-4e7bb77 .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-4e7bb77 .elementor-button:hover svg, .elementor-6766 .elementor-element.elementor-element-4e7bb77 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-3cc0768c{--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;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-f9dcec2{padding:0px 0px 50px 0px;}.elementor-6766 .elementor-element.elementor-element-f9dcec2 img{width:100%;border-radius:15px 15px 0px 0px;}.elementor-6766 .elementor-element.elementor-element-50e3496{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-e246662{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6766 .elementor-element.elementor-element-766a3ba .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;}.elementor-6766 .elementor-element.elementor-element-c9d798f{--display:flex;}.elementor-6766 .elementor-element.elementor-element-8216dfc .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;}.elementor-6766 .elementor-element.elementor-element-108d3f1{--display:flex;}.elementor-6766 .elementor-element.elementor-element-816b892 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;}.elementor-6766 .elementor-element.elementor-element-4016a0f{--display:flex;}.elementor-6766 .elementor-element.elementor-element-14aaf6c .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;}.elementor-6766 .elementor-element.elementor-element-931be30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 80px;--row-gap:20px;--column-gap:80px;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6766 .elementor-element.elementor-element-e6e9108{--display:flex;--justify-content:center;}.elementor-6766 .elementor-element.elementor-element-e6e9108.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6766 .elementor-element.elementor-element-78e054e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6766 .elementor-element.elementor-element-78e054e .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:33px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-e5b6fa5{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-6766 .elementor-element.elementor-element-e5b6fa5:not(.elementor-motion-effects-element-type-background), .elementor-6766 .elementor-element.elementor-element-e5b6fa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2f29d6c );}.elementor-6766 .elementor-element.elementor-element-5d1b2a5{padding:0px 0px 10px 0px;}.elementor-6766 .elementor-element.elementor-element-5d1b2a5 .elementor-heading-title{font-size:16px;font-weight:400;text-transform:none;}.elementor-6766 .elementor-element.elementor-element-c181d1c .elementor-button{background-color:var( --e-global-color-primary );font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:17px 30px 17px 30px;}.elementor-6766 .elementor-element.elementor-element-c181d1c .elementor-button:hover, .elementor-6766 .elementor-element.elementor-element-c181d1c .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-c181d1c .elementor-button:hover svg, .elementor-6766 .elementor-element.elementor-element-c181d1c .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-d3702c2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6766 .elementor-element.elementor-element-747cae0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-e3b1b5f{--display:flex;--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;}.elementor-6766 .elementor-element.elementor-element-787fcad.elementor-element{--align-self:flex-start;}.elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-6766 .elementor-element.elementor-element-787fcad{--e-icon-list-icon-size:8px;--icon-vertical-offset:0px;}.elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-item > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-6766 .elementor-element.elementor-element-4f1ef0a{width:var( --container-widget-width, 56% );max-width:56%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-6766 .elementor-element.elementor-element-4f1ef0a .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:36px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-2fe948e3{width:var( --container-widget-width, 52% );max-width:52%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-6766 .elementor-element.elementor-element-a33568e{--display:flex;}.elementor-6766 .elementor-element.elementor-element-b1a72e5.elementor-element{--align-self:flex-start;}.elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-6766 .elementor-element.elementor-element-b1a72e5{--e-icon-list-icon-size:8px;--icon-vertical-offset:0px;}.elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-item > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-6766 .elementor-element.elementor-element-4294957{width:var( --container-widget-width, 56% );max-width:56%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-6766 .elementor-element.elementor-element-4294957 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:36px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-b89b324{width:var( --container-widget-width, 52% );max-width:52%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-6766 .elementor-element.elementor-element-143c55b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6766 .elementor-element.elementor-element-9c84619{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-1b0560e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-c085051{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-a8c03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-6766 .elementor-element.elementor-element-3229082{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6766 .elementor-element.elementor-element-6c7dba9{--display:flex;}.elementor-6766 .elementor-element.elementor-element-33ec042{width:var( --container-widget-width, 74% );max-width:74%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:74%;--container-widget-flex-grow:0;text-align:start;}.elementor-6766 .elementor-element.elementor-element-33ec042 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:36px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-5aafd91{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6766 .elementor-element.elementor-element-c6942af{--display:flex;}.elementor-6766 .elementor-element.elementor-element-c6a8736{--display:flex;--min-height:454px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-c6a8736:not(.elementor-motion-effects-element-type-background), .elementor-6766 .elementor-element.elementor-element-c6a8736 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kijo-digital.com/wp-content/uploads/2026/07/Screen-Phone-Mockup.jpg");background-position:center center;background-size:cover;}.elementor-6766 .elementor-element.elementor-element-834dee9{--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;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-4b95ac8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:32px 32px 32px 32px;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6766 .elementor-element.elementor-element-4b95ac8:not(.elementor-motion-effects-element-type-background), .elementor-6766 .elementor-element.elementor-element-4b95ac8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-6766 .elementor-element.elementor-element-6231a5b{--e-icon-list-icon-size:8px;--icon-vertical-offset:0px;}.elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-item > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-text{color:var( --e-global-color-3db3060 );transition:color 0.3s;}.elementor-6766 .elementor-element.elementor-element-dd8abc6{width:var( --container-widget-width, 61% );max-width:61%;padding:0px 0px 0px 0px;--container-widget-width:61%;--container-widget-flex-grow:0;text-align:center;}.elementor-6766 .elementor-element.elementor-element-dd8abc6 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:50px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-2f29d6c );}.elementor-6766 .elementor-element.elementor-element-15e8d64{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.8em;letter-spacing:0px;color:var( --e-global-color-2f29d6c );}.elementor-6766 .elementor-element.elementor-element-15e8d64 p{margin-block-end:0px;}.elementor-6766 .elementor-element.elementor-element-be0533c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap: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-6766 .elementor-element.elementor-element-1cada2d .elementor-button{background-color:var( --e-global-color-3db3060 );font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:17px 30px 17px 30px;}.elementor-6766 .elementor-element.elementor-element-1cada2d .elementor-button:hover, .elementor-6766 .elementor-element.elementor-element-1cada2d .elementor-button:focus{background-color:var( --e-global-color-3db3060 );color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-1cada2d .elementor-button:hover svg, .elementor-6766 .elementor-element.elementor-element-1cada2d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-2199c9c .elementor-button{background-color:var( --e-global-color-3db3060 );font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:17px 30px 17px 30px;}.elementor-6766 .elementor-element.elementor-element-2199c9c .elementor-button:hover, .elementor-6766 .elementor-element.elementor-element-2199c9c .elementor-button:focus{background-color:var( --e-global-color-3db3060 );color:var( --e-global-color-primary );}.elementor-6766 .elementor-element.elementor-element-2199c9c .elementor-button:hover svg, .elementor-6766 .elementor-element.elementor-element-2199c9c .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-6766 .elementor-element.elementor-element-a71eefa{--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-6766 .elementor-element.elementor-element-064018e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--container-widget-width:93%;--container-widget-flex-grow:0;width:var( --container-widget-width, 93% );max-width:93%;}.elementor-6766 .elementor-element.elementor-element-064018e .elementor-heading-title{font-size:39px;}.elementor-6766 .elementor-element.elementor-element-aacf4e5{--container-widget-width:86%;--container-widget-flex-grow:0;width:var( --container-widget-width, 86% );max-width:86%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-6766 .elementor-element.elementor-element-1fec2e6{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-6766 .elementor-element.elementor-element-4e7bb77 .elementor-button{font-size:13px;}.elementor-6766 .elementor-element.elementor-element-3cc0768c{--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-6766 .elementor-element.elementor-element-931be30{--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;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6766 .elementor-element.elementor-element-78e054e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-6766 .elementor-element.elementor-element-78e054e .elementor-heading-title{font-size:37px;}.elementor-6766 .elementor-element.elementor-element-c181d1c .elementor-button{font-size:13px;}.elementor-6766 .elementor-element.elementor-element-d3702c2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-6766 .elementor-element.elementor-element-4f1ef0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-4f1ef0a .elementor-heading-title{font-size:41px;}.elementor-6766 .elementor-element.elementor-element-2fe948e3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-6766 .elementor-element.elementor-element-4294957{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-4294957 .elementor-heading-title{font-size:41px;}.elementor-6766 .elementor-element.elementor-element-b89b324{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-3229082{--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-6766 .elementor-element.elementor-element-33ec042{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-33ec042 .elementor-heading-title{font-size:41px;}.elementor-6766 .elementor-element.elementor-element-834dee9{--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-6766 .elementor-element.elementor-element-4b95ac8{--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-6766 .elementor-element.elementor-element-dd8abc6{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-6766 .elementor-element.elementor-element-dd8abc6 .elementor-heading-title{font-size:37px;}.elementor-6766 .elementor-element.elementor-element-15e8d64{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:15px;}.elementor-6766 .elementor-element.elementor-element-be0533c{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-6766 .elementor-element.elementor-element-1cada2d .elementor-button{font-size:13px;}.elementor-6766 .elementor-element.elementor-element-2199c9c .elementor-button{font-size:13px;}}@media(max-width:767px){.elementor-6766 .elementor-element.elementor-element-a71eefa{--padding-top:0px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-2eb31bb .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-6766 .elementor-element.elementor-element-064018e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-064018e .elementor-heading-title{font-size:25px;}.elementor-6766 .elementor-element.elementor-element-aacf4e5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-6766 .elementor-element.elementor-element-1fec2e6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6766 .elementor-element.elementor-element-4e7bb77{width:100%;max-width:100%;}.elementor-6766 .elementor-element.elementor-element-4e7bb77 .elementor-button{font-size:13px;}.elementor-6766 .elementor-element.elementor-element-3cc0768c{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-6766 .elementor-element.elementor-element-931be30{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6766 .elementor-element.elementor-element-78e054e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-6766 .elementor-element.elementor-element-78e054e .elementor-heading-title{font-size:25px;}.elementor-6766 .elementor-element.elementor-element-c181d1c{width:100%;max-width:100%;}.elementor-6766 .elementor-element.elementor-element-c181d1c .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-6766 .elementor-element.elementor-element-c181d1c .elementor-button{font-size:13px;}.elementor-6766 .elementor-element.elementor-element-e3b1b5f{--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;}.elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-787fcad .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-6766 .elementor-element.elementor-element-4f1ef0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-6766 .elementor-element.elementor-element-4f1ef0a .elementor-heading-title{font-size:25px;}.elementor-6766 .elementor-element.elementor-element-2fe948e3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-b1a72e5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-6766 .elementor-element.elementor-element-4294957{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-6766 .elementor-element.elementor-element-4294957 .elementor-heading-title{font-size:25px;}.elementor-6766 .elementor-element.elementor-element-b89b324{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-33ec042{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-6766 .elementor-element.elementor-element-33ec042 .elementor-heading-title{font-size:25px;}.elementor-6766 .elementor-element.elementor-element-c6a8736{--min-height:268px;}.elementor-6766 .elementor-element.elementor-element-834dee9{--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-6766 .elementor-element.elementor-element-4b95ac8{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6766 .elementor-element.elementor-element-6231a5b .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-6766 .elementor-element.elementor-element-dd8abc6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6766 .elementor-element.elementor-element-dd8abc6 .elementor-heading-title{font-size:24px;}.elementor-6766 .elementor-element.elementor-element-15e8d64{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:15px;}.elementor-6766 .elementor-element.elementor-element-be0533c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6766 .elementor-element.elementor-element-1cada2d{width:100%;max-width:100%;}.elementor-6766 .elementor-element.elementor-element-1cada2d .elementor-button{font-size:13px;}.elementor-6766 .elementor-element.elementor-element-2199c9c{width:100%;max-width:100%;}.elementor-6766 .elementor-element.elementor-element-2199c9c .elementor-button{font-size:13px;}}@media(min-width:768px){.elementor-6766 .elementor-element.elementor-element-a71eefa{--content-width:1350px;}.elementor-6766 .elementor-element.elementor-element-7eaccc0{--width:75%;}.elementor-6766 .elementor-element.elementor-element-3cc0768c{--content-width:1284px;}.elementor-6766 .elementor-element.elementor-element-e6e9108{--width:54.907%;}.elementor-6766 .elementor-element.elementor-element-747cae0{--width:45%;}.elementor-6766 .elementor-element.elementor-element-834dee9{--content-width:1300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6766 .elementor-element.elementor-element-7eaccc0{--width:591px;}.elementor-6766 .elementor-element.elementor-element-e6e9108{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a71eefa */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* ============================================================================
   KIJO DIGITAL — Smart Energy Group case study
   Styles the native-Elementor build to match kijo-case-study-smart-energy.html

   WHERE TO PASTE:  Appearance → Customize → Additional CSS
   (@import MUST stay on line 1).

   HOW IT WORKS:  native Elementor has no semantic classes, so you add a few
   CSS classes yourself via each element's  Advanced → CSS Classes  field.
   Add exactly these (nothing else is required):

     kijo-cs          → EVERY top-level Section/Container of the case study
     kijo-cs__hero    → the hero Container (eyebrow + title + lead)
     kijo-cs__eyebrow → each little "✳ CASE STUDY…" / "✳ THE CHALLENGE" widget
     kijo-cs__meta    → the Container holding Client / Industry / Markets / Engagement
     kijo-cs__head    → each section intro Container (its heading + paragraph)
     kijo-cs__cards   → the Container that holds the Challenge cards
     kijo-cs__card    → each individual Challenge card Container  (add to all of them)
     kijo-cs__stats   → the Container holding the 4 metric cells
     kijo-cs__stat    → each individual metric cell Container    (add to all 4)
     kijo-cs__overview→ the 2-column "Project overview + At a glance" Container
     kijo-cs__facts   → the "At a glance" Container (right column)

   Tip: in Elementor you can copy one styled card/cell and paste it to keep the
   class, so you only type it once.
   ============================================================================ */

/* ---- design tokens (from the template :root) ---- */
.kijo-cs{
  --bg:#F5F2EC; --bg-2:#FBF9F5; --surface:#FFFFFF;
  --ink:#15120F; --ink-2:#3A352F; --muted:#6B655C; --line:#E6DFD4;
  --dark:#141210; --on-dark:#F2EEE6; --pos:#2E7D55; --gold:#C68A2E;
  --r:18px;
  --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  background:var(--bg);
}

/* ---- base typography inside the case study ---- */
.kijo-cs .elementor-heading-title{
  font-weight:700 !important;
  letter-spacing:-.02em;
  line-height:1.08 !important;
  color:var(--ink) !important;
}
.kijo-cs .elementor-widget-text-editor,
.kijo-cs .elementor-widget-text-editor p{
  font-family:var(--font-body) !important;
  color:var(--ink-2) !important;
  line-height:1.65 !important;
}

/* ---- buttons → pill (solid dark) ---- */
.kijo-cs .elementor-button{
  display:inline-flex !important;
  align-items:center;
  gap:.55em;
  font-family:var(--font-body) !important;
  font-weight:500 !important;
  font-size:.95rem !important;
  line-height:1 !important;
  padding:.95em 1.5em !important;
  border-radius:999px !important;
  border:1px solid var(--ink) !important;
  background:var(--ink) !important;
  color:var(--bg) !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.kijo-cs .elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px -12px rgba(20,18,16,.6);
}
/* add class  kijo-cs__btn-ghost  to a button for the outline/hero style */
.kijo-cs .kijo-cs__btn-ghost .elementor-button,
.kijo-cs .elementor-button.kijo-cs__btn-ghost{
  background:transparent !important;
  color:var(--ink) !important;
}

/* ---- eyebrow (mono, uppercase, tracked) ---- */
.kijo-cs__eyebrow,
.kijo-cs__eyebrow .elementor-heading-title,
.kijo-cs__eyebrow .elementor-icon-list-text,
.kijo-cs__eyebrow .elementor-widget-text-editor,
.kijo-cs__eyebrow .elementor-widget-text-editor p{
  font-family:var(--font-mono) !important;
  font-size:.72rem !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  line-height:1.4 !important;
}

/* ===========================  HERO  ======================================== */
.kijo-cs__hero{ text-align:center; }
.kijo-cs__hero .elementor-heading-title{
  font-size:clamp(2.1rem,4.6vw,3.5rem) !important;
  line-height:1.05 !important;
  max-width:20ch;
  margin-inline:auto;
}
.kijo-cs__hero .elementor-widget-text-editor{
  font-size:clamp(1rem,1.4vw,1.18rem) !important;
  color:var(--ink-2) !important;
  max-width:60ch;
  margin-inline:auto;
}

/* ---- meta row: Client / Industry / Markets / Engagement ---- */
.kijo-cs__meta{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:26px 40px;
}
.kijo-cs__meta > .elementor-element{ text-align:left; }
.kijo-cs__meta .elementor-heading-title{
  font-family:var(--font-mono) !important;
  font-size:.66rem !important;
  font-weight:400 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  margin-bottom:3px !important;
}
.kijo-cs__meta .elementor-widget-text-editor,
.kijo-cs__meta .elementor-widget-text-editor p{
  font-family:var(--font-body) !important;
  font-size:.92rem !important;
  font-weight:500 !important;
  color:var(--ink) !important;
}

/* ===========================  SECTION HEADS  =============================== */
.kijo-cs__head{ max-width:760px; }
.kijo-cs__head .elementor-heading-title{
  font-size:clamp(1.7rem,3.2vw,2.5rem) !important;
  line-height:1.1 !important;
  margin-bottom:14px !important;
}
.kijo-cs__head .elementor-widget-text-editor{ color:var(--ink-2) !important; }

/* ===========================  CHALLENGE CARDS  ============================= */
/* set the PARENT (kijo-cs__cards) to Grid/Flex in Elementor; this styles the box */
.kijo-cs__card{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  padding:28px 26px !important;
  height:100%;
}
.kijo-cs__card .elementor-heading-title{
  font-size:1.05rem !important;
  line-height:1.25 !important;
  margin-bottom:10px !important;
}
.kijo-cs__card .elementor-widget-text-editor,
.kijo-cs__card .elementor-widget-text-editor p{
  font-size:.9rem !important;
  color:var(--muted) !important;
}

/* ===========================  METRICS STRIP  ============================== */
.kijo-cs__stats{
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  overflow:hidden;
}
.kijo-cs__stat{
  background:var(--bg-2) !important;
  padding:30px 24px !important;
  border-left:1px solid var(--line);
}
.kijo-cs__stat:first-child{ border-left:0; }
.kijo-cs__stat .elementor-heading-title{
  font-size:clamp(1.9rem,3.4vw,2.7rem) !important;
  line-height:1 !important;
  letter-spacing:-.02em;
}
.kijo-cs__stat .elementor-widget-text-editor,
.kijo-cs__stat .elementor-widget-text-editor p{
  font-size:.86rem !important;
  color:var(--muted) !important;
  margin-top:8px !important;
}
@media(max-width:920px){
  .kijo-cs__stat:nth-child(3){ border-left:0; }        /* clean 2×2 wrap */
}

/* ===========================  OVERVIEW + AT A GLANCE  ====================== */
.kijo-cs__overview{ align-items:start; }
.kijo-cs__overview .kijo-cs__prose .elementor-heading-title,
.kijo-cs__overview > .elementor-element:first-child .elementor-heading-title{
  font-size:clamp(1.5rem,2.6vw,2rem) !important;
  margin-bottom:16px !important;
}

/* the facts / At a glance panel */
.kijo-cs__facts{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  padding:28px !important;
  position:sticky; top:96px;
}
.kijo-cs__facts .elementor-heading-title{
  font-family:var(--font-mono) !important;
  font-weight:400 !important;
  font-size:.7rem !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  line-height:1.4 !important;
  margin:14px 0 4px !important;
}
.kijo-cs__facts .elementor-widget-text-editor,
.kijo-cs__facts .elementor-widget-text-editor p{
  font-size:.94rem !important;
  color:var(--ink) !important;
  font-weight:500 !important;
}
/* turn the "Deliverables" bullet list into tag pills (like the template) */
.kijo-cs__facts .elementor-widget-text-editor ul{
  list-style:none !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.kijo-cs__facts .elementor-widget-text-editor li{
  font-family:var(--font-mono) !important;
  font-size:.66rem !important;
  font-weight:400 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-2) !important;
  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  border-radius:999px;
  padding:5px 10px !important;
  margin:0 !important;
  list-style:none !important;
}
.kijo-cs__facts .elementor-widget-text-editor li::before{ content:none !important; }
.kijo-cs__facts .elementor-button{ width:100%; justify-content:center; margin-top:22px; }

/* ===========================  RESPONSIVE  ================================= */
@media(max-width:920px){
  .kijo-cs__facts{ position:static; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e41a8b5 */.elementor-6766 .elementor-element.elementor-element-e41a8b5 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e24491 *//* Desktop */
.elementor-6766 .elementor-element.elementor-element-6e24491 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
    display:block;
}

/* Mobile */
@media (max-width: 767px){

    .elementor-6766 .elementor-element.elementor-element-6e24491{
        padding:12px;
        gap:12px;
    }

    .elementor-6766 .elementor-element.elementor-element-6e24491 img{
        height:250px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b1b5f *//* Desktop */
.portfolio-item{
    display:flex;
    align-items:center;
    justify-content:center;
    height:500px;
    overflow:hidden;
}

/* Tablet */
@media (min-width:768px) and (max-width:1024px){
    .portfolio-item{
        height:400px;
    }
}

/* Mobile */
@media (max-width:767px){
    .portfolio-item{
        height:300px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3702c2 */.portfolio-row{
    display:flex;
    align-items:stretch;
    gap:30px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5433824 */.card-section {
  padding: 10px 0px;
}

.card-container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.card {
  background: #ffffff;
  padding: 21px;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  position: relative;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.08);
}

.card h3 {
  font-size: 18px;
  margin-bottom: 12px;
  color: #111827;
}

.card p {
  font-size: 15px;
  line-height: 1.6;
  color: #4b5563;
}

/* Responsive */
@media (max-width: 1024px) {
  .card-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .card-container {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a8c03 */.case-section {
  padding: 20px 20px;
}

.case-container {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}

.case-block h2 {
  font-size: 28px;
  margin-bottom: 30px;
  color: #111827;
}

.case-item {
  margin-bottom: 22px;
  padding-left: 16px;
  border-left: 2px solid #e5e7eb;
}

.case-item h4 {
  font-size: 16px;
  margin-bottom: 6px;
  color: #111827;
}

.case-item p {
  font-size: 14.5px;
  line-height: 1.6;
  color: #4b5563;
}

/* Responsive */
@media (max-width: 768px) {
  .case-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cc0768c *//* ============================================================================
   KIJO DIGITAL — Smart Energy Group case study
   Styles the native-Elementor build to match kijo-case-study-smart-energy.html

   WHERE TO PASTE:  Appearance → Customize → Additional CSS
   (@import MUST stay on line 1).

   HOW IT WORKS:  native Elementor has no semantic classes, so you add a few
   CSS classes yourself via each element's  Advanced → CSS Classes  field.
   Add exactly these (nothing else is required):

     kijo-cs          → EVERY top-level Section/Container of the case study
     kijo-cs__hero    → the hero Container (eyebrow + title + lead)
     kijo-cs__eyebrow → each little "✳ CASE STUDY…" / "✳ THE CHALLENGE" widget
     kijo-cs__meta    → the Container holding Client / Industry / Markets / Engagement
     kijo-cs__head    → each section intro Container (its heading + paragraph)
     kijo-cs__cards   → the Container that holds the Challenge cards
     kijo-cs__card    → each individual Challenge card Container  (add to all of them)
     kijo-cs__stats   → the Container holding the 4 metric cells
     kijo-cs__stat    → each individual metric cell Container    (add to all 4)
     kijo-cs__overview→ the 2-column "Project overview + At a glance" Container
     kijo-cs__facts   → the "At a glance" Container (right column)

   Tip: in Elementor you can copy one styled card/cell and paste it to keep the
   class, so you only type it once.
   ============================================================================ */

/* ---- design tokens (from the template :root) ---- */
.kijo-cs{
  --bg:#F5F2EC; --bg-2:#FBF9F5; --surface:#FFFFFF;
  --ink:#15120F; --ink-2:#3A352F; --muted:#6B655C; --line:#E6DFD4;
  --dark:#141210; --on-dark:#F2EEE6; --pos:#2E7D55; --gold:#C68A2E;
  --r:18px;

  --font-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  background:var(--bg);
}

/* ---- base typography inside the case study ---- */
.kijo-cs .elementor-heading-title{
  font-weight:700 !important;
  letter-spacing:-.02em;
  line-height:1.08 !important;
  color:var(--ink) !important;
}
.kijo-cs .elementor-widget-text-editor,
.kijo-cs .elementor-widget-text-editor p{
  color:var(--ink-2) !important;
  line-height:1.65 !important;
}

/* ---- buttons → pill (solid dark) ---- */
.kijo-cs .elementor-button{
  display:inline-flex !important;
  align-items:center;
  gap:.55em;
  font-family:var(--font-body) !important;
  font-weight:500 !important;
  font-size:.95rem !important;
  line-height:1 !important;
  padding:.95em 1.5em !important;
  border-radius:999px !important;
  border:1px solid var(--ink) !important;
  background:var(--ink) !important;
  color:var(--bg) !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.kijo-cs .elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px -12px rgba(20,18,16,.6);
}
/* add class  kijo-cs__btn-ghost  to a button for the outline/hero style */
.kijo-cs .kijo-cs__btn-ghost .elementor-button,
.kijo-cs .elementor-button.kijo-cs__btn-ghost{
  background:transparent !important;
  color:var(--ink) !important;
}

/* ---- eyebrow (mono, uppercase, tracked) ---- */
.kijo-cs__eyebrow,
.kijo-cs__eyebrow .elementor-heading-title,
.kijo-cs__eyebrow .elementor-icon-list-text,
.kijo-cs__eyebrow .elementor-widget-text-editor,
.kijo-cs__eyebrow .elementor-widget-text-editor p{
  font-family:var(--font-mono) !important;
  font-size:.72rem !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  line-height:1.4 !important;
}

/* ===========================  HERO  ======================================== */
.kijo-cs__hero{ text-align:center; }
.kijo-cs__hero .elementor-heading-title{
  font-size:clamp(2.1rem,4.6vw,3.5rem) !important;
  line-height:1.05 !important;
  max-width:20ch;
  margin-inline:auto;
}
.kijo-cs__hero .elementor-widget-text-editor{
  font-size:clamp(1rem,1.4vw,1.18rem) !important;
  color:var(--ink-2) !important;
  max-width:60ch;
  margin-inline:auto;
}

/* ---- meta row: Client / Industry / Markets / Engagement ----
   NOTE: rules target BOTH the container and its .e-con-inner wrapper, so the
   layout works whether the Elementor container is "boxed" or "full width". */
.kijo-cs__meta,
.kijo-cs__meta > .e-con-inner{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:26px 40px;
  align-items:start;
}
.kijo-cs__meta > .elementor-element,
.kijo-cs__meta > .e-con-inner > .elementor-element{ text-align:left; }
.kijo-cs__meta .elementor-heading-title{
  font-family:var(--font-mono) !important;
  font-size:.66rem !important;
  font-weight:400 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  margin-bottom:3px !important;
}
.kijo-cs__meta .elementor-widget-text-editor,
.kijo-cs__meta .elementor-widget-text-editor p{
  font-family:var(--font-body) !important;
  font-size:.92rem !important;
  font-weight:500 !important;
  color:var(--ink) !important;
}

/* ===========================  SECTION HEADS  =============================== */
.kijo-cs__head{ max-width:760px; }
.kijo-cs__head .elementor-heading-title{
  font-size:clamp(1.7rem,3.2vw,2.5rem) !important;
  line-height:1.1 !important;
  margin-bottom:14px !important;
}
.kijo-cs__head .elementor-widget-text-editor{ color:var(--ink-2) !important; }

/* ===========================  CHALLENGE CARDS  ============================= */
/* layout (works boxed or full-width). Change 4 to 3 if you prefer 3 across. */
.kijo-cs__cards,
.kijo-cs__cards > .e-con-inner{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  align-items:stretch;
}
.kijo-cs__card{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  padding:28px 26px !important;
  height:100%;
}
.kijo-cs__card .elementor-heading-title{
  font-size:1.05rem !important;
  line-height:1.25 !important;
  margin-bottom:10px !important;
}
.kijo-cs__card .elementor-widget-text-editor,
.kijo-cs__card .elementor-widget-text-editor p{
  font-size:.9rem !important;
  color:var(--muted) !important;
}

/* ===========================  METRICS STRIP  ============================== */
.kijo-cs__stats{
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  overflow:hidden;
}
.kijo-cs__stats,
.kijo-cs__stats > .e-con-inner{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
}
.kijo-cs__stat{
  background:var(--bg-2) !important;
  padding:30px 24px !important;
  border-left:1px solid var(--line);
}
.kijo-cs__stat:first-child{ border-left:0; }
.kijo-cs__stat .elementor-heading-title{
  font-size:clamp(1.9rem,3.4vw,2.7rem) !important;
  line-height:1 !important;
  letter-spacing:-.02em;
}
.kijo-cs__stat .elementor-widget-text-editor,
.kijo-cs__stat .elementor-widget-text-editor p{
  font-size:.86rem !important;
  color:var(--muted) !important;
  margin-top:8px !important;
}
@media(max-width:920px){
  .kijo-cs__stat:nth-child(3){ border-left:0; }        /* clean 2×2 wrap */
}

/* ===========================  OVERVIEW + AT A GLANCE  ====================== */
.kijo-cs__overview{ align-items:start; }
.kijo-cs__overview .kijo-cs__prose .elementor-heading-title,
.kijo-cs__overview > .elementor-element:first-child .elementor-heading-title{
  font-size:clamp(1.5rem,2.6vw,2rem) !important;
  margin-bottom:16px !important;
}

/* the facts / At a glance panel */
.kijo-cs__facts{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  padding:28px !important;
  position:sticky; top:96px;
}
.kijo-cs__facts .elementor-heading-title{
  font-family:var(--font-mono) !important;
  font-weight:400 !important;
  font-size:.7rem !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  line-height:1.4 !important;
  margin:0px 0 4px !important;
}
.kijo-cs__facts .elementor-widget-text-editor,
.kijo-cs__facts .elementor-widget-text-editor p{
  font-size:.94rem !important;
  color:var(--ink) !important;
  font-weight:500 !important;
}
/* turn the "Deliverables" bullet list into tag pills (like the template) */
.kijo-cs__facts .elementor-widget-text-editor ul{
  list-style:none !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.kijo-cs__facts .elementor-widget-text-editor li{
  font-family:var(--font-mono) !important;
  font-size:.66rem !important;
  font-weight:400 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-2) !important;
  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  border-radius:999px;
  padding:5px 10px !important;
  margin:0 !important;
  list-style:none !important;
}
.kijo-cs__facts .elementor-widget-text-editor li::before{ content:none !important; }
.kijo-cs__facts .elementor-button{ width:100%; justify-content:center; margin-top:22px; }

/* ===========================  RESPONSIVE  ================================= */
@media(max-width:920px){
  .kijo-cs__facts{ position:static; }
  .kijo-cs__meta, .kijo-cs__meta > .e-con-inner,
  .kijo-cs__cards, .kijo-cs__cards > .e-con-inner{ grid-template-columns:1fr 1fr; }
}
@media(max-width:560px){
  .kijo-cs__meta, .kijo-cs__meta > .e-con-inner,
  .kijo-cs__cards, .kijo-cs__cards > .e-con-inner{ grid-template-columns:1fr; }
}

/* ============================================================================
   HTML-WIDGET SECTIONS  —  Challenge / Strategy pillars / What we did & changed
   Use with the three ready-made snippets (paste each into an Elementor HTML
   widget). Every snippet is wrapped in <div class="kijo-cs"> so these tokens
   and fonts apply. Styles are scoped to .kijo-cs so nothing leaks site-wide.
   ============================================================================ */

/* base type for raw HTML inside a .kijo-cs embed (0-specificity, easily overridden) */
.kijo-cs :where(h2,h3,h4){font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.kijo-cs :where(p){font-family:var(--font-body);color:var(--ink-2);line-height:1.65}
.kijo-cs :where(ul){margin:0;padding:0}

/* --- Challenge: joined 4-card strip --- */
.kijo-cs .cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.kijo-cs .ccard{background:var(--surface);padding:28px 26px}
.kijo-cs .ccard h3{font-size:1.02rem;margin-bottom:10px}
.kijo-cs .ccard p{font-size:.9rem;color:var(--muted)}

/* --- Strategy: pillar cards with green check lists --- */
.kijo-cs .pillars{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.kijo-cs .pillar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.kijo-cs .pillar h3{font-size:1.15rem;margin-bottom:8px}
.kijo-cs .pillar > p{font-size:.92rem;color:var(--muted);margin-bottom:16px}
.kijo-cs .pillar ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.kijo-cs .pillar li{display:flex;gap:10px;font-size:.9rem;color:var(--ink-2)}
.kijo-cs .pillar li::before{content:"";flex:0 0 auto;width:16px;height:16px;margin-top:3px;border-radius:50%;background:rgba(46,125,85,.14) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%232E7D55' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center/10px no-repeat}

/* optional approach-tags row (Brand identity · Multi-entity web · …) */
.kijo-cs .approach-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.kijo-cs .atag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.85rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.55em 1em}
.kijo-cs .atag .d{width:7px;height:7px;border-radius:50%;background:var(--pos)}

/* --- What we implemented / What changed --- */
.kijo-cs .io-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.kijo-cs .io h3{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;font-weight:400}
.kijo-cs .io__item{padding:16px 0;border-top:1px solid var(--line)}
.kijo-cs .io__item:first-of-type{border-top:0}
.kijo-cs .io__item h4{font-size:1rem;margin-bottom:5px}
.kijo-cs .io__item p{font-size:.9rem;color:var(--muted)}
.kijo-cs .io--out .io__item h4{padding-left:28px;position:relative}
.kijo-cs .io--out .io__item h4::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:rgba(46,125,85,.14) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%232E7D55' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center/11px no-repeat}

/* responsive for the three embeds */
@media(max-width:920px){
  .kijo-cs .cards-4{grid-template-columns:1fr 1fr}
  .kijo-cs .pillars{grid-template-columns:1fr}
  .kijo-cs .io-grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:560px){
  .kijo-cs .cards-4{grid-template-columns:1fr}
}/* End custom CSS */