.elementor-8653 .elementor-element.elementor-element-8fb2d16{--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;--align-items:center;--gap:20px 100px;--row-gap:20px;--column-gap:100px;--flex-wrap:nowrap;--padding-top:5em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-8fb2d16:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-8fb2d16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3F1;}.elementor-8653 .elementor-element.elementor-element-a94a7c8{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-8653 .elementor-element.elementor-element-dc081bb .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:53px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8653 .elementor-element.elementor-element-dc081bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8653 .elementor-element.elementor-element-5a6bc85{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 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-33ac10a{--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:flex-start;--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-8653 .elementor-element.elementor-element-b8115aa .elementor-button{font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;background-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-8653 .elementor-element.elementor-element-b8115aa .elementor-button:hover, .elementor-8653 .elementor-element.elementor-element-b8115aa .elementor-button:focus{color:var( --e-global-color-primary );background-color:#00000000;}.elementor-8653 .elementor-element.elementor-element-b8115aa .elementor-button:hover svg, .elementor-8653 .elementor-element.elementor-element-b8115aa .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8653 .elementor-element.elementor-element-e3fc0e4 .elementor-button{font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-color:#00000000;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-8653 .elementor-element.elementor-element-e3fc0e4 .elementor-button:hover, .elementor-8653 .elementor-element.elementor-element-e3fc0e4 .elementor-button:focus{color:var( --e-global-color-primary );background-color:#00000000;}.elementor-8653 .elementor-element.elementor-element-e3fc0e4 .elementor-button:hover svg, .elementor-8653 .elementor-element.elementor-element-e3fc0e4 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8653 .elementor-element.elementor-element-521d396{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8653 .elementor-element.elementor-element-0f6d9fd{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8653 .elementor-element.elementor-element-0f6d9fd.e-con{--align-self:flex-start;}.elementor-8653 .elementor-element.elementor-element-c4aa39d{--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-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-c4aa39d:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-c4aa39d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF9F6;}.elementor-8653 .elementor-element.elementor-element-a740624 .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;}.elementor-8653 .elementor-element.elementor-element-a740624{padding:0px 0px 0px 0px;width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-567c386{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-697344b{--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-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-697344b:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-697344b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F2EC;}.elementor-8653 .elementor-element.elementor-element-9e464fa .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;}.elementor-8653 .elementor-element.elementor-element-9e464fa{padding:0px 0px 0px 0px;width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-9067775{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-1c1cead{--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-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-1c1cead:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-1c1cead > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF9F6;}.elementor-8653 .elementor-element.elementor-element-b4105b4 .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;}.elementor-8653 .elementor-element.elementor-element-b4105b4{padding:0px 0px 0px 0px;width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-cb52bff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-bfcab7b{--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-8653 .elementor-element.elementor-element-2e2f2f0{--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-8653 .elementor-element.elementor-element-162158d{--display:flex;--justify-content:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-8653 .elementor-element.elementor-element-162158d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8653 .elementor-element.elementor-element-738f0ca .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;}.elementor-8653 .elementor-element.elementor-element-738f0ca{padding:0px 0px 0px 0px;width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-4b79613 .elementor-button{font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;background-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-8653 .elementor-element.elementor-element-4b79613 .elementor-button:hover, .elementor-8653 .elementor-element.elementor-element-4b79613 .elementor-button:focus{color:var( --e-global-color-primary );background-color:#00000000;}.elementor-8653 .elementor-element.elementor-element-4b79613 .elementor-button:hover svg, .elementor-8653 .elementor-element.elementor-element-4b79613 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8653 .elementor-element.elementor-element-994025d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-9bbf4aa{--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:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-9bbf4aa:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-9bbf4aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141210;}.elementor-8653 .elementor-element.elementor-element-2c923c1 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:43px;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-8653 .elementor-element.elementor-element-2c923c1{padding:0px 0px 0px 0px;width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-067a0aa{color:var( --e-global-color-3db3060 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-af54a8f{--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-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-af54a8f:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-af54a8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F2EC;}.elementor-8653 .elementor-element.elementor-element-bb88df3{--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-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-bb88df3:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-bb88df3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F2EC;}.elementor-8653 .elementor-element.elementor-element-0ca13ee .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;}.elementor-8653 .elementor-element.elementor-element-0ca13ee{padding:0px 0px 0px 0px;width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-a5cf267{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-358dde2{--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-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-358dde2:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-358dde2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF9F6;}.elementor-8653 .elementor-element.elementor-element-24071ad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8653 .elementor-element.elementor-element-617b42b .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;}.elementor-8653 .elementor-element.elementor-element-617b42b{padding:0px 0px 0px 0px;width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-c8b803e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-8d2937a.elementor-element{--align-self:flex-start;}.elementor-8653 .elementor-element.elementor-element-a1c3c65{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-a1c3c65:not(.elementor-motion-effects-element-type-background), .elementor-8653 .elementor-element.elementor-element-a1c3c65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F2EC;}.elementor-8653 .elementor-element.elementor-element-2f8ec86{text-align:center;padding:0px 0px 20px 0px;width:var( --container-widget-width, 69% );max-width:69%;--container-widget-width:69%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-2f8ec86 .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;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-family:"Instrument Serif", Sans-serif;font-size:24px;font-weight:500;color:var( --e-global-color-primary );border-style:solid;border-width:0px 0px 0px 0px;border-color:#0C0C0C10;border-radius:15px 15px 15px 15px;padding:20px 30px 20px 25px;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-primary );border-style:solid;border-width:0px 0px 0px 0px;border-color:#0C0C0C10;border-radius:15px 15px 15px 15px;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-primary );}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:6px;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-body p{color:var( --e-global-color-text );}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-body{color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:20px 40px 30px 30px;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-body p, .elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-body{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-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion > .elementskit-card.active{border-style:solid;border-width:0px 0px 0px 0px;border-color:#68382675;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion > .elementskit-card{border-style:solid;border-width:0px 0px 0px 0px;border-color:#68382630;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{font-size:12px;color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{font-size:12px;color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .ekit_accordion_icon_group, .elementor-8653 .elementor-element.elementor-element-a0a4bfe .ekit_accordion_icon_left_group{margin:0px 20px 0px 0px;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;}.elementor-8653 .elementor-element.elementor-element-404a097{--display:flex;}@media(max-width:1024px){.elementor-8653 .elementor-element.elementor-element-8fb2d16{--gap:50px 20px;--row-gap:50px;--column-gap:20px;--flex-wrap:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-a94a7c8{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-8653 .elementor-element.elementor-element-dc081bb .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-dc081bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-8653 .elementor-element.elementor-element-5a6bc85{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 );--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-8653 .elementor-element.elementor-element-33ac10a{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-8653 .elementor-element.elementor-element-b8115aa .elementor-button{font-size:13px;}.elementor-8653 .elementor-element.elementor-element-e3fc0e4 .elementor-button{font-size:13px;}.elementor-8653 .elementor-element.elementor-element-c4aa39d{--padding-top:30px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-a740624 .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-a740624{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8653 .elementor-element.elementor-element-567c386{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:67%;--container-widget-flex-grow:0;width:var( --container-widget-width, 67% );max-width:67%;}.elementor-8653 .elementor-element.elementor-element-697344b{--padding-top:30px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-9e464fa .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-9e464fa{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8653 .elementor-element.elementor-element-9067775{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:67%;--container-widget-flex-grow:0;width:var( --container-widget-width, 67% );max-width:67%;}.elementor-8653 .elementor-element.elementor-element-1c1cead{--padding-top:30px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-b4105b4 .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-b4105b4{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8653 .elementor-element.elementor-element-cb52bff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:67%;--container-widget-flex-grow:0;width:var( --container-widget-width, 67% );max-width:67%;}.elementor-8653 .elementor-element.elementor-element-bfcab7b{--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-2e2f2f0{--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-8653 .elementor-element.elementor-element-738f0ca .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-738f0ca{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8653 .elementor-element.elementor-element-4b79613 .elementor-button{font-size:13px;}.elementor-8653 .elementor-element.elementor-element-9bbf4aa{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-2c923c1 .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-2c923c1{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8653 .elementor-element.elementor-element-067a0aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:67%;--container-widget-flex-grow:0;width:var( --container-widget-width, 67% );max-width:67%;}.elementor-8653 .elementor-element.elementor-element-af54a8f{--padding-top:30px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-bb88df3{--padding-top:30px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-0ca13ee .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-0ca13ee{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8653 .elementor-element.elementor-element-a5cf267{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:67%;--container-widget-flex-grow:0;width:var( --container-widget-width, 67% );max-width:67%;}.elementor-8653 .elementor-element.elementor-element-358dde2{--padding-top:30px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-617b42b .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-617b42b{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8653 .elementor-element.elementor-element-c8b803e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:67%;--container-widget-flex-grow:0;width:var( --container-widget-width, 67% );max-width:67%;}.elementor-8653 .elementor-element.elementor-element-a1c3c65{--padding-top:30px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8653 .elementor-element.elementor-element-2f8ec86 .elementor-heading-title{font-size:37px;}.elementor-8653 .elementor-element.elementor-element-2f8ec86{padding:0px 0px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-body p, .elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-body{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-8653 .elementor-element.elementor-element-a0a4bfe{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%;}}@media(max-width:767px){.elementor-8653 .elementor-element.elementor-element-8fb2d16{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-e257616.elementor-element{--align-self:center;}.elementor-8653 .elementor-element.elementor-element-dc081bb .elementor-heading-title{font-size:32px;}.elementor-8653 .elementor-element.elementor-element-dc081bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8653 .elementor-element.elementor-element-dc081bb.elementor-element{--align-self:center;}.elementor-8653 .elementor-element.elementor-element-5a6bc85{text-align:center;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 );--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-33ac10a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8653 .elementor-element.elementor-element-b8115aa .elementor-button{font-size:13px;}.elementor-8653 .elementor-element.elementor-element-b8115aa{width:100%;max-width:100%;}.elementor-8653 .elementor-element.elementor-element-e3fc0e4 .elementor-button{font-size:13px;}.elementor-8653 .elementor-element.elementor-element-e3fc0e4{width:100%;max-width:100%;}.elementor-8653 .elementor-element.elementor-element-521d396{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8653 .elementor-element.elementor-element-c4aa39d{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-a740624 .elementor-heading-title{font-size:24px;}.elementor-8653 .elementor-element.elementor-element-a740624{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-567c386{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-8653 .elementor-element.elementor-element-697344b{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-9e464fa .elementor-heading-title{font-size:24px;}.elementor-8653 .elementor-element.elementor-element-9e464fa{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-9067775{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-8653 .elementor-element.elementor-element-1c1cead{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-b4105b4 .elementor-heading-title{font-size:24px;}.elementor-8653 .elementor-element.elementor-element-b4105b4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-cb52bff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-8653 .elementor-element.elementor-element-bfcab7b{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-2e2f2f0{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8653 .elementor-element.elementor-element-738f0ca .elementor-heading-title{font-size:24px;}.elementor-8653 .elementor-element.elementor-element-738f0ca{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-4b79613 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-8653 .elementor-element.elementor-element-4b79613 .elementor-button{font-size:13px;}.elementor-8653 .elementor-element.elementor-element-4b79613{width:100%;max-width:100%;}.elementor-8653 .elementor-element.elementor-element-9bbf4aa{--padding-top:3em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-8653 .elementor-element.elementor-element-2c923c1 .elementor-heading-title{font-size:24px;}.elementor-8653 .elementor-element.elementor-element-2c923c1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-067a0aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-8653 .elementor-element.elementor-element-af54a8f{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-bb88df3{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-0ca13ee .elementor-heading-title{font-size:24px;}.elementor-8653 .elementor-element.elementor-element-0ca13ee{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-a5cf267{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-8653 .elementor-element.elementor-element-358dde2{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-24071ad{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8653 .elementor-element.elementor-element-617b42b .elementor-heading-title{font-size:24px;}.elementor-8653 .elementor-element.elementor-element-617b42b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-c8b803e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-8653 .elementor-element.elementor-element-a1c3c65{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8653 .elementor-element.elementor-element-2f8ec86 .elementor-heading-title{font-size:24px;}.elementor-8653 .elementor-element.elementor-element-2f8ec86{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:21px;line-height:1.5em;padding:18px 30px 18px 18px;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-body p, .elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-body{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-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{font-size:14px;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{font-size:17px;}.elementor-8653 .elementor-element.elementor-element-a0a4bfe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-8653 .elementor-element.elementor-element-8fb2d16{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-0f6d9fd{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-c4aa39d{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-697344b{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-1c1cead{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-bfcab7b{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-162158d{--width:54.907%;}.elementor-8653 .elementor-element.elementor-element-9bbf4aa{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-af54a8f{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-bb88df3{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-358dde2{--content-width:1200px;}.elementor-8653 .elementor-element.elementor-element-a1c3c65{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8653 .elementor-element.elementor-element-162158d{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-8fb2d16 *//* ============================================================
   KIJO DIGITAL — TRAVEL / TOUR OPERATOR PAGE · GLOBAL CSS
   ------------------------------------------------------------
   WHERE TO PASTE:
   Elementor (top-left hamburger) → Site Settings → Custom CSS
   …or, for this page only: Edit page → Page Settings (gear,
   bottom-left) → Advanced → Custom CSS.

   HOW THE CLASSES ARE USED:
   You add the short class name to a widget in its
   Advanced tab → "CSS Classes" field. e.g. put  k-title  on
   every section Heading, k-eyebrow on the small label, k-sub
   on the intro paragraph. The card sections (k-compare, k-feat,
   k-io) come from the HTML snippets file — paste those into an
   "HTML" widget and this CSS styles them automatically.

   NOTE: keep the @import on the FIRST line or the fonts won't load.
   ============================================================ */
@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');

/* ---------- 1. DESIGN TOKENS ---------- */
:root{
  --k-bg:#F5F2EC;
  --k-bg-2:#FBF9F3;
  --k-surface:#FFFFFF;
  --k-ink:#161611;
  --k-ink-2:#3A352F;
  --k-muted:#6B655C;
  --k-line:#E6E0D2;
  --k-pos:#2E7D55;
  --k-neg:#B4503F;
  --k-dark:#141210;
  --k-on-dark:#F2EEE6;
  --k-gold:#C68A2E;
  --k-r:18px;
  --k-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --k-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --k-mono:'Space Mono',ui-monospace,monospace;
}

/* =========================================================
   2. REUSABLE HELPER CLASSES  (add via widget → CSS Classes)
   ========================================================= */

/* --- k-eyebrow : the small mono label above every title --- */
.k-eyebrow,
.k-eyebrow .elementor-heading-title,
.k-eyebrow .elementor-icon-list-text,
.k-eyebrow .elementor-widget-container{
  font-family:var(--k-mono)!important;
  font-size:.72rem!important;
  font-weight:400!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--k-muted)!important;
}

/* --- k-title : ONE class for EVERY section heading --- */
.k-title,
.k-title .elementor-heading-title{
  letter-spacing:-.02em!important;
  line-height:1.04!important;
  color:var(--k-ink)!important;
  font-size:clamp(1.8rem,3.4vw,2.7rem)!important;
}
/* bigger variant for the hero H1 — add  k-title k-title--xl  */
.k-title--xl,
.k-title--xl .elementor-heading-title{
  font-size:clamp(2.2rem,4.6vw,3.6rem)!important;
}

/* --- k-sub : the intro paragraph under a title --- */
.k-sub,
.k-sub p,
.k-sub .elementor-widget-container{
  color:var(--k-ink-2)!important;
  font-size:1.02rem!important;
  line-height:1.65!important;
}

/* --- k-center : center a title block (optional) --- */
.k-center{ text-align:center!important; }
.k-center .elementor-widget-container{ margin-left:auto; margin-right:auto; }

/* --- k-def / k-key : the Definition & Key-takeaway boxes --- */
.k-def, .k-key{
  border:1px solid var(--k-line);
  border-radius:14px;
  padding:22px 26px;
  max-width:860px;
  margin:0 auto;
}
.k-def{ background:var(--k-surface); border-left:3px solid var(--k-pos); }
.k-key{ background:var(--k-bg-2); }
.k-def .elementor-heading-title,
.k-key .elementor-heading-title{
  font-family:var(--k-mono)!important; font-size:.68rem!important;
  letter-spacing:.12em!important; text-transform:uppercase!important;
  font-weight:400!important; margin-bottom:8px!important;
}
.k-key .elementor-heading-title{ color:var(--k-pos)!important; }
.k-def .elementor-heading-title{ color:var(--k-muted)!important; }

/* =========================================================
   3. COMPONENT: COMPARISON CARD  (The specialist difference)
   Paste the matching HTML into an HTML widget.
   ========================================================= */
.k-compare{
  background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:var(--k-r);padding:clamp(28px,4vw,48px);
  max-width:1000px;margin:0 auto;
  box-shadow:0 24px 56px -44px rgba(20,18,16,.4);
  font-family:var(--k-body);
}
.k-compare__cols{ display:grid;grid-template-columns:1fr 1fr;gap:40px; }
.k-compare__label{
  font-family:var(--k-mono);font-size:.76rem;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:8px;
}
.k-compare__col--no  .k-compare__label{ color:var(--k-neg); }
.k-compare__col--yes .k-compare__label{ color:var(--k-pos); }
.k-compare__col ul{ list-style:none;margin:0;padding:0; }
.k-compare__col li{
  display:flex;gap:12px;align-items:flex-start;
  padding:13px 0;border-top:1px solid var(--k-line);
  font-size:.95rem;color:var(--k-ink-2);line-height:1.5;
}
.k-compare__col li:first-child{ border-top:0; }
.k-mark{
  flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;font-size:.7rem;font-weight:700;margin-top:1px;
}
.k-mark--no{ background:rgba(180,80,63,.12);color:var(--k-neg); }
.k-mark--yes{ background:rgba(46,125,85,.14);color:var(--k-pos); }
@media(max-width:900px){ .k-compare__cols{ grid-template-columns:1fr;gap:26px; } }

/* =========================================================
   4. COMPONENT: FEATURES GRID  (Features every travel website needs)
   ========================================================= */
.k-feat{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  max-width:1040px;margin:0 auto;font-family:var(--k-body);
}
.k-feat__item{
  display:flex;gap:12px;background:var(--k-surface);
  border:1px solid var(--k-line);border-radius:12px;padding:16px 18px;
}
.k-feat__item .k-tick{
  flex:0 0 auto;width:20px;height:20px;border-radius:50%;
  background:rgba(46,125,85,.14);color:var(--k-pos);
  display:grid;place-items:center;font-size:.64rem;font-weight:700;margin-top:2px;
}
.k-feat__item b{
  font-family:var(--k-display);font-weight:600;font-size:.92rem;
  color:var(--k-ink);display:block;
}
.k-feat__item span{
  font-size:.8rem;color:var(--k-muted);display:block;margin-top:2px;
}
@media(max-width:900px){ .k-feat{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .k-feat{ grid-template-columns:1fr; } }

/* =========================================================
   5. COMPONENT: SERVICES GRID  (What we build – and why it works)
   Each row is a clickable link.
   ========================================================= */
.k-io{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--k-line);border:1px solid var(--k-line);
  border-radius:var(--k-r);overflow:hidden;max-width:1040px;margin:0 auto;
}
.k-io__row{
  background:var(--k-bg-2);display:grid;grid-template-columns:52px 1fr;
  gap:16px;padding:26px 28px;text-decoration:none;transition:background .2s ease;
}
.k-io__row:hover{ background:var(--k-surface); }
.k-io__no{ font-family:var(--k-mono);font-size:.8rem;color:var(--k-pos);padding-top:2px; }
.k-io__b h4{
  font-family:var(--k-display);font-weight:700;font-size:1.05rem;
  letter-spacing:-.01em;color:var(--k-ink);margin:0 0 6px;
}
.k-io__b p{ font-family:var(--k-body);font-size:.9rem;color:var(--k-muted);margin:0;line-height:1.55; }
@media(max-width:820px){ .k-io{ grid-template-columns:1fr; } }

/* =========================================================
   6. COMPONENT: INTEGRATION TAGS  (optional)
   ========================================================= */
.k-tags{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  max-width:840px;margin:0 auto;font-family:var(--k-mono);
}
.k-tags span{
  font-size:.74rem;letter-spacing:.03em;color:var(--k-ink-2);
  background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:999px;padding:.6em 1.05em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6d9fd */.answer{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:14px;padding:26px 28px;max-width:74ch;margin-top:26px}
  .answer__label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
  .answer p{font-size:1.04rem;color:var(--ink);line-height:1.6}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4aa39d *//* ============================================================
   KIJO DIGITAL  .  "What I build" services section
   Pair with kijo-services.html.
   Paste into Elementor > Site Settings > Custom CSS.
   ============================================================ */

/* Design tokens (scoped so the block works on its own) */
.kjs,
.kjs__grid,
.kjs__card{
  --kjs-bg:#FBF9F5;
  --kjs-surface:#FFFFFF;
  --kjs-line:#E6DFD4;
  --kjs-ink:#15120F;
  --kjs-ink-2:#3A352F;
  --kjs-muted:#6B655C;
  --kjs-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  --kjs-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --kjs-body:'Inter',ui-sans-serif,system-ui,sans-serif;
}

/* ---- Bordered grid (dividers made by a 1px gap over a line-coloured bg) -- */
.kjs__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--kjs-line);
  border:1px solid var(--kjs-line);
  border-radius:20px;
  overflow:hidden;
}

/* ---- Card (a full-cell link) -------------------------------------------- */
.kjs__card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:28px 26px 30px;
  background:var(--kjs-bg);
  color:inherit;
  text-decoration:none;
  transition:background .25s ease;
}
.kjs__card:hover,
.kjs__card:focus-visible{ background:var(--kjs-surface); }
.kjs__card:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px var(--kjs-ink);   /* keyboard ring, not clipped */
}

/* number */
.kjs__no{
  font-family:var(--kjs-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--kjs-muted);
  transition:color .25s ease;
}
.kjs__card:hover .kjs__no,
.kjs__card:focus-visible .kjs__no{ color:var(--kjs-ink); }

/* hover arrow (top-right) */
.kjs__arrow{
  position:absolute;
  top:26px;
  right:24px;
  font-size:1rem;
  line-height:1;
  color:var(--kjs-ink);
  opacity:0;
  transform:translate(-4px,4px);
  transition:opacity .25s ease, transform .25s ease;
}
.kjs__card:hover .kjs__arrow,
.kjs__card:focus-visible .kjs__arrow{
  opacity:1;
  transform:translate(0,0);
}

/* title */
.kjs__ct{
  margin:16px 0 8px;
  font-family:var(--kjs-display);
  font-variation-settings:"opsz" 40;
  font-weight:700;
  font-size:1.12rem;
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--kjs-ink);
}

/* description */
.kjs__desc{
  margin:0;
  font-family:var(--kjs-body);
  font-size:.9rem;
  line-height:1.55;
  color:var(--kjs-muted);
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:1024px){
  .kjs__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .kjs__grid{ grid-template-columns:1fr; }
  .kjs__card{ padding:24px 22px 26px; }
  /* no hover on touch, so keep the arrow visible */
  .kjs__arrow{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .kjs__card,
  .kjs__no,
  .kjs__arrow{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-697344b *//* ============================================================
   KIJO DIGITAL  .  "What I build" services section
   Pair with kijo-services.html.
   Paste into Elementor > Site Settings > Custom CSS.
   ============================================================ */

/* Design tokens (scoped so the block works on its own) */
.kjs,
.kjs__grid,
.kjs__card{
  --kjs-bg:#FBF9F5;
  --kjs-surface:#FFFFFF;
  --kjs-line:#E6DFD4;
  --kjs-ink:#15120F;
  --kjs-ink-2:#3A352F;
  --kjs-muted:#6B655C;
  --kjs-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  --kjs-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --kjs-body:'Inter',ui-sans-serif,system-ui,sans-serif;
}

/* ---- Bordered grid (dividers made by a 1px gap over a line-coloured bg) -- */
.kjs__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--kjs-line);
  border:1px solid var(--kjs-line);
  border-radius:20px;
  overflow:hidden;
}

/* ---- Card (a full-cell link) -------------------------------------------- */
.kjs__card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:28px 26px 30px;
  background:var(--kjs-bg);
  color:inherit;
  text-decoration:none;
  transition:background .25s ease;
}
.kjs__card:hover,
.kjs__card:focus-visible{ background:var(--kjs-surface); }
.kjs__card:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px var(--kjs-ink);   /* keyboard ring, not clipped */
}

/* number */
.kjs__no{
  font-family:var(--kjs-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--kjs-muted);
  transition:color .25s ease;
}
.kjs__card:hover .kjs__no,
.kjs__card:focus-visible .kjs__no{ color:var(--kjs-ink); }

/* hover arrow (top-right) */
.kjs__arrow{
  position:absolute;
  top:26px;
  right:24px;
  font-size:1rem;
  line-height:1;
  color:var(--kjs-ink);
  opacity:0;
  transform:translate(-4px,4px);
  transition:opacity .25s ease, transform .25s ease;
}
.kjs__card:hover .kjs__arrow,
.kjs__card:focus-visible .kjs__arrow{
  opacity:1;
  transform:translate(0,0);
}

/* title */
.kjs__ct{
  margin:16px 0 8px;
  font-family:var(--kjs-display);
  font-variation-settings:"opsz" 40;
  font-weight:700;
  font-size:1.12rem;
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--kjs-ink);
}

/* description */
.kjs__desc{
  margin:0;
  font-family:var(--kjs-body);
  font-size:.9rem;
  line-height:1.55;
  color:var(--kjs-muted);
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:1024px){
  .kjs__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .kjs__grid{ grid-template-columns:1fr; }
  .kjs__card{ padding:24px 22px 26px; }
  /* no hover on touch, so keep the arrow visible */
  .kjs__arrow{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .kjs__card,
  .kjs__no,
  .kjs__arrow{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c1cead *//* ============================================================
   KIJO DIGITAL  .  "What I build" services section
   Pair with kijo-services.html.
   Paste into Elementor > Site Settings > Custom CSS.
   ============================================================ */

/* Design tokens (scoped so the block works on its own) */
.kjs,
.kjs__grid,
.kjs__card{
  --kjs-bg:#FBF9F5;
  --kjs-surface:#FFFFFF;
  --kjs-line:#E6DFD4;
  --kjs-ink:#15120F;
  --kjs-ink-2:#3A352F;
  --kjs-muted:#6B655C;
  --kjs-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  --kjs-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --kjs-body:'Inter',ui-sans-serif,system-ui,sans-serif;
}

/* ---- Bordered grid (dividers made by a 1px gap over a line-coloured bg) -- */
.kjs__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--kjs-line);
  border:1px solid var(--kjs-line);
  border-radius:20px;
  overflow:hidden;
}

/* ---- Card (a full-cell link) -------------------------------------------- */
.kjs__card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:28px 26px 30px;
  background:var(--kjs-bg);
  color:inherit;
  text-decoration:none;
  transition:background .25s ease;
}
.kjs__card:hover,
.kjs__card:focus-visible{ background:var(--kjs-surface); }
.kjs__card:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px var(--kjs-ink);   /* keyboard ring, not clipped */
}

/* number */
.kjs__no{
  font-family:var(--kjs-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--kjs-muted);
  transition:color .25s ease;
}
.kjs__card:hover .kjs__no,
.kjs__card:focus-visible .kjs__no{ color:var(--kjs-ink); }

/* hover arrow (top-right) */
.kjs__arrow{
  position:absolute;
  top:26px;
  right:24px;
  font-size:1rem;
  line-height:1;
  color:var(--kjs-ink);
  opacity:0;
  transform:translate(-4px,4px);
  transition:opacity .25s ease, transform .25s ease;
}
.kjs__card:hover .kjs__arrow,
.kjs__card:focus-visible .kjs__arrow{
  opacity:1;
  transform:translate(0,0);
}

/* title */
.kjs__ct{
  margin:16px 0 8px;
  font-family:var(--kjs-display);
  font-variation-settings:"opsz" 40;
  font-weight:700;
  font-size:1.12rem;
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--kjs-ink);
}

/* description */
.kjs__desc{
  margin:0;
  font-family:var(--kjs-body);
  font-size:.9rem;
  line-height:1.55;
  color:var(--kjs-muted);
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:1024px){
  .kjs__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .kjs__grid{ grid-template-columns:1fr; }
  .kjs__card{ padding:24px 22px 26px; }
  /* no hover on touch, so keep the arrow visible */
  .kjs__arrow{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .kjs__card,
  .kjs__no,
  .kjs__arrow{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfcab7b *//* ============================================================================
   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 */
/* Start custom CSS for container, class: .elementor-element-af54a8f *//* ============================================================
   KIJO DIGITAL  .  "What I build" services section
   Pair with kijo-services.html.
   Paste into Elementor > Site Settings > Custom CSS.
   ============================================================ */

/* Design tokens (scoped so the block works on its own) */
.kjs,
.kjs__grid,
.kjs__card{
  --kjs-bg:#FBF9F5;
  --kjs-surface:#FFFFFF;
  --kjs-line:#E6DFD4;
  --kjs-ink:#15120F;
  --kjs-ink-2:#3A352F;
  --kjs-muted:#6B655C;
  --kjs-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  --kjs-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --kjs-body:'Inter',ui-sans-serif,system-ui,sans-serif;
}

/* ---- Bordered grid (dividers made by a 1px gap over a line-coloured bg) -- */
.kjs__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--kjs-line);
  border:1px solid var(--kjs-line);
  border-radius:20px;
  overflow:hidden;
}

/* ---- Card (a full-cell link) -------------------------------------------- */
.kjs__card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:28px 26px 30px;
  background:var(--kjs-bg);
  color:inherit;
  text-decoration:none;
  transition:background .25s ease;
}
.kjs__card:hover,
.kjs__card:focus-visible{ background:var(--kjs-surface); }
.kjs__card:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px var(--kjs-ink);   /* keyboard ring, not clipped */
}

/* number */
.kjs__no{
  font-family:var(--kjs-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--kjs-muted);
  transition:color .25s ease;
}
.kjs__card:hover .kjs__no,
.kjs__card:focus-visible .kjs__no{ color:var(--kjs-ink); }

/* hover arrow (top-right) */
.kjs__arrow{
  position:absolute;
  top:26px;
  right:24px;
  font-size:1rem;
  line-height:1;
  color:var(--kjs-ink);
  opacity:0;
  transform:translate(-4px,4px);
  transition:opacity .25s ease, transform .25s ease;
}
.kjs__card:hover .kjs__arrow,
.kjs__card:focus-visible .kjs__arrow{
  opacity:1;
  transform:translate(0,0);
}

/* title */
.kjs__ct{
  margin:16px 0 8px;
  font-family:var(--kjs-display);
  font-variation-settings:"opsz" 40;
  font-weight:700;
  font-size:1.12rem;
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--kjs-ink);
}

/* description */
.kjs__desc{
  margin:0;
  font-family:var(--kjs-body);
  font-size:.9rem;
  line-height:1.55;
  color:var(--kjs-muted);
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:1024px){
  .kjs__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .kjs__grid{ grid-template-columns:1fr; }
  .kjs__card{ padding:24px 22px 26px; }
  /* no hover on touch, so keep the arrow visible */
  .kjs__arrow{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .kjs__card,
  .kjs__no,
  .kjs__arrow{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb88df3 *//* ============================================================
   KIJO DIGITAL  .  "What I build" services section
   Pair with kijo-services.html.
   Paste into Elementor > Site Settings > Custom CSS.
   ============================================================ */

/* Design tokens (scoped so the block works on its own) */
.kjs,
.kjs__grid,
.kjs__card{
  --kjs-bg:#FBF9F5;
  --kjs-surface:#FFFFFF;
  --kjs-line:#E6DFD4;
  --kjs-ink:#15120F;
  --kjs-ink-2:#3A352F;
  --kjs-muted:#6B655C;
  --kjs-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  --kjs-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --kjs-body:'Inter',ui-sans-serif,system-ui,sans-serif;
}

/* ---- Bordered grid (dividers made by a 1px gap over a line-coloured bg) -- */
.kjs__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--kjs-line);
  border:1px solid var(--kjs-line);
  border-radius:20px;
  overflow:hidden;
}

/* ---- Card (a full-cell link) -------------------------------------------- */
.kjs__card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:28px 26px 30px;
  background:var(--kjs-bg);
  color:inherit;
  text-decoration:none;
  transition:background .25s ease;
}
.kjs__card:hover,
.kjs__card:focus-visible{ background:var(--kjs-surface); }
.kjs__card:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px var(--kjs-ink);   /* keyboard ring, not clipped */
}

/* number */
.kjs__no{
  font-family:var(--kjs-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--kjs-muted);
  transition:color .25s ease;
}
.kjs__card:hover .kjs__no,
.kjs__card:focus-visible .kjs__no{ color:var(--kjs-ink); }

/* hover arrow (top-right) */
.kjs__arrow{
  position:absolute;
  top:26px;
  right:24px;
  font-size:1rem;
  line-height:1;
  color:var(--kjs-ink);
  opacity:0;
  transform:translate(-4px,4px);
  transition:opacity .25s ease, transform .25s ease;
}
.kjs__card:hover .kjs__arrow,
.kjs__card:focus-visible .kjs__arrow{
  opacity:1;
  transform:translate(0,0);
}

/* title */
.kjs__ct{
  margin:16px 0 8px;
  font-family:var(--kjs-display);
  font-variation-settings:"opsz" 40;
  font-weight:700;
  font-size:1.12rem;
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--kjs-ink);
}

/* description */
.kjs__desc{
  margin:0;
  font-family:var(--kjs-body);
  font-size:.9rem;
  line-height:1.55;
  color:var(--kjs-muted);
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:1024px){
  .kjs__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .kjs__grid{ grid-template-columns:1fr; }
  .kjs__card{ padding:24px 22px 26px; }
  /* no hover on touch, so keep the arrow visible */
  .kjs__arrow{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .kjs__card,
  .kjs__no,
  .kjs__arrow{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-358dde2 *//* ============================================================
   KIJO DIGITAL  .  "What I build" services section
   Pair with kijo-services.html.
   Paste into Elementor > Site Settings > Custom CSS.
   ============================================================ */

/* Design tokens (scoped so the block works on its own) */
.kjs,
.kjs__grid,
.kjs__card{
  --kjs-bg:#FBF9F5;
  --kjs-surface:#FFFFFF;
  --kjs-line:#E6DFD4;
  --kjs-ink:#15120F;
  --kjs-ink-2:#3A352F;
  --kjs-muted:#6B655C;
  --kjs-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  --kjs-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --kjs-body:'Inter',ui-sans-serif,system-ui,sans-serif;
}

/* ---- Bordered grid (dividers made by a 1px gap over a line-coloured bg) -- */
.kjs__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--kjs-line);
  border:1px solid var(--kjs-line);
  border-radius:20px;
  overflow:hidden;
}

/* ---- Card (a full-cell link) -------------------------------------------- */
.kjs__card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:28px 26px 30px;
  background:var(--kjs-bg);
  color:inherit;
  text-decoration:none;
  transition:background .25s ease;
}
.kjs__card:hover,
.kjs__card:focus-visible{ background:var(--kjs-surface); }
.kjs__card:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px var(--kjs-ink);   /* keyboard ring, not clipped */
}

/* number */
.kjs__no{
  font-family:var(--kjs-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--kjs-muted);
  transition:color .25s ease;
}
.kjs__card:hover .kjs__no,
.kjs__card:focus-visible .kjs__no{ color:var(--kjs-ink); }

/* hover arrow (top-right) */
.kjs__arrow{
  position:absolute;
  top:26px;
  right:24px;
  font-size:1rem;
  line-height:1;
  color:var(--kjs-ink);
  opacity:0;
  transform:translate(-4px,4px);
  transition:opacity .25s ease, transform .25s ease;
}
.kjs__card:hover .kjs__arrow,
.kjs__card:focus-visible .kjs__arrow{
  opacity:1;
  transform:translate(0,0);
}

/* title */
.kjs__ct{
  margin:16px 0 8px;
  font-family:var(--kjs-display);
  font-variation-settings:"opsz" 40;
  font-weight:700;
  font-size:1.12rem;
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--kjs-ink);
}

/* description */
.kjs__desc{
  margin:0;
  font-family:var(--kjs-body);
  font-size:.9rem;
  line-height:1.55;
  color:var(--kjs-muted);
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:1024px){
  .kjs__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .kjs__grid{ grid-template-columns:1fr; }
  .kjs__card{ padding:24px 22px 26px; }
  /* no hover on touch, so keep the arrow visible */
  .kjs__arrow{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .kjs__card,
  .kjs__no,
  .kjs__arrow{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a0a4bfe *//* ElementsKit accordion — icon toggle, SVG-level (fallback) */

/* default (collapsed): show plus, hide cross — down to the svg */
.elementskit-card .ekit_accordion_normal_icon,
.elementskit-card .ekit_accordion_normal_icon svg { display: inline-flex; }
.elementskit-card .ekit_accordion_active_icon,
.elementskit-card .ekit_accordion_active_icon svg { display: none; }

/* open: hide plus, show cross — match either .active or aria-expanded */
.elementskit-card.active .ekit_accordion_normal_icon,
.elementskit-card.active .ekit_accordion_normal_icon svg,
.ekit-accordion--toggler[aria-expanded="true"] .ekit_accordion_normal_icon,
.ekit-accordion--toggler[aria-expanded="true"] .ekit_accordion_normal_icon svg { display: none; }

.elementskit-card.active .ekit_accordion_active_icon,
.ekit-accordion--toggler[aria-expanded="true"] .ekit_accordion_active_icon { display: inline-flex; }

.elementskit-card.active .ekit_accordion_active_icon svg,
.ekit-accordion--toggler[aria-expanded="true"] .ekit_accordion_active_icon svg {
  display: inline-block;
  width: .85em;
  height: .85em;
  fill: currentColor;          /* in case the fill was lost with the stylesheet */
  stroke: currentColor;
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1c3c65 *//* ============================================================
   KIJO DIGITAL  .  FAQ  (ElementsKit Accordion widget)
   Paste into Elementor > Site Settings > Custom CSS.

   ADD ONE CLASS IN ELEMENTOR:
     FAQ section (the one holding the Accordion) ..... kjf
   Everything else is targeted through ElementsKit's own classes.
   ============================================================ */

.kjf{
  --kjf-bg:#F5F2EC;
  --kjf-ink:#15120F;
  --kjf-ink-2:#3A352F;
  --kjf-line:#E6DFD4;
  --kjf-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --kjf-body:'Inter',ui-sans-serif,system-ui,sans-serif;
}

/* optional: keep the list narrow and centred like the mockup */
.kjf .elementskit-accordion{ max-width:880px; margin-left:auto; margin-right:auto; }

/* strip ElementsKit card chrome, add a hairline divider per row */
.kjf .elementskit-card{
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid var(--kjf-line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.kjf .elementskit-card:last-child{ border-bottom:1px solid var(--kjf-line) !important; }

.kjf .elementskit-card-header{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

/* the clickable question row */
.kjf .ekit-accordion--toggler{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.kjf .ekit-accordion--toggler:hover{ background:transparent !important; }

.kjf .ekit-accordion-title{
  padding:0 !important;
  font-family:var(--kjf-display) !important;
  font-weight:700 !important;
  font-size:1.12rem !important;
  line-height:1.3 !important;
  letter-spacing:-.01em !important;
  color:var(--kjf-ink) !important;
}

/* the +/- icon as a circular button */
.kjf .ekit_accordion_icon_group{
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border:1px solid var(--kjf-line);
  border-radius:50%;
  color:var(--kjf-ink);
  transition:background .25s ease, color .25s ease, border-color .25s ease;
}
.kjf .ekit_accordion_icon_group i,
.kjf .ekit_accordion_icon_group svg{ margin:0 !important; font-size:.85rem; width:.85em; height:.85em; }

/* open state (toggler not collapsed) => filled dark circle */
.kjf .ekit-accordion--toggler:not(.collapsed) .ekit_accordion_icon_group{
  background:var(--kjf-ink);
  border-color:var(--kjf-ink);
  color:var(--kjf-bg);
}

/* answer body */
.kjf .elementskit-card-body{
  padding:0 0 24px !important;
  background:transparent !important;
  border:0 !important;
}
.kjf .elementskit-card-body,
.kjf .elementskit-card-body p{
  margin:0;
  max-width:72ch;
  font-family:var(--kjf-body) !important;
  font-size:.96rem !important;
  line-height:1.65 !important;
  color:var(--kjf-ink-2) !important;
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:600px){
  .kjf .ekit-accordion-title{ font-size:1.02rem !important; }
  .kjf .ekit-accordion--toggler{ padding:20px 0 !important; }
}/* End custom CSS */
/* Start custom CSS */.kijo-eyebrow {
  font-family: 'Space Mono', ui-monospace, SFMono-Regular, monospace;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6B655C;
}
.kijo-eyebrow b {
  color: #C1502E;
  font-weight: 400;
}/* End custom CSS */