.elementor-18 .elementor-element.elementor-element-4a8d39b{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.84;--margin-top:-43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-4a8d39b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-4a8d39b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studiolembo.com/wp-content/uploads/2026/07/WhatsApp-Image-2026-07-24-at-12.11.46-PM.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-18 .elementor-element.elementor-element-4a8d39b::before, .elementor-18 .elementor-element.elementor-element-4a8d39b > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-4a8d39b > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-4a8d39b > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-4a8d39b > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-4a8d39b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B1626;--background-overlay:'';}.elementor-18 .elementor-element.elementor-element-642da43{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-2a855a3{color:#B8B8B8;}.elementor-18 .elementor-element.elementor-element-295cbcf{color:#B8B8B8;}.elementor-18 .elementor-element.elementor-element-199a77b{--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-52a41dc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-76c0989{--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-18 .elementor-element.elementor-element-e628d5d{--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;--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-18 .elementor-element.elementor-element-73f2c96{--display:flex;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18 .elementor-element.elementor-element-90e117e{--display:flex;}.elementor-18 .elementor-element.elementor-element-7e27f21{--display:flex;}.elementor-18 .elementor-element.elementor-element-369d903{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-18 .elementor-element.elementor-element-649bc47 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18 .elementor-element.elementor-element-649bc47 .elementor-icon{font-size:25px;}.elementor-18 .elementor-element.elementor-element-aa0368f .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18 .elementor-element.elementor-element-aa0368f .elementor-icon{font-size:25px;}.elementor-18 .elementor-element.elementor-element-f1c0103 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18 .elementor-element.elementor-element-f1c0103 .elementor-icon{font-size:25px;}.elementor-18 .elementor-element.elementor-element-785611d .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18 .elementor-element.elementor-element-785611d .elementor-icon{font-size:25px;}.elementor-18 .elementor-element.elementor-element-0aa0300{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-0aa0300:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-0aa0300 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F4EE;}.elementor-18 .elementor-element.elementor-element-1710346{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-a4a7a61 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:51px;font-weight:400;line-height:57px;color:#0B1626;}.elementor-18 .elementor-element.elementor-element-b788b48{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#6E7887;}.elementor-18 .elementor-element.elementor-element-165fe57{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#6E7887;}.elementor-18 .elementor-element.elementor-element-3fcab17{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#6E7887;}.elementor-18 .elementor-element.elementor-element-9abcf20{--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-18 .elementor-element.elementor-element-72fe9a8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-0e67368 img{height:600px;object-fit:cover;object-position:center center;}.elementor-18 .elementor-element.elementor-element-7830142{--display:flex;--min-height:100vh;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-7830142:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-7830142 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF7;}.elementor-18 .elementor-element.elementor-element-76f22e4 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:51px;font-weight:400;line-height:57px;color:#0B1626;}.elementor-18 .elementor-element.elementor-element-99da7b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-2e83ec8{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#6E7887;}.elementor-18 .elementor-element.elementor-element-66091bd{--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;--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-18 .elementor-element.elementor-element-393272a{--display:flex;}.elementor-18 .elementor-element.elementor-element-393272a:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-393272a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#092472;}.elementor-18 .elementor-element.elementor-element-d5d54fd .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:600;font-style:italic;line-height:63px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-6b403a7 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:30px;font-weight:400;line-height:34px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-0d2ae0f{font-family:"Hanken Grotesk", Sans-serif;font-size:17px;font-weight:400;line-height:29px;color:#F6F4EEC7;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-item:not(:last-child):after{content:"";height:39%;border-color:#DDDDDD1F;}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18 .elementor-element.elementor-element-fc41b8c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-item > a{font-family:"Hanken Grotesk", Sans-serif;font-size:11px;font-weight:600;line-height:18px;}.elementor-18 .elementor-element.elementor-element-fc41b8c .elementor-icon-list-text{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-9506a6e{--display:flex;}.elementor-18 .elementor-element.elementor-element-9506a6e:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-9506a6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#092472;}.elementor-18 .elementor-element.elementor-element-e108ff2 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:600;font-style:italic;line-height:63px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-d76bb4d .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:30px;font-weight:400;line-height:34px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-d8ea1eb{font-family:"Hanken Grotesk", Sans-serif;font-size:17px;font-weight:400;line-height:29px;color:#F6F4EEC7;}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-item:not(:last-child):after{content:"";height:39%;border-color:#DDDDDD1F;}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18 .elementor-element.elementor-element-b7486d0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-item > a{font-family:"Hanken Grotesk", Sans-serif;font-size:11px;font-weight:600;line-height:18px;}.elementor-18 .elementor-element.elementor-element-b7486d0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-806f2da{--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;--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-18 .elementor-element.elementor-element-356cf9c{--display:flex;}.elementor-18 .elementor-element.elementor-element-356cf9c:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-356cf9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#092472;}.elementor-18 .elementor-element.elementor-element-68f6ee2 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:600;font-style:italic;line-height:63px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-4e3493a .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:30px;font-weight:400;line-height:34px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-f785089{font-family:"Hanken Grotesk", Sans-serif;font-size:17px;font-weight:400;line-height:29px;color:#F6F4EEC7;}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-item:not(:last-child):after{content:"";height:39%;border-color:#DDDDDD1F;}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18 .elementor-element.elementor-element-b801dd4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-item > a{font-family:"Hanken Grotesk", Sans-serif;font-size:11px;font-weight:600;line-height:18px;}.elementor-18 .elementor-element.elementor-element-b801dd4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-562393e{--display:flex;}.elementor-18 .elementor-element.elementor-element-562393e:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-562393e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#092472;}.elementor-18 .elementor-element.elementor-element-e809d85 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:600;font-style:italic;line-height:63px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-90cfe3e .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:30px;font-weight:400;line-height:34px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-5a494af{font-family:"Hanken Grotesk", Sans-serif;font-size:17px;font-weight:400;line-height:29px;color:#F6F4EEC7;}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-item:not(:last-child):after{content:"";height:39%;border-color:#DDDDDD1F;}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18 .elementor-element.elementor-element-d49e269{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-item > a{font-family:"Hanken Grotesk", Sans-serif;font-size:11px;font-weight:600;line-height:18px;}.elementor-18 .elementor-element.elementor-element-d49e269 .elementor-icon-list-text{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-20730a7{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-20730a7:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-20730a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1626;}.elementor-18 .elementor-element.elementor-element-7a2f35d{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-8c57250 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:51px;font-weight:400;line-height:57px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-7d35414{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#B7BBC0;}.elementor-18 .elementor-element.elementor-element-8b2456a{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#B7BBC0;}.elementor-18 .elementor-element.elementor-element-00762f3{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#B7BBC0;}.elementor-18 .elementor-element.elementor-element-c3a5eb4{--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-18 .elementor-element.elementor-element-0d8b161{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-a2b248a img{height:600px;object-fit:cover;object-position:top left;}.elementor-18 .elementor-element.elementor-element-638bc08{--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;--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-18 .elementor-element.elementor-element-638bc08:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-638bc08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1626;}.elementor-18 .elementor-element.elementor-element-5a6095b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-7c9e44a{--display:grid;--e-con-grid-template-columns:repeat(7, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-18 .elementor-element.elementor-element-3b55b50{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-3b55b50:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-3b55b50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2EC;}.elementor-18 .elementor-element.elementor-element-d768df1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-d990d33 img{height:600px;object-fit:cover;object-position:top left;}.elementor-18 .elementor-element.elementor-element-84857b4{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-937232d .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:51px;font-weight:400;line-height:57px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-fe76031{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#B7BBC0;}.elementor-18 .elementor-element.elementor-element-0229140{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#B7BBC0;}.elementor-18 .elementor-element.elementor-element-6f0c772{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#B7BBC0;}.elementor-18 .elementor-element.elementor-element-7ad7d05 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-7ad7d05 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18 .elementor-element.elementor-element-7ad7d05{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18 .elementor-element.elementor-element-7ad7d05 .elementor-icon-list-text{transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-4929af5{--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-18 .elementor-element.elementor-element-345ebf8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-345ebf8:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-345ebf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-bd573dd .slmb-card__media{aspect-ratio:1.35;}.elementor-18 .elementor-element.elementor-element-bd573dd .slmb-foot{justify-content:center;}.elementor-18 .elementor-element.elementor-element-bd573dd .slmb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;}.elementor-18 .elementor-element.elementor-element-bd573dd .slmb-card__body{padding:28px;}.elementor-18 .elementor-element.elementor-element-bd573dd .slmb-card{border-radius:0px;--lift:-6px;}.elementor-18 .elementor-element.elementor-element-bd573dd .slmb{--stagger:0.09s;--slmd-pad:88px;--slmd-ink:#0A1220;--slmd-ink-2:#111C2E;--slmd-card:#0E1A2B;--slmd-card-2:#111F33;--slmd-ivory:#F6F4EE;--slmd-body:#B9C2CF;--slmd-muted:#8A94A3;--slmd-accent:#909CD5;--slmd-accent-lt:#C3D0DE;--slmd-fill:#0b174f;--slmd-on-accent:#F6F4EE;--slmd-line:rgba(246,244,238,0.10);}.elementor-18 .elementor-element.elementor-element-73d00b8{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-73d00b8:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-73d00b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2EC;}.elementor-18 .elementor-element.elementor-element-d0ba250 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:51px;font-weight:400;line-height:57px;color:#0B1626;}.elementor-18 .elementor-element.elementor-element-1bf8979{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#3D3D3D;}.elementor-18 .elementor-element.elementor-element-1d07ee9{--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-18 .elementor-element.elementor-element-d42d966{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-e74967e{--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-18 .elementor-element.elementor-element-5eda59c{--display:flex;--min-height:600px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.64;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-5eda59c:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-5eda59c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2EC;background-image:url("https://studiolembo.com/wp-content/uploads/2026/07/WhatsApp-Image-2026-07-24-at-12.11.46-PM.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-18 .elementor-element.elementor-element-5eda59c::before, .elementor-18 .elementor-element.elementor-element-5eda59c > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-5eda59c > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-5eda59c > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-5eda59c > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-5eda59c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#07091A;--background-overlay:'';}.elementor-18 .elementor-element.elementor-element-b4d0731{text-align:center;}.elementor-18 .elementor-element.elementor-element-b4d0731 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:51px;font-weight:400;line-height:57px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-ba70bb0{text-align:center;font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-e35ab62 .elementor-button{fill:#FFFFFF;color:#FFFFFF;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-369d903{--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-7c9e44a{--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-bd573dd .slmb-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-4a8d39b{--content-width:1200px;}.elementor-18 .elementor-element.elementor-element-642da43{--width:100%;}.elementor-18 .elementor-element.elementor-element-76c0989{--content-width:1200px;}.elementor-18 .elementor-element.elementor-element-0aa0300{--content-width:1200px;}.elementor-18 .elementor-element.elementor-element-7830142{--content-width:1200px;}.elementor-18 .elementor-element.elementor-element-20730a7{--content-width:1200px;}.elementor-18 .elementor-element.elementor-element-3b55b50{--content-width:1200px;}.elementor-18 .elementor-element.elementor-element-345ebf8{--content-width:1200px;}.elementor-18 .elementor-element.elementor-element-73d00b8{--content-width:1200px;}.elementor-18 .elementor-element.elementor-element-5eda59c{--content-width:1200px;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-369d903{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-0e67368 img{height:300px;}.elementor-18 .elementor-element.elementor-element-2e83ec8{width:100%;max-width:100%;padding:13px 13px 13px 13px;}.elementor-18 .elementor-element.elementor-element-a2b248a img{height:300px;}.elementor-18 .elementor-element.elementor-element-7c9e44a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-d990d33 img{height:300px;}.elementor-18 .elementor-element.elementor-element-bd573dd .slmb-grid{grid-template-columns:repeat(1,minmax(0,1fr));}}/* Start custom CSS for container, class: .elementor-element-4a8d39b */.herosection{ /* Navy accent — fills */ --slm-accent:#0b174f; --slm-accent-lt:#1832aa; --slm-accent-dk:#060d2d; /* Light tint of the same navy — for text / hairlines on the dark shell */ --slm-accent-on-dark:#909CD5; --slm-ivory:#F6F4EE; --slm-fd:'Marcellus',Georgia,serif; --slm-fi:'Cormorant Garamond',Georgia,serif; --slm-fs:'Hanken Grotesk',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif; --slm-ease:cubic-bezier(.22,.8,.24,1); position:relative; min-height:100svh; display:flex;align-items:center; padding:172px 0 110px !important; color:var(--slm-ivory); overflow:hidden; font-family:var(--slm-fs); } /* Slow-travelling hairline across the top edge */ .herosection > .e-con-inner::after{ content:"";position:absolute;top:0;left:0;height:1px;width:38%; background:linear-gradient(90deg,transparent,var(--slm-accent-on-dark),transparent); opacity:.5;pointer-events:none; animation:slmSweep 9s ease-in-out infinite; } @keyframes slmSweep{ 0%{transform:translateX(-110%)} 55%,100%{transform:translateX(320%)} } .herosection > .e-con-inner{ position:relative;z-index:2; width:min(1240px,90vw);margin-inline:auto; display:grid !important; grid-template-columns:1fr; /* mobile / tablet: stacked */ gap:clamp(40px,6vw,90px); align-items:center; } /* desktop: text column + image column */ @media(min-width:1025px){ .herosection > .e-con-inner{ grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important; } } /* direct children must not carry Elementor's own widths */ .herosection > .e-con-inner > .e-con, .herosection > .e-con-inner > .elementor-element{ width:100% !important;max-width:100% !important; min-width:0 !important; } /* ---------- TEXT COLUMN ---------- */ .herosection .elementor-element-642da43{ display:flex;flex-direction:column;align-items:flex-start;gap:0 !important; max-width:72ch;min-width:0; } /* Eyebrow */ .herosection .eyebrow{ display:inline-flex;align-items:center;gap:14px; font-family:var(--slm-fs); font-size:.72rem;letter-spacing:.32em;text-transform:uppercase; color:var(--slm-accent-on-dark);font-weight:600; margin-bottom:22px; } .herosection.slm-js .eyebrow{transform:translateY(var(--slm-ey,0px))} .herosection .eyebrow::before{ content:"";width:38px;height:1px;background:var(--slm-accent-on-dark); transform-origin:left;transform:scaleX(0); transition:transform 1s var(--slm-ease) .35s; } .herosection .eyebrow.slm-in::before{transform:scaleX(1)} .herosection .eyebrow::after{ content:"";width:5px;height:5px;border-radius:50%; background:var(--slm-accent-on-dark);margin-left:2px; animation:slmPulse 2.4s ease-in-out infinite; } @keyframes slmPulse{ 0%,100%{opacity:.25;transform:scale(.7)} 50%{opacity:1;transform:scale(1)} } /* H1 */ .herosection .elementor-heading-title{ font-family:var(--slm-fd) !important; font-weight:400 !important; font-size:clamp(2.6rem,5.6vw,4.6rem) !important; line-height:1.12 !important; letter-spacing:-.01em; color:var(--slm-ivory) !important; margin:0 0 30px !important; } .herosection.slm-js .elementor-heading-title{ transform:translateY(var(--slm-ty,0px)); } /* per-letter reveal */ .herosection .slm-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em} .herosection .slm-c{ display:inline-block;transform:translateY(115%); transition:transform .95s var(--slm-ease); } .herosection .elementor-heading-title.slm-in .slm-c{transform:translateY(0)} /* Body paragraphs */ .herosection .elementor-widget-text-editor{ font-family:var(--slm-fs); font-size:1.1rem;line-height:1.7; color:rgba(246,244,238,.72); max-width:62ch; margin-bottom:18px; } .herosection .elementor-element-295cbcf{margin-bottom:42px} /* ---------- REPEATABLE REVEAL (driven by JS .slm-in) ---------- */ .herosection .slm-rv{ opacity:0; transform:translateY(32px); transition:opacity .9s var(--slm-ease) var(--slm-d,0s), transform 1s var(--slm-ease) var(--slm-d,0s); } .herosection .slm-rv.slm-in{opacity:1;transform:translateY(0)} .herosection.slm-js .elementor-heading-title.slm-rv.slm-in{transform:translateY(var(--slm-ty,0px))} .herosection.slm-js .eyebrow.slm-rv.slm-in{transform:translateY(var(--slm-ey,0px))} /* ---------- BUTTON ROW ---------- */ .herosection .elementor-element-199a77b{ display:flex !important;flex-direction:row !important; align-items:center;gap:34px;flex-wrap:wrap; width:auto !important; } /* Primary button — outlined, fills upward with navy on hover */ .herosection .elementor-element-6dc17c1 .elementor-button{ position:relative;isolation:isolate;overflow:hidden; display:inline-flex;align-items:center;gap:12px; font-family:var(--slm-fs) !important; font-weight:600 !important;font-size:.86rem !important; letter-spacing:.14em !important;text-transform:uppercase !important; padding:19px 38px !important; border:1px solid var(--slm-accent-on-dark) !important; border-radius:0 !important; background:transparent !important; color:var(--slm-accent-on-dark) !important; transition:color .45s var(--slm-ease),transform .35s var(--slm-ease), box-shadow .45s var(--slm-ease); } .herosection .slm-mag{transform:translate(var(--slm-mx,0px),var(--slm-my,0px))} .herosection .elementor-element-6dc17c1 .elementor-button:hover{ box-shadow:0 16px 34px -14px rgba(144,156,213,.45); } .herosection .elementor-element-6dc17c1 .elementor-button::before{ content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(120deg,var(--slm-accent-dk),var(--slm-accent)); transform:translateY(101%); transition:transform .5s var(--slm-ease); } .herosection .elementor-element-6dc17c1 .elementor-button:hover{color:var(--slm-ivory) !important} .herosection .elementor-element-6dc17c1 .elementor-button:hover::before{transform:translateY(0)} /* Secondary — text link with underline */ .herosection .elementor-element-782f55d .elementor-button{ display:inline-flex;align-items:center;gap:10px; font-family:var(--slm-fs) !important; font-weight:600 !important;font-size:.9rem !important; letter-spacing:.06em !important;text-transform:none !important; padding:0 0 4px !important; background:transparent !important; border:0 !important;border-radius:0 !important; border-bottom:1px solid var(--slm-accent-on-dark) !important; color:var(--slm-ivory) !important; transition:gap .3s var(--slm-ease),color .3s var(--slm-ease); } .herosection .elementor-element-782f55d .elementor-button::after{ content:"→";color:var(--slm-accent-on-dark);font-size:1.05em;line-height:1; transition:transform .3s var(--slm-ease); } .herosection .elementor-element-782f55d .elementor-button:hover{gap:16px;color:var(--slm-accent-on-dark) !important} .herosection .elementor-element-782f55d .elementor-button:hover::after{transform:translateX(4px)} /* ---------- SCROLL HINT ---------- */ .herosection::after{ content:"Scorri"; position:absolute;bottom:34px;left:50%; transform:translateX(-50%) translateY(14px); z-index:5; font-family:var(--slm-fs); font-size:.64rem;letter-spacing:.34em;text-transform:uppercase; color:rgba(246,244,238,.4); padding-bottom:64px; background: linear-gradient(rgba(144,156,213,.9),transparent) no-repeat bottom center / 1px 52px; opacity:0; animation:slmHint .8s var(--slm-ease) 1.4s forwards, slmHintFade 2.6s ease-in-out 2.4s infinite; } @keyframes slmHint{to{opacity:1;transform:translateX(-50%) translateY(0)}} @keyframes slmHintFade{ 0%,100%{opacity:.85} 50%{opacity:.35} } /* the line itself travels downward, on a loop */ .herosection .slm-hint-line{ position:absolute;bottom:34px;left:50%; width:1px;height:52px;z-index:5;pointer-events:none; transform:translateX(-50%); overflow:hidden; } .herosection .slm-hint-line::after{ content:"";position:absolute;inset:0; background:linear-gradient(var(--slm-accent-on-dark),transparent); animation:slmTravel 2.2s ease-in-out infinite; } @keyframes slmTravel{ 0% {transform:scaleY(0);transform-origin:top} 55% {transform:scaleY(1);transform-origin:top} 56% {transform:scaleY(1);transform-origin:bottom} 100%{transform:scaleY(0);transform-origin:bottom} } /* ---------- RESPONSIVE ---------- */ @media(max-width:1024px){ .herosection::after{display:none} } @media(max-width:767px){ .herosection{padding:140px 0 84px !important;min-height:auto} .herosection .elementor-heading-title{font-size:clamp(2.1rem,8vw,2.9rem) !important} .herosection .elementor-widget-text-editor{font-size:1rem} .herosection .elementor-element-199a77b{gap:22px} .herosection .elementor-element-6dc17c1 .elementor-button{ padding:16px 28px !important;font-size:.78rem !important; } } /* ---------- ACCESSIBILITY ---------- */ @media(prefers-reduced-motion:reduce){ .herosection *, .herosection *::before, .herosection *::after{ animation-duration:.001s !important; transition-duration:.001s !important; } .herosection .slm-rv, .herosection .eyebrow, .herosection .elementor-heading-title, .herosection .elementor-widget-text-editor, .herosection .elementor-element-199a77b{opacity:1 !important;transform:none !important} .herosection .slm-c{transform:none !important} .herosection .eyebrow::before{transform:scaleX(1) !important} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76c0989 *//* ====================================================== 1. PREMIUM ANIMATED GRADIENT CONTAINER ====================================================== */ .section2.elementor-element-76c0989 { background: linear-gradient(-45deg, #0b1320, #0a0f1d, #12192b, #0f182b) !important; background-size: 400% 400% !important; animation: premiumGradient 15s ease infinite !important; border: 1px solid rgba(255, 255, 255, 0.04) !important; box-shadow: 0 30px 60px -12px rgba(0,0,0,0.7) !important; padding: 60px 40px !important; } @keyframes premiumGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Navy accent family — shared with the header/hero #0b174f is the brand fill; the lighter tints carry anything that has to stay legible against this near-black container. */ .section2 { --slm-accent: #0b174f; --slm-accent-on-dark: #909CD5; /* periwinkle tint of the navy */ --slm-accent-mid: #4A5DA8; /* deeper step for the shimmer */ --slm-accent-pale: #C3D0DE; /* highlight / steel */ --slm-accent-steel: #5A7290; } /* ====================================================== 2. COUNTERS (NUMBERS ON TOP, TEXT BELOW) ====================================================== */ .section2 .elementor-counter { display: flex !important; flex-direction: column-reverse !important; align-items: center; justify-content: center; gap: 15px !important; overflow: visible !important; } /* Metallic navy numbers */ .section2 .elementor-counter-number-wrapper { font-family: 'Playfair Display', 'Cinzel', Georgia, serif !important; font-size: 6rem !important; font-weight: 400 !important; line-height: 1.2 !important; padding: 15px 5px !important; background: linear-gradient(to right, var(--slm-accent-mid), var(--slm-accent-pale), var(--slm-accent-on-dark), var(--slm-accent-mid)); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: metalShimmerText 4s linear infinite; display: flex; align-items: center; } .section2 .elementor-counter-number-suffix { font-size: 3.2rem !important; font-weight: 300 !important; margin-left: 5px; -webkit-text-fill-color: var(--slm-accent-on-dark) !important; line-height: 1.2 !important; } @keyframes metalShimmerText { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } /* Subtitle Styling */ .section2 .elementor-counter-title { font-family: 'Inter', sans-serif !important; font-size: 0.8rem !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: #64748b !important; font-weight: 600 !important; } @media (max-width: 992px) { .section2 .elementor-counter-number-wrapper { font-size: 4rem !important; } .section2 .elementor-counter-number-suffix { font-size: 2.2rem !important; } } /* ====================================================== 3. RIGHT SIDE: 2x2 GRID & GLASS CARDS ====================================================== */ .section2 .elementor-element-369d903 { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; } .section2 .elementor-widget-icon-box { background: rgba(255, 255, 255, 0.02) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; border-radius: 12px !important; padding: 20px 24px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; height: 100%; } .section2 .elementor-widget-icon-box:hover { transform: translateY(-5px) scale(1.02) !important; background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(144, 156, 213, 0.4) !important; box-shadow: 0 15px 30px rgba(0,0,0,0.4), inset 0 0 15px rgba(144, 156, 213, 0.08) !important; } .section2 .elementor-icon-box-wrapper { display: flex !important; align-items: center !important; gap: 18px !important; } /* ====================================================== 4. CLEAN GLOWING DOTS ====================================================== */ .section2 .elementor-icon-box-icon svg, .section2 .elementor-icon-box-icon i { display: none !important; } .section2 .elementor-icon-box-icon { margin: 0 !important; width: auto !important; height: auto !important; } .section2 .elementor-icon { display: block !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; padding: 0 !important; position: relative; } .section2 .elementor-icon::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50%; opacity: 0.5; animation: pulseRing 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes pulseRing { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.5); opacity: 0.1; } } /* Dot colours — a navy/steel family with enough separation to still read as four */ .section2 .elementor-element-649bc47 .elementor-icon { background: #909CD5 !important; box-shadow: 0 0 10px #909CD5 !important; } .section2 .elementor-element-649bc47 .elementor-icon::before { background: #909CD5; } .section2 .elementor-element-aa0368f .elementor-icon { background: #5A7290 !important; box-shadow: 0 0 10px #5A7290 !important; } .section2 .elementor-element-aa0368f .elementor-icon::before { background: #5A7290; } .section2 .elementor-element-f1c0103 .elementor-icon { background: #C3D0DE !important; box-shadow: 0 0 10px #C3D0DE !important; } .section2 .elementor-element-f1c0103 .elementor-icon::before { background: #C3D0DE; } .section2 .elementor-element-785611d .elementor-icon { background: #34B7F1 !important; box-shadow: 0 0 10px #34B7F1 !important; } .section2 .elementor-element-785611d .elementor-icon::before { background: #34B7F1; } /* Stagger the rings so the four don't pulse in lockstep */ .section2 .elementor-element-aa0368f .elementor-icon::before { animation-delay: -0.6s; } .section2 .elementor-element-f1c0103 .elementor-icon::before { animation-delay: -1.2s; } .section2 .elementor-element-785611d .elementor-icon::before { animation-delay: -1.8s; } .section2 .elementor-icon-box-content { flex: 1; } .section2 .elementor-icon-box-description { color: #e2e8f0 !important; font-size: 0.95rem !important; font-weight: 500 !important; line-height: 1.4 !important; margin: 0 !important; text-align: left !important; } /* ====================================================== 5. RESPONSIVE MOBILE FIXES ====================================================== */ @media (max-width: 992px) { .section2 .elementor-element-369d903 { grid-template-columns: 1fr !important; } .section2 .elementor-counter-number-wrapper { font-size: 3.5rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-393272a */span.elementor-icon-list-text { /* Define your custom color here */ --ac: #8FB4FF; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; color: var(--ac) !important; border: 1px solid color-mix(in srgb, var(--ac) 45%, transparent); background: color-mix(in srgb, var(--ac) 10%, transparent); border-radius: 999px; padding: 7px 15px; transition: all 0.35s ease; margin-bottom: 10px; /* Added to ensure padding and border render correctly on a span */ display: inline-block; } /* Optional: Added a nice hover state utilizing your transition */ span.elementor-icon-list-text:hover { background: color-mix(in srgb, var(--ac) 20%, transparent); border-color: color-mix(in srgb, var(--ac) 80%, transparent); } /* ============================================================ PREMIUM ANIMATED CARD (.card1) ============================================================ */ .card1 { /* Variables */ --g1: #12264A; --g2: #3D6BC9; --ac: #8FB4FF; /* Spacing & Borders */ padding: 45px 40px !important; border-radius: 20px !important; border: 1px solid rgba(143, 180, 255, 0.15) !important; /* Layout */ display: flex !important; flex-direction: column !important; gap: 20px !important; /* Animated Gradient Background */ background: linear-gradient(135deg, var(--g1), var(--g2), var(--g1)) !important; background-size: 200% 200% !important; animation: cardGradientFlow 8s ease infinite !important; /* Base Shadow & Transition */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Premium Hover Glow & Lift Effect */ .card1:hover { transform: translateY(-8px) !important; border-color: rgba(143, 180, 255, 0.5) !important; /* Soft ambient neon glow using your color palette */ box-shadow: 0 20px 40px rgba(18, 38, 74, 0.6), 0 0 40px rgba(61, 107, 201, 0.4) !important; } /* Background Animation Keyframes */ @keyframes cardGradientFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ============================================================ INTERNAL TYPOGRAPHY POLISH ============================================================ */ /* The '01' Number */ .card1 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title { color: var(--ac) !important; font-size: 4.5rem !important; line-height: 1 !important; opacity: 0.3; /* Acts as a watermark accent */ margin-bottom: -15px !important; /* Pulls the title closer */ font-weight: 300 !important; } /* ============================================================ CARD1: BUTTON STYLING — matches the pill badges ============================================================ */ .card1 .primarybtn, .card1 .elementor-widget-button { margin-top: auto !important; align-self: flex-start !important; width: auto !important; } .card1 .primarybtn .elementor-button, .card1 .elementor-widget-button .elementor-button { width: auto !important; display: inline-flex !important; color: #8FB4FF !important; border: 1px solid color-mix(in srgb, #8FB4FF 45%, transparent) !important; background: color-mix(in srgb, #8FB4FF 10%, transparent) !important; background-image: none !important; transition: all 0.35s ease !important; } .card1 .primarybtn .elementor-button::before, .card1 .elementor-widget-button .elementor-button::before { display: none !important; } .card1 .primarybtn .elementor-button:hover, .card1 .elementor-widget-button .elementor-button:hover { color: #8FB4FF !important; background: color-mix(in srgb, #8FB4FF 20%, transparent) !important; border-color: color-mix(in srgb, #8FB4FF 80%, transparent) !important; box-shadow: none !important; opacity: 1 !important; } /* Add arrow */ .card1 .elementor-button-text:after { content: " →" !important; } /* The Main Title (Imprese e professionisti) */ .card1 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title { color: #ffffff !important; font-size: 2rem !important; font-weight: 600 !important; line-height: 1.2 !important; } /* The Description Text */ .card1 .elementor-widget-text-editor { color: rgba(255, 255, 255, 0.75) !important; font-size: 1.05rem !important; line-height: 1.6 !important; } /* Reset gap for the Icon List so it doesn't space out too far */ .card1 .elementor-widget-icon-list { margin-bottom: 10px !important; } /* Responsive Padding for Mobile */ @media (max-width: 767px) { .card1 { padding: 35px 25px !important; } .card1 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title { font-size: 3.5rem !important; } .card1 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title { font-size: 1.6rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9506a6e *//* ============================================================ PREMIUM ANIMATED CARD (.card2) - GREEN THEME (MULTI-COLOR BG) ============================================================ */ .card2 { /* Variables matched to Screenshot 2026-07-24 103820.png */ --g1: #0a3123; /* Deep dark forest green */ --g2: #1a6348; /* Brighter emerald green highlight */ --g3: #0d4a35; /* Mid-tone pine green (bridges g1 -> g2) */ --g4: #237a58; /* Lighter jade green (bridges g2 -> mint) */ --g5: #145240; /* Deep teal-green (adds depth) */ --g6: #2f8f65; /* Brighter fresh green pop */ --g7: #0c3d2c; /* Rich bottle green (rounds it back out) */ --ac: #98d8bd; /* Pale mint green accent for tags and numbers */ /* Spacing & Borders */ padding: 45px 40px !important; border-radius: 20px !important; border: 1px solid rgba(152, 216, 189, 0.15) !important; /* Layout */ display: flex !important; flex-direction: column !important; gap: 20px !important; /* Animated Multi-Color Gradient Background (same green family) */ background: linear-gradient( 135deg, var(--g1), var(--g3), var(--g2), var(--g6), var(--g4), var(--g5), var(--g7), var(--g1) ) !important; background-size: 500% 500% !important; animation: cardGradientFlow 16s ease infinite !important; /* Base Shadow & Transition */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Gradient animation keyframes - moves through all color stops smoothly */ @keyframes cardGradientFlow { 0% { background-position: 0% 50%; } 25% { background-position: 50% 100%; } 50% { background-position: 100% 50%; } 75% { background-position: 50% 0%; } 100% { background-position: 0% 50%; } } /* Premium Hover Glow & Lift Effect */ .card2:hover { transform: translateY(-8px) !important; border-color: rgba(152, 216, 189, 0.5) !important; /* Soft ambient emerald glow */ box-shadow: 0 20px 40px rgba(10, 49, 35, 0.6), 0 0 40px rgba(26, 99, 72, 0.4) !important; } /* ============================================================ INTERNAL TYPOGRAPHY POLISH ============================================================ */ /* The '02' Number - Styled to match the serif italic in the image */ .card2 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title { color: var(--ac) !important; font-size: 4.5rem !important; line-height: 1 !important; margin-bottom: -15px !important; font-weight: 400 !important; font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important; font-style: italic !important; opacity: 0.9; } /* The Main Title (Sport, ASD e SSD) */ .card2 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title { color: #ffffff !important; font-size: 2.2rem !important; font-weight: 400 !important; line-height: 1.2 !important; font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important; } /* The Description Text */ .card2 .elementor-widget-text-editor { color: rgba(255, 255, 255, 0.85) !important; font-size: 1.05rem !important; line-height: 1.6 !important; } /* ============================================================ CARD2: ICON LIST PILL BADGES ============================================================ */ /* Ensure the list layout behaves like a flex wrap container for pills */ .card2 .elementor-icon-list-items.elementor-inline-items { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } /* ============================================================ CARD2: BUTTON STYLING — matches the pill badges ============================================================ */ .elementor-element-44c6c42 { margin-top: auto !important; align-self: flex-start !important; width: auto !important; } .card2 .elementor-element-44c6c42 .elementor-button, .card2 .primarybtn .elementor-button, .card2 .elementor-widget-button .elementor-button { width: auto !important; display: inline-flex !important; color: #98d8bd !important; border: 1px solid color-mix(in srgb, #98d8bd 40%, transparent) !important; background: color-mix(in srgb, #98d8bd 12%, transparent) !important; background-image: none !important; transition: all 0.3s ease !important; } .card2 .elementor-element-44c6c42 .elementor-button::before, .card2 .primarybtn .elementor-button::before, .card2 .elementor-widget-button .elementor-button::before { display: none !important; } .card2 .elementor-element-44c6c42 .elementor-button:hover, .card2 .primarybtn .elementor-button:hover, .card2 .elementor-widget-button .elementor-button:hover { color: #98d8bd !important; background: color-mix(in srgb, #98d8bd 25%, transparent) !important; border-color: color-mix(in srgb, #98d8bd 80%, transparent) !important; box-shadow: none !important; opacity: 1 !important; } /* Add arrow */ .card2 .elementor-button-text:after { content: " →" !important; } /* Individual list item spacing reset */ .card2 .elementor-icon-list-item { margin: 0 !important; } /* The Pill Badge itself matching the screenshot */ .card2 span.elementor-icon-list-text { --ac: #98d8bd !important; font-size: 0.72rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; font-weight: 600 !important; color: var(--ac) !important; border: 1px solid color-mix(in srgb, var(--ac) 40%, transparent) !important; background: color-mix(in srgb, var(--ac) 12%, transparent) !important; border-radius: 999px !important; padding: 8px 16px !important; display: inline-block !important; transition: all 0.3s ease !important; } /* Hover state for the pills */ .card2 .elementor-icon-list-item:hover span.elementor-icon-list-text { background: color-mix(in srgb, var(--ac) 25%, transparent) !important; border-color: color-mix(in srgb, var(--ac) 80%, transparent) !important; transform: translateY(-2px); } /* Responsive Padding for Mobile */ @media (max-width: 767px) { .card2 { padding: 35px 25px !important; } .card2 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title { font-size: 3.5rem !important; } .card2 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title { font-size: 1.8rem !important; } } .elementor-element-44c6c42 { margin-top: auto !important; align-self: flex-start !important; width: auto !important; } .elementor-element-44c6c42 .elementor-button { width: auto !important; display: inline-flex !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-356cf9c *//* ============================================================ PREMIUM ANIMATED CARD (.card3) - BURGUNDY THEME (MULTI-COLOR) ============================================================ */ .card3 { /* Variables */ --g1: #3c091d; --g2: #5d1434; --g3: #4d0c26; --g4: #731a42; --g5: #2e0616; --g6: #801f4c; --g7: #38081b; --ac: #fdf4f6; /* Pale off-white/pink accent for button/numbers */ /* Spacing & Borders */ padding: 45px 40px !important; border-radius: 20px !important; border: 1px solid rgba(253, 244, 246, 0.15) !important; /* Layout */ display: flex !important; flex-direction: column !important; gap: 20px !important; /* Animated Multi-Color Gradient Background */ background: linear-gradient( 135deg, var(--g1), var(--g3), var(--g2), var(--g6), var(--g4), var(--g5), var(--g7), var(--g1) ) !important; background-size: 500% 500% !important; animation: cardGradientFlow 16s ease infinite !important; /* Base Shadow & Transition */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Premium Hover Glow */ .card3:hover { transform: translateY(-8px) !important; border-color: rgba(253, 244, 246, 0.5) !important; box-shadow: 0 20px 40px rgba(60, 9, 29, 0.7), 0 0 40px rgba(93, 20, 52, 0.5) !important; } /* ============================================================ INTERNAL TYPOGRAPHY POLISH ============================================================ */ /* The '03' Number */ .card3 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title { color: var(--ac) !important; font-size: 4.5rem !important; line-height: 1 !important; margin-bottom: -15px !important; font-weight: 400 !important; font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important; font-style: italic !important; opacity: 0.9; } /* The Main Title */ .card3 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title { color: #ffffff !important; font-size: 2.2rem !important; font-weight: 400 !important; line-height: 1.2 !important; font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important; } /* The Description Text */ .card3 .elementor-widget-text-editor { color: rgba(255, 255, 255, 0.85) !important; font-size: 1.05rem !important; line-height: 1.6 !important; } /* ============================================================ CARD3: ICON LIST PILL BADGES (Updated Pink Theme) ============================================================ */ .card3 .elementor-icon-list-items.elementor-inline-items { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } .card3 .elementor-icon-list-item { margin: 0 !important; } /* Hard-targeted span to override Elementor defaults */ .card3 .elementor-icon-list-item span.elementor-icon-list-text, .card3 .elementor-icon-list-item a span.elementor-icon-list-text { font-size: 0.72rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; font-weight: 600 !important; /* Updated Pink Colors */ color: #ff9cc4 !important; border: 1px solid rgb(215 68 126 / 50%) !important; background: rgb(255 145 189 / 10%) !important; border-radius: 999px !important; padding: 8px 16px !important; display: inline-block !important; transition: all 0.3s ease !important; } /* Hover state for pills matching the new pink */ .card3 .elementor-icon-list-item:hover span.elementor-icon-list-text, .card3 .elementor-icon-list-item:hover a span.elementor-icon-list-text { background: rgb(255 145 189 / 25%) !important; border-color: rgb(215 68 126 / 80%) !important; transform: translateY(-2px) !important; } /* ============================================================ CARD3: BUTTON STYLING (Unaffected) ============================================================ */ .card3 .primarybtn, .card3 .elementor-widget-button { margin-top: auto !important; align-self: flex-start !important; width: auto !important; } /* ============================================================ CARD3: BUTTON STYLING — matches the pill badges ============================================================ */ .card3 .primarybtn, .card3 .elementor-widget-button { margin-top: auto !important; align-self: flex-start !important; width: auto !important; } .card3 .primarybtn .elementor-button, .card3 .elementor-widget-button .elementor-button { color: #ff9cc4 !important; border: 1px solid rgb(215 68 126 / 50%) !important; background: rgb(255 145 189 / 10%) !important; background-image: none !important; transition: all 0.3s ease !important; } .card3 .primarybtn .elementor-button::before, .card3 .elementor-widget-button .elementor-button::before { display: none !important; } .card3 .primarybtn .elementor-button:hover, .card3 .elementor-widget-button .elementor-button:hover { color: #ff9cc4 !important; background: rgb(255 145 189 / 25%) !important; border-color: rgb(215 68 126 / 80%) !important; box-shadow: none !important; opacity: 1 !important; } /* Add arrow */ .card3 .elementor-button-text:after { content: " →" !important; } .card3 .elementor-button:hover { opacity: 0.8 !important; } /* Add arrow Verbatim */ .card3 .elementor-button-text:after { content: " →" !important; } /* Responsive Padding for Mobile */ @media (max-width: 767px) { .card3 { padding: 35px 25px !important; } .card3 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title { font-size: 3.5rem !important; } .card3 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title { font-size: 1.8rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-562393e *//* ============================================================ PREMIUM ANIMATED CARD (.card4) - BRONZE/GOLD THEME ============================================================ */ .card4 { /* Variables matching the bronze/gold vibe */ --g1: #4a3c1c; --g2: #6b572a; --g3: #8c733a; --g4: #a68b4b; --g5: #362c14; --g6: #786332; --g7: #52421f; --ac: #fdfaf5; /* Creamy off-white accent for text */ /* Spacing & Borders */ padding: 45px 40px !important; border-radius: 20px !important; border: 1px solid rgba(253, 250, 245, 0.15) !important; /* Layout */ display: flex !important; flex-direction: column !important; gap: 20px !important; /* Animated Multi-Color Gradient Background */ background: linear-gradient( 135deg, var(--g1), var(--g3), var(--g2), var(--g6), var(--g4), var(--g5), var(--g7), var(--g1) ) !important; background-size: 500% 500% !important; animation: cardGradientFlow 16s ease infinite !important; /* Base Shadow & Transition */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Premium Hover Glow */ .card4:hover { transform: translateY(-8px) !important; border-color: rgba(253, 250, 245, 0.5) !important; box-shadow: 0 20px 40px rgba(74, 60, 28, 0.7), 0 0 40px rgba(166, 139, 75, 0.4) !important; } /* ============================================================ INTERNAL TYPOGRAPHY POLISH ============================================================ */ /* The '04' Number */ .card4 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title { color: var(--ac) !important; font-size: 4.5rem !important; line-height: 1 !important; margin-bottom: -15px !important; font-weight: 400 !important; font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important; font-style: italic !important; opacity: 0.9; } /* The Main Title */ .card4 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title { color: #ffffff !important; font-size: 2.2rem !important; font-weight: 400 !important; line-height: 1.2 !important; font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important; } /* The Description Text */ .card4 .elementor-widget-text-editor { color: rgba(255, 255, 255, 0.85) !important; font-size: 1.05rem !important; line-height: 1.6 !important; } /* ============================================================ CARD4: ICON LIST PILL BADGES (Updated #F2DBA8 Theme) ============================================================ */ .card4 .elementor-icon-list-items.elementor-inline-items { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } .card4 .elementor-icon-list-item { margin: 0 !important; } /* Hard-targeted span to override Elementor defaults */ .card4 .elementor-icon-list-item span.elementor-icon-list-text, .card4 .elementor-icon-list-item a span.elementor-icon-list-text { font-size: 0.72rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; font-weight: 600 !important; /* Updated #F2DBA8 Colors */ color: #F2DBA8 !important; border: 1px solid color-mix(in srgb, #F2DBA8 50%, transparent) !important; background: color-mix(in srgb, #F2DBA8 10%, transparent) !important; border-radius: 999px !important; padding: 8px 16px !important; display: inline-block !important; transition: all 0.3s ease !important; } /* Hover state for pills matching the new color */ .card4 .elementor-icon-list-item:hover span.elementor-icon-list-text, .card4 .elementor-icon-list-item:hover a span.elementor-icon-list-text { background: color-mix(in srgb, #F2DBA8 25%, transparent) !important; border-color: color-mix(in srgb, #F2DBA8 80%, transparent) !important; transform: translateY(-2px) !important; } /* ============================================================ CARD4: BUTTON STYLING (Unaffected) ============================================================ */ /* ============================================================ CARD4: BUTTON STYLING — matches the pill badges ============================================================ */ .card4 .primarybtn, .card4 .elementor-widget-button { margin-top: auto !important; align-self: flex-start !important; width: auto !important; } .card4 .primarybtn .elementor-button, .card4 .elementor-widget-button .elementor-button { color: #F2DBA8 !important; border: 1px solid color-mix(in srgb, #F2DBA8 50%, transparent) !important; background: color-mix(in srgb, #F2DBA8 10%, transparent) !important; background-image: none !important; transition: all 0.3s ease !important; } .card4 .primarybtn .elementor-button::before, .card4 .elementor-widget-button .elementor-button::before { display: none !important; } .card4 .primarybtn .elementor-button:hover, .card4 .elementor-widget-button .elementor-button:hover { color: #F2DBA8 !important; background: color-mix(in srgb, #F2DBA8 25%, transparent) !important; border-color: color-mix(in srgb, #F2DBA8 80%, transparent) !important; box-shadow: none !important; opacity: 1 !important; } /* Add arrow */ .card4 .elementor-button-text:after { content: " →" !important; } .card4 .primarybtn, .card4 .elementor-widget-button { margin-top: auto !important; align-self: flex-start !important; width: auto !important; } .card4 .elementor-button:hover { opacity: 0.8 !important; } /* Add arrow Verbatim */ .card4 .elementor-button-text:after { content: " →" !important; } /* Responsive Padding for Mobile */ @media (max-width: 767px) { .card4 { padding: 35px 25px !important; } .card4 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title { font-size: 3.5rem !important; } .card4 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title { font-size: 1.8rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b55b50 *//* ============================================================ SECTIONPRO — premium professional section Slate accent, no italics. ============================================================ */ .sectionpro{ --navy:#0B1626; --accent:#2E4A6B; /* deep slate blue — replaces gold */ --accent-lt:#4A6E96; --ivory:#F6F4EE; --paper:#F4F2EC; --ink:#1B2534; --muted:#6E7887; --line:rgba(11,22,38,.10); --ease:cubic-bezier(.22,.8,.24,1); position:relative; padding:clamp(90px,11vw,170px) 0 !important; /* NOT overflow:hidden — that would break position:sticky below */ overflow:visible !important; } /* oversized watermark initial */ .sectionpro::before{ content:"L"; position:absolute;left:0;top:6%;z-index:0; font-family:'Marcellus',Georgia,serif; font-size:clamp(14rem,34vw,30rem); line-height:.72; color:rgba(11,22,38,.045); pointer-events:none;user-select:none; } .sectionpro > .e-con-inner{ position:relative;z-index:1; overflow:visible !important; display:grid !important; grid-template-columns:.85fr 1fr; gap:clamp(48px,7vw,110px) !important; align-items:start !important; } /* ============================================================ LEFT — PORTRAIT COLUMN (.elementor-element-d768df1) ============================================================ */ .sectionpro .elementor-element-d768df1{ position:relative; gap:0 !important; } .sectionpro .imageani{ --slm-edge:26px; max-width:100% !important; margin:0 0 var(--slm-edge) var(--slm-edge) !important; } .sectionpro .imageani .slm-frame{ aspect-ratio:4/5; } /* recolour the frame + reveal curtain that .imageani draws */ .sectionpro .imageani .slm-gold-edge{ border-color:var(--accent) !important; } .sectionpro .imageani .slm-frame::after{ background:linear-gradient(120deg,var(--accent),var(--accent-lt)) !important; } /* ---- caption plate overlapping the photo ---- */ .sectionpro .slm-pro__plate{ position:absolute !important; right:-14px; bottom:calc(var(--slm-edge, 26px) + 8px); z-index:5; width:auto !important; background:var(--navy); color:var(--ivory) !important; padding:18px 26px !important; border-left:2px solid var(--accent-lt); box-shadow:0 24px 50px -22px rgba(11,22,38,.6); opacity:0;transform:translateY(14px); transition:opacity .8s var(--ease) .55s,transform .8s var(--ease) .55s; } .sectionpro .slm-pro__plate.is-in{opacity:1;transform:none} .sectionpro .slm-pro__plate b{ display:block; font-family:'Marcellus',Georgia,serif; font-weight:400 !important; font-size:1rem; letter-spacing:.02em; color:var(--ivory); } .sectionpro .slm-pro__plate span{ display:block;margin-top:4px; font-size:.58rem; letter-spacing:.28em; text-transform:uppercase; color:var(--accent-lt); } /* ============================================================ RIGHT — TEXT COLUMN (.elementor-element-84857b4) ============================================================ */ .sectionpro .elementor-element-84857b4{ padding-top:clamp(0px,2vw,26px) !important; gap:0 !important; } /* ---- eyebrow ---- */ .sectionpro .eyebrow{ display:inline-flex;align-items:center;gap:14px; font-size:.68rem; letter-spacing:.34em; text-transform:uppercase; color:var(--accent); font-weight:600; margin-bottom:26px; } /* ---- name ---- */ .sectionpro .headlineanm .elementor-heading-title{ font-family:'Marcellus',Georgia,serif !important; font-weight:400 !important; font-size:clamp(2.4rem,4.6vw,3.9rem) !important; line-height:1.06 !important; letter-spacing:-.015em !important; color:var(--navy) !important; margin:0 0 6px !important; } /* ---- hairline rule under the name ---- */ .sectionpro .headlineanm::after{ content:""; display:block; height:1px; max-width:70%; margin:26px 0 30px; background:linear-gradient(90deg,var(--accent),var(--accent) 55%,var(--line) 55%); background-size:200% 100%; background-position:100% 0; animation:sproRule 1.4s var(--ease) .4s forwards; } @keyframes sproRule{to{background-position:0 0}} /* ---- role line — upright, not italic ---- */ .sectionpro .slm-pro__role, .sectionpro .slm-pro__role p{ font-family:'Marcellus',Georgia,serif !important; font-style:normal !important; font-weight:400 !important; font-size:clamp(1.15rem,1.9vw,1.42rem) !important; line-height:1.5 !important; letter-spacing:.005em !important; color:var(--accent) !important; max-width:36ch; margin:0 0 34px !important; } /* ---- body paragraphs ---- */ .sectionpro .elementor-element-0229140, .sectionpro .elementor-element-6f0c772, .sectionpro .elementor-element-0229140 p, .sectionpro .elementor-element-6f0c772 p{ font-size:1.03rem !important; line-height:1.78 !important; color:var(--muted) !important; max-width:56ch; margin:0 0 20px !important; } /* ============================================================ CREDENTIALS LEDGER (.elementor-element-7ad7d05) ============================================================ */ .sectionpro .elementor-element-7ad7d05{ margin-top:44px !important; } .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-items{ counter-reset:cred; border-top:1px solid var(--line); margin:0 !important;padding:0 !important; display:block !important; gap:0 !important; } .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item{ counter-increment:cred; position:relative; display:grid !important; grid-template-columns:52px 1fr; gap:18px; align-items:baseline; padding:20px 0 !important; margin:0 !important; border-bottom:1px solid var(--line); background:none !important; transition:padding-left .45s var(--ease); } /* hide Elementor's own icon slot */ .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-icon{display:none !important} /* the 01–04 numeral — upright, not italic */ .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item::before{ content:counter(cred,decimal-leading-zero); font-family:'Marcellus',Georgia,serif; font-style:normal; font-weight:400; font-size:.92rem; letter-spacing:.14em; color:var(--accent); } /* accent bar that grows on hover */ .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item::after{ content:""; position:absolute;left:0;top:0;bottom:0;width:2px; background:var(--accent); transform:scaleY(0);transform-origin:top; transition:transform .45s var(--ease); } .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item:hover{padding-left:16px !important} .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item:hover::after{transform:scaleY(1)} /* ---- OVERRIDE the global pill styling (span.elementor-icon-list-text) ---- */ .sectionpro .elementor-element-7ad7d05 span.elementor-icon-list-text, .sectionpro .elementor-element-7ad7d05 a span.elementor-icon-list-text, .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item span.elementor-icon-list-text{ /* strip the pill */ background:none !important; background-color:transparent !important; border:0 !important; border-radius:0 !important; padding:0 !important; margin:0 !important; box-shadow:none !important; /* restore the ledger look */ display:block !important; font-family:inherit !important; font-style:normal !important; font-size:1rem !important; font-weight:400 !important; line-height:1.55 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--ink) !important; transition:color .45s var(--ease) !important; } .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item:hover span.elementor-icon-list-text{ background:none !important; border-color:transparent !important; transform:none !important; color:var(--navy) !important; } /* neutralise the wrapping anchor if Elementor added one */ .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item > a{ display:contents !important; background:none !important; padding:0 !important; } /* ============================================================ BUTTON (.elementor-element-4929af5 > .primarybtn) ============================================================ */ .sectionpro .elementor-element-4929af5{ margin-top:46px !important; align-items:flex-start !important; width:auto !important; } .sectionpro .primarybtn .elementor-button{ position:relative;isolation:isolate;overflow:hidden; display:inline-flex;align-items:center;gap:14px; padding:20px 42px !important; border:1px solid var(--navy) !important; border-radius:0 !important; background:transparent !important; font-size:.8rem !important; font-weight:600 !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:var(--navy) !important; transition:color .45s var(--ease) !important; } .sectionpro .primarybtn .elementor-button::before{ content:"";position:absolute;inset:0;z-index:-1; background:var(--navy); transform:translateY(101%); transition:transform .5s var(--ease); } .sectionpro .primarybtn .elementor-button:hover{color:var(--ivory) !important} .sectionpro .primarybtn .elementor-button:hover::before{transform:translateY(0)} /* arrow rule that extends on hover */ .sectionpro .primarybtn .elementor-button-content-wrapper{ display:inline-flex;align-items:center;gap:14px; } .sectionpro .primarybtn .elementor-button-content-wrapper::after{ content:""; width:18px;height:1px; background:currentColor; position:relative; transition:width .4s var(--ease); } .sectionpro .primarybtn .elementor-button:hover .elementor-button-content-wrapper::after{ width:28px; } /* ============================================================ STICKY PORTRAIT (desktop only) ============================================================ */ @media(min-width:1025px){ .sectionpro .elementor-element-d768df1{ position:sticky !important; top:120px; /* clears the fixed header */ align-self:start !important; height:fit-content; } } /* ============================================================ RESPONSIVE ============================================================ */ @media(max-width:1024px){ .sectionpro > .e-con-inner{ grid-template-columns:1fr !important; gap:56px !important; } .sectionpro .elementor-element-d768df1{max-width:460px} .sectionpro .headlineanm::after{max-width:100%} } @media(max-width:767px){ .sectionpro{padding:70px 0 !important} .sectionpro .imageani{--slm-edge:14px} .sectionpro .slm-pro__plate{ right:0; padding:14px 20px !important; } .sectionpro .elementor-element-7ad7d05 .elementor-icon-list-item{ grid-template-columns:38px 1fr; gap:12px; } .sectionpro .elementor-element-7ad7d05 span.elementor-icon-list-text{ font-size:.95rem !important; } .sectionpro .primarybtn .elementor-button{ width:100%;justify-content:center; padding:18px 28px !important; } } /* ============================================================ ACCESSIBILITY ============================================================ */ @media(prefers-reduced-motion:reduce){ .sectionpro *, .sectionpro *::before, .sectionpro *::after{ animation-duration:.001s !important; transition-duration:.001s !important; } .sectionpro .slm-pro__plate{opacity:1;transform:none} .sectionpro .headlineanm::after{background-position:0 0} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e74967e *//* ============================================================ LOGO CARDS — two images, equal white cards Container: .elementor-element-e74967e Cards: .elementor-element-9bf96da / .elementor-element-cee8814 ============================================================ */ .elementor-element-e74967e { --card-bg: #ffffff; --card-radius: 14px; --card-pad: clamp(20px, 2.4vw, 30px); --logo-h: clamp(38px, 4vw, 54px); --card-max: 240px; /* <- width of each card. Tune this. */ --navy: #0b174f; --ease: cubic-bezier(.22, .8, .24, 1); display: grid !important; grid-template-columns: repeat(2, minmax(0, var(--card-max))) !important; gap: clamp(14px, 1.6vw, 22px) !important; align-items: stretch !important; justify-content: center !important; /* start | center | end */ width: auto !important; max-width: 100% !important; margin-inline: auto !important; } /* ---------- the cards ---------- */ .elementor-element-e74967e > .elementor-widget-image { position: relative; isolation: isolate; overflow: hidden; display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: clamp(88px, 8vw, 118px); padding: var(--card-pad) !important; background: var(--card-bg); border: 1px solid rgba(11, 23, 79, 0.08); border-radius: var(--card-radius); box-shadow: 0 1px 2px rgba(11, 23, 79, 0.05), 0 12px 28px -14px rgba(11, 23, 79, 0.28); transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease); /* entrance */ opacity: 0; animation: cardRise .9s var(--ease) forwards; } .elementor-element-e74967e > .elementor-widget-image:nth-child(1) { animation-delay: .1s; } .elementor-element-e74967e > .elementor-widget-image:nth-child(2) { animation-delay: .25s; } @keyframes cardRise { from { opacity: 0; transform: translateY(22px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } } /* accent hairline that draws in along the top edge on hover */ .elementor-element-e74967e > .elementor-widget-image::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--navy); transform: scaleX(0); transform-origin: left; transition: transform .6s var(--ease); z-index: 2; } /* light sweep across the card */ .elementor-element-e74967e > .elementor-widget-image::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 115deg, transparent 30%, rgba(11, 23, 79, .06) 48%, transparent 66% ); transform: translateX(-120%); transition: transform .9s var(--ease); } .elementor-element-e74967e > .elementor-widget-image:hover { transform: translateY(-6px); border-color: rgba(11, 23, 79, 0.18); box-shadow: 0 2px 4px rgba(11, 23, 79, 0.06), 0 26px 48px -18px rgba(11, 23, 79, 0.42); } .elementor-element-e74967e > .elementor-widget-image:hover::before { transform: scaleX(1); } .elementor-element-e74967e > .elementor-widget-image:hover::after { transform: translateX(120%); } /* ---------- the logos ---------- */ .elementor-element-e74967e .elementor-widget-image img { position: relative; z-index: 2; display: block; width: auto !important; max-width: 100% !important; height: var(--logo-h) !important; object-fit: contain; object-position: center; transition: transform .5s var(--ease), filter .5s var(--ease); } .elementor-element-e74967e .elementor-widget-image:hover img { transform: scale(1.04); } /* Optional: mute the logos until hover — uncomment if you want the restrained, monochrome partner-wall look. .elementor-element-e74967e .elementor-widget-image img{ filter:grayscale(1);opacity:.72; } .elementor-element-e74967e .elementor-widget-image:hover img{ filter:grayscale(0);opacity:1; } */ /* ---------- responsive ---------- */ @media (max-width: 767px) { .elementor-element-e74967e { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; } .elementor-element-e74967e > .elementor-widget-image { min-height: 82px; padding: 16px !important; } } /* ---------- accessibility ---------- */ @media (prefers-reduced-motion: reduce) { .elementor-element-e74967e > .elementor-widget-image { opacity: 1; animation: none; transition-duration: .001s; } .elementor-element-e74967e > .elementor-widget-image::after { display: none; } .elementor-element-e74967e .elementor-widget-image img { transition: none; } }/* End custom CSS */