.elementor-9556 .elementor-element.elementor-element-2e93a57{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9556 .elementor-element.elementor-element-9bc6e12 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9556 .elementor-element.elementor-element-fb5ee5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9556 .elementor-element.elementor-element-fc15115 .uc-typewriter{text-align:center;}.elementor-9556 .elementor-element.elementor-element-fc15115 .begining_text{font-family:"Poppins", Sans-serif;font-size:3rem;color:#000000;}.elementor-9556 .elementor-element.elementor-element-fc15115 .uc-typewriter-element{font-family:"Poppins", Sans-serif;font-size:3rem;font-weight:500;color:#000000;}.elementor-9556 .elementor-element.elementor-element-fc15115 .ending_text{color:#000000;}.elementor-9556 .elementor-element.elementor-element-a51b7b0{--spacer-size:13px;}.elementor-9556 .elementor-element.elementor-element-7c642fc{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9556 .elementor-element.elementor-element-7c642fc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9556 .elementor-element.elementor-element-7bc87b2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-9a156b0{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9556 .elementor-element.elementor-element-38b075b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9556 .elementor-element.elementor-element-38b075b .beginning_text_typography{color:#000000;font-family:"Poppins", Sans-serif;font-size:3rem;}.elementor-9556 .elementor-element.elementor-element-38b075b .middle_text_typography{color:#F39200;font-family:"Poppins", Sans-serif;font-size:3rem;font-weight:600;line-height:1px;}.elementor-9556 .elementor-element.elementor-element-38b075b .ending_text_typography{color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9556 .elementor-element.elementor-element-5cfbbd8{--divider-border-style:solid;--divider-color:#EBD91C;--divider-border-width:3.3px;}.elementor-9556 .elementor-element.elementor-element-5cfbbd8 > .elementor-widget-container{padding:0px 0px 37px 0px;}.elementor-9556 .elementor-element.elementor-element-5cfbbd8 .elementor-divider-separator{width:40%;margin:0 auto;margin-center:0;}.elementor-9556 .elementor-element.elementor-element-5cfbbd8 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-9556 .elementor-element.elementor-element-29da519{--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;--gap:43px 43px;--row-gap:43px;--column-gap:43px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9556 .elementor-element.elementor-element-d1b2076{--display:flex;--min-height:435px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9556 .elementor-element.elementor-element-a313421 > .elementor-widget-container:hover{--e-transform-rotateZ:-20deg;}.elementor-9556 .elementor-element.elementor-element-a313421 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-9556 .elementor-element.elementor-element-a313421.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9556 .elementor-element.elementor-element-a313421{--e-transform-transition-duration:400ms;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-lord-icon-inner{text-align:center;}.elementor-9556 .elementor-element.elementor-element-a313421 lord-icon{width:98px;height:98px;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-lord-icon-wrapper{text-align:center;padding:20px 20px 20px 20px;flex-direction:column;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-box-title{color:#75398F;font-family:"Poppins", Sans-serif;font-size:1.2rem;margin-top:20px;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-box-text{color:#8c8c8c;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-lord-icon-contet{text-align:inherit;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-9556 .elementor-element.elementor-element-cf8c159{width:var( --container-widget-width, 104.123% );max-width:104.123%;--container-widget-width:104.123%;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-cf8c159 > .elementor-widget-container{--e-transform-translateX:62px;--e-transform-translateY:71px;margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-9556 .elementor-element.elementor-element-cf8c159 > .elementor-widget-container:hover{--e-transform-scale:1.3;}.elementor-9556 .elementor-element.elementor-element-cf8c159.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9556 .elementor-element.elementor-element-cf8c159 .ue-lord-icon-inner{text-align:center;}.elementor-9556 .elementor-element.elementor-element-cf8c159 lord-icon{width:98px;height:98px;}.elementor-9556 .elementor-element.elementor-element-cf8c159 .ue-lord-icon-wrapper{text-align:center;padding:20px 20px 20px 20px;flex-direction:column;}.elementor-9556 .elementor-element.elementor-element-cf8c159 .ue-box-title{color:#E61E2A;font-family:"Poppins", Sans-serif;margin-top:20px;}.elementor-9556 .elementor-element.elementor-element-cf8c159 .ue-box-text{color:#8c8c8c;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-cf8c159 .ue-lord-icon-contet{text-align:inherit;}.elementor-9556 .elementor-element.elementor-element-cf8c159 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-9556 .elementor-element.elementor-element-2f64d43{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9556 .elementor-element.elementor-element-2f64d43.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9556 .elementor-element.elementor-element-9e95d04{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-9e95d04 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9556 .elementor-element.elementor-element-9e95d04.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9556 .elementor-element.elementor-element-0544c90{--display:flex;--min-height:435px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9556 .elementor-element.elementor-element-60ac013{width:var( --container-widget-width, 106.537% );max-width:106.537%;--container-widget-width:106.537%;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-60ac013 > .elementor-widget-container{--e-transform-translateX:-2px;padding:0% 0% 0% 0%;}.elementor-9556 .elementor-element.elementor-element-60ac013 > .elementor-widget-container:hover{--e-transform-rotateZ:-31deg;}.elementor-9556 .elementor-element.elementor-element-60ac013.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9556 .elementor-element.elementor-element-60ac013 .ue-lord-icon-inner{text-align:center;}.elementor-9556 .elementor-element.elementor-element-60ac013 lord-icon{width:98px;height:98px;}.elementor-9556 .elementor-element.elementor-element-60ac013 .ue-lord-icon-wrapper{text-align:center;padding:20px 20px 20px 20px;flex-direction:column;}.elementor-9556 .elementor-element.elementor-element-60ac013 .ue-box-title{color:#4AB1E4;font-family:"Poppins", Sans-serif;margin-top:20px;}.elementor-9556 .elementor-element.elementor-element-60ac013 .ue-box-text{color:#8c8c8c;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-60ac013 .ue-lord-icon-contet{text-align:inherit;}.elementor-9556 .elementor-element.elementor-element-60ac013 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-9556 .elementor-element.elementor-element-1d446e6{width:var( --container-widget-width, 108.952% );max-width:108.952%;--container-widget-width:108.952%;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-1d446e6 > .elementor-widget-container{--e-transform-translateX:-55px;--e-transform-translateY:62px;padding:0% 0% 0% 0%;}.elementor-9556 .elementor-element.elementor-element-1d446e6 > .elementor-widget-container:hover{--e-transform-scale:1;--e-transform-skewX:-15deg;--e-transform-skewY:15deg;}.elementor-9556 .elementor-element.elementor-element-1d446e6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-lord-icon-inner{text-align:center;}.elementor-9556 .elementor-element.elementor-element-1d446e6 lord-icon{width:98px;height:98px;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-lord-icon-wrapper{text-align:center;padding:20px 20px 20px 20px;flex-direction:column;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-box-title{color:#197547;font-family:"Poppins", Sans-serif;margin-top:20px;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-box-text{color:#8c8c8c;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-lord-icon-contet{text-align:inherit;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-9556 .elementor-element.elementor-element-e457013{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-9556 .elementor-element.elementor-element-e457013.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9556 .elementor-element.elementor-element-3ca325d .ue-lord-icon-inner{text-align:center;}.elementor-9556 .elementor-element.elementor-element-3ca325d lord-icon{width:72px;height:72px;}.elementor-9556 .elementor-element.elementor-element-3ca325d .ue-lord-icon-wrapper{text-align:center;padding:20px 20px 20px 20px;flex-direction:column;}.elementor-9556 .elementor-element.elementor-element-3ca325d .ue-box-title{color:#75398F;font-family:"Poppins", Sans-serif;margin-top:20px;}.elementor-9556 .elementor-element.elementor-element-3ca325d .ue-box-text{color:#8c8c8c;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-3ca325d .ue-lord-icon-contet{text-align:inherit;}.elementor-9556 .elementor-element.elementor-element-3ca325d .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-9556 .elementor-element.elementor-element-da8b480 .ue-lord-icon-inner{text-align:center;}.elementor-9556 .elementor-element.elementor-element-da8b480 lord-icon{width:72px;height:72px;}.elementor-9556 .elementor-element.elementor-element-da8b480 .ue-lord-icon-wrapper{text-align:center;padding:20px 20px 20px 20px;flex-direction:column;}.elementor-9556 .elementor-element.elementor-element-da8b480 .ue-box-title{color:#E61E2A;font-family:"Poppins", Sans-serif;margin-top:20px;}.elementor-9556 .elementor-element.elementor-element-da8b480 .ue-box-text{color:#8c8c8c;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-da8b480 .ue-lord-icon-contet{text-align:inherit;}.elementor-9556 .elementor-element.elementor-element-da8b480 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-9556 .elementor-element.elementor-element-078a8bc .ue-lord-icon-inner{text-align:center;}.elementor-9556 .elementor-element.elementor-element-078a8bc lord-icon{width:72px;height:72px;}.elementor-9556 .elementor-element.elementor-element-078a8bc .ue-lord-icon-wrapper{text-align:center;padding:20px 20px 20px 20px;flex-direction:column;}.elementor-9556 .elementor-element.elementor-element-078a8bc .ue-box-title{color:#4AB1E4;font-family:"Poppins", Sans-serif;margin-top:20px;}.elementor-9556 .elementor-element.elementor-element-078a8bc .ue-box-text{color:#8c8c8c;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-078a8bc .ue-lord-icon-contet{text-align:inherit;}.elementor-9556 .elementor-element.elementor-element-078a8bc .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-9556 .elementor-element.elementor-element-c1ee783 .ue-lord-icon-inner{text-align:center;}.elementor-9556 .elementor-element.elementor-element-c1ee783 lord-icon{width:72px;height:72px;}.elementor-9556 .elementor-element.elementor-element-c1ee783 .ue-lord-icon-wrapper{text-align:center;padding:20px 20px 20px 20px;flex-direction:column;}.elementor-9556 .elementor-element.elementor-element-c1ee783 .ue-box-title{color:#197547;font-family:"Poppins", Sans-serif;margin-top:20px;}.elementor-9556 .elementor-element.elementor-element-c1ee783 .ue-box-text{color:#8c8c8c;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-c1ee783 .ue-lord-icon-contet{text-align:inherit;}.elementor-9556 .elementor-element.elementor-element-c1ee783 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-9556 .elementor-element.elementor-element-ecd09c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9556 .elementor-element.elementor-element-d64ff34{--spacer-size:50px;}.elementor-9556 .elementor-element.elementor-element-a8ccc96 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9556 .elementor-element.elementor-element-a8ccc96 .ue-dual-color-heading{text-align:center;}.elementor-9556 .elementor-element.elementor-element-a8ccc96 .ue-title-one{color:#000000;font-family:"Poppins", Sans-serif;font-size:2.7rem;}.elementor-9556 .elementor-element.elementor-element-a8ccc96 .ue-title-two{color:#4AB1E4;font-family:"Rampart One", Sans-serif;font-size:2.9rem;font-weight:600;letter-spacing:2.2px;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-image-overlay{background-color:rgba(0, 0, 0, 0.5);opacity:100%;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .post_magazine_grid{grid-template-columns:repeat(4, 1fr);gap:5px;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(1){grid-column:span 2;grid-row:span 2;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(2){grid-column:span 1;grid-row:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(3){grid-column:span 1;grid-row:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(4){grid-column:span 1;grid-row:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(5){grid-row:span 1;grid-column:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(6){grid-row:span 1;grid-column:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(7){grid-row:span 1;grid-column:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(8){grid-row:span 1;grid-column:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(9){grid-row:span 1;grid-column:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item:nth-child(10){grid-row:span 1;grid-column:span 1;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 div.ue-grid-item{background-color:#ffffff;min-height:250px;border-radius:5px 5px 5px 5px;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-image img{object-position:center center;mix-blend-mode:normal;opacity:100%;transform:scale(100%);transition:all 300ms ease-in-out;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item:hover .ue-grid-item-image img{opacity:100%;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item:hover .ue-grid-item-image-overlay{opacity:50%;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-content{padding:20px 20px 20px 20px;text-align:inherit;max-width:100%;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-category a{background-color:#00bcff;color:#ffffff;padding:2px 10px 2px 10px;border-radius:5px 5px 5px 5px;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-title a{color:#ffffff;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-title{margin-top:15px;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-meta-data{color:#ffffff;margin-top:10px;gap:10px;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-meta-data svg{fill:#ffffff;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-intro{color:#ffffff;margin-top:10px;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .uc_more_btn{padding:10px 20px 10px 20px;display:inline-block;border-radius:0px;background-color:#000000;color:#ffffff;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-grid-item-button{margin-top:15px;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-date-calendar{padding:15px 15px 15px 15px;background-color:#ffffff;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-date-calendar-day{color:#000000;}.elementor-9556 .elementor-element.elementor-element-cdcceb7 .ue-date-calendar-month{color:#7a7a7a;}.elementor-9556 .elementor-element.elementor-element-ca4f4f8{--spacer-size:19px;}.elementor-9556 .elementor-element.elementor-element-a2cc129 .uc-liquid-button-wrapper{text-align:center;}.elementor-9556 .elementor-element.elementor-element-a2cc129 .uc-liquid-button,.elementor-9556 .elementor-element.elementor-element-a2cc129 .uc-liquid-button *{transition-duration:300ms;}.elementor-9556 .elementor-element.elementor-element-a2cc129 .uc-liquid-button{font-family:"Poppins", Sans-serif;font-size:1.1rem;border-radius:50;color:#ffffff;}.elementor-9556 .elementor-element.elementor-element-e1ab3f7{--spacer-size:77px;}.elementor-9556 .elementor-element.elementor-element-2e78a39{--display:flex;}.elementor-9556 .elementor-element.elementor-element-179adc0 .cursor__ball--small-inner{width:10px;height:10px;background-color:#ffffff;border-radius:50px 50px 50px 50px;}.elementor-9556 .elementor-element.elementor-element-179adc0 .ue_cursor_icon i,.elementor-9556 .elementor-element.elementor-element-179adc0 .ue_cursor_icon svg{font-size:26px;}.elementor-9556 .elementor-element.elementor-element-179adc0 .cursor__ball--small i{color:#000000;}.elementor-9556 .elementor-element.elementor-element-179adc0 .cursor__ball--small svg{fill:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9556 .elementor-element.elementor-element-7c642fc{--width:101.948%;}.elementor-9556 .elementor-element.elementor-element-2f64d43{--width:51%;}.elementor-9556 .elementor-element.elementor-element-e457013{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9556 .elementor-element.elementor-element-e457013{--width:1600px;}}@media(max-width:1024px){.elementor-9556 .elementor-element.elementor-element-a313421 > .elementor-widget-container{margin:0px 15px 0px 0px;}.elementor-9556 .elementor-element.elementor-element-a313421 lord-icon{width:65px;height:65px;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-lord-icon-holder{margin:0% 0% 0% 45%;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-box-title{font-size:15px;margin-top:0px;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-lord-icon-contet{text-align:center;}.elementor-9556 .elementor-element.elementor-element-cf8c159 lord-icon{width:70px;height:70px;}.elementor-9556 .elementor-element.elementor-element-cf8c159 .ue-box-title{font-size:0.9rem;margin-top:2px;}.elementor-9556 .elementor-element.elementor-element-60ac013 lord-icon{width:70px;height:70px;}.elementor-9556 .elementor-element.elementor-element-60ac013 .ue-box-title{font-size:1rem;margin-top:1px;}.elementor-9556 .elementor-element.elementor-element-1d446e6 > .elementor-widget-container{padding:60% 0% 0% 0%;}.elementor-9556 .elementor-element.elementor-element-1d446e6 lord-icon{width:70px;height:70px;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-lord-icon-holder{margin:0% 0% 0% 20%;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-box-title{font-size:1rem;margin-top:1px;}.elementor-9556 .elementor-element.elementor-element-1d446e6 .ue-lord-icon-contet{text-align:center;}.elementor-9556 .elementor-element.elementor-element-e457013{--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;}.elementor-9556 .elementor-element.elementor-element-3ca325d > .elementor-widget-container:hover{--e-transform-rotateZ:14deg;}.elementor-9556 .elementor-element.elementor-element-3ca325d lord-icon{width:96px;height:96px;}.elementor-9556 .elementor-element.elementor-element-da8b480 > .elementor-widget-container:hover{--e-transform-scale:1.3;}.elementor-9556 .elementor-element.elementor-element-da8b480 lord-icon{width:96px;height:96px;}.elementor-9556 .elementor-element.elementor-element-078a8bc > .elementor-widget-container:hover{--e-transform-rotateZ:-35deg;}.elementor-9556 .elementor-element.elementor-element-078a8bc lord-icon{width:96px;height:96px;}.elementor-9556 .elementor-element.elementor-element-c1ee783 > .elementor-widget-container:hover{--e-transform-translateX:-17px;--e-transform-translateY:5px;--e-transform-scale:0.8;}.elementor-9556 .elementor-element.elementor-element-c1ee783 lord-icon{width:96px;height:96px;}}@media(max-width:767px){.elementor-9556 .elementor-element.elementor-element-fc15115 .begining_text{font-size:2rem;}.elementor-9556 .elementor-element.elementor-element-fc15115 .uc-typewriter-element{font-size:2rem;}.elementor-9556 .elementor-element.elementor-element-a313421 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9556 .elementor-element.elementor-element-a313421 lord-icon{width:64px;height:64px;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-lord-icon-holder{margin:0rem 0rem 0rem 1rem;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-lord-icon-wrapper{text-align:center;}.elementor-9556 .elementor-element.elementor-element-a313421 .ue-box-title{font-size:0.7rem;}.elementor-9556 .elementor-element.elementor-element-e457013{--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;}.elementor-9556 .elementor-element.elementor-element-bc0e000 > .elementor-widget-container{margin:0px 0px 0px 15px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-9bc6e12 */.body3 { font-family: 'Montserrat', sans-serif; background: #fdfdfd; overflow-x: hidden;
        }

     
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }

       
        @keyframes scaleInGlass {
            0% { opacity: 0; transform: translate(-50%, -50%) rotate(-5deg) scale(0.8); }
            60% { transform: translate(-50%, -50%) rotate(-5deg) scale(1.05); } 
            100% { opacity: 1; transform: translate(-50%, -50%) rotate(-5deg) scale(1); }
        }

        
        @keyframes popIn {
            0% { opacity: 0; transform: scale(0); }
            70% { transform: scale(1.2); }
            100% { opacity: 1; transform: scale(1); }
        }

        /* Flottement continu (Déjà existant) */
        @keyframes gentleFloat {
            0% { transform: translateY(0) rotate(var(--r)); }
            100% { transform: translateY(-20px) rotate(var(--r)); }
        }


        /* --- STRUCTURE PRINCIPALE --- */
        .hero-final {
            position: relative;
            height: 77vh;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fdfdfd;
            background-image:
                    linear-gradient(#e5e5e5 1px, transparent 1px),
                    linear-gradient(90deg, #e5e5e5 1px, transparent 1px);
            background-size: 80px 80px;
            overflow: hidden;
        }

       /* --- CERCLE FLOU ORANGE EN FOND --- */
        .vintage-circle {
            position: absolute;
            /* ON RÉDUIT LA TAILLE ICI (avant: 50vh) */
            width: 10vh; height: 10vh;
            border-radius: 50%;
            /* ON PEUT AUSSI METTRE UN ORANGE PLUS DOUX SI BESOIN */
            background: #ff9900; 
            filter: blur(100px);
            /* ON RÉDUIT L'OPACITÉ ICI (avant: 0.15) */
            opacity: 0.5; 
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            z-index: 0;
            /* Animation Entrée : Fade In simple */
            animation: fadeIn 2s ease-out forwards;
        }
        /* On ajuste aussi l'animation pour qu'elle s'arrête à la nouvelle opacité */
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 0.5; } }


        /* --- LE VERRE (ANIMÉ) --- */
        .glass-accent {
            position: absolute;
            top: 50%; left: 50%;
            /* L'animation gère la position initiale et finale */
            width: 70%; max-width: 900px; height: 60%;
            background: linear-gradient(135deg, rgba(255,255,255,), rgba(255,255,255,0.1));
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255,255,255,0.6);
            border-radius: 30px;
            z-index: 1;
            box-shadow: 0 20px 40px rgba(0,0,0,0.05);

            /* Lancement de l'animation */
            opacity: 0; /* Caché au départ */
            animation: scaleInGlass 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
            animation-delay: 0.2s; /* Commence un peu après le chargement */
        }

        /* --- CONTENU TEXTE (ANIMÉ EN CASCADE) --- */
        .hero-content {
            position: relative;
            z-index: 10;
            text-align: center;
            max-width: 1000px;
            padding: 0 20px;
        }

        /* On applique l'animation fadeInUp sur chaque élément avec un délai croissant */

        .hero-surtitle {
            font-size: 1rem; letter-spacing: 4px; text-transform: uppercase; color: #1a1a1a; margin-bottom: 20px; display: block; font-weight: 700;
            opacity: 0; animation: fadeInUp 0.8s ease-out forwards; animation-delay: 0.6s;
        }

        .hero-title {
            font-family: 'Montserrat', sans-serif;
            font-size: 5.5rem; font-weight: 900; line-height: 1; color: #1a1a1a; margin-bottom: 30px; text-transform: uppercase; letter-spacing: -2px;
            opacity: 0; animation: fadeInUp 0.8s ease-out forwards; animation-delay: 0.8s;
        }

        .outline-text { color: transparent; -webkit-text-stroke: 2px #1a1a1a; }
        .color-text { color: #ff9900; }

        .hero-desc {
            font-size: 1.2rem; color: #444; max-width: 600px; margin: 0 auto 40px auto; line-height: 1.5; font-weight: 500;
            opacity: 0; animation: fadeInUp 0.8s ease-out forwards; animation-delay: 1s;
        }

        .btn-final {
            padding: 18px 50px; background: linear-gradient(45deg, #ff9900, #ffcc00); color: white; font-weight: 800; text-transform: uppercase; border-radius: 50px; text-decoration: none; box-shadow: 0 10px 25px rgba(255, 153, 0, 0.4); transition: 0.3s; display: inline-block;
            opacity: 0; animation: fadeInUp 0.8s ease-out forwards; animation-delay: 1.2s;
        }
        .btn-final:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 15px 35px rgba(255, 153, 0, 0.6); }

     
        .cube-wrapper {
            position: absolute;
            z-index: 5;
            opacity: 0;
            animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        }

     
        .float-obj {
            filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.1));
            animation: gentleFloat 6s ease-in-out infinite alternate;
        }

        
        .cw-1 { top: 19%; left: 5%; width: 140px; animation-delay: 1.4s; z-index:50;}
        .cw-2 { bottom: 15%; right: 5%; width: 160px; animation-delay: 1.6s; }
        .cw-3 { top: 15%; right: 15%; width: 90px; animation-delay: 1.8s; }
        .cw-4 { bottom: 10%; left: 10%; width: 110px; animation-delay: 1.5s; }

        /* On applique la rotation sur l'image interne */
        .sw-1 { transform: rotate(-10deg); --r: -10deg; }
        .sw-2 { transform: rotate(15deg); --r: 15deg; }
        .sw-3 { transform: rotate(5deg); --r: 5deg; }
        .sw-4 { transform: rotate(-20deg); --r: -20deg; }

        /* Assure que l'image prend toute la place du wrapper */
        .cube-wrapper img { width: 100%; height: auto; display: block; }


        .wave-transition {
            position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; z-index: 20;
            opacity: 0; animation: fadeInUp 1s ease-out forwards; animation-delay: 0.5s;
        }

        @media (max-width: 768px) {
            .hero-title { font-size: 3rem; }
            .glass-accent { width: 90%; height: 70%; transform: translate(-50%, -50%) rotate(0deg); animation-name: scaleInGlassMobile; }
            /* On change l'animation du verre sur mobile pour ne pas avoir la rotation */
            @keyframes scaleInGlassMobile {
                0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
                100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
            }
            .cw-1, .cw-2 { width: 80px; opacity: 0.8;  }
            .cw-1{z-index: 1;}
            .cw-2{z-index: 40;}
            .cw-3, .cw-4 { display: none; }
        }
        
        
        /* --- RESPONSIVE MOBILE (max 768px) --- */
@media (max-width: 768px) {
    
    /* MODIFICATION ICI : Gestion de l'écart Header */
    .hero-final {
        /* 1. On pousse le contenu vers le bas (ajustez 130px selon la taille de votre menu) */
        padding-top: 130px; 
        
        /* 2. On aligne en haut plutôt qu'au centre pour éviter que ça remonte */
        align-items: flex-start; 
        
        /* 3. On laisse la hauteur s'adapter au contenu pour ne rien couper */
        height: auto; 
        min-height: 85vh;
        
        /* Petit espace en bas pour faire respirer */
        padding-bottom: 60px; 
    }

    /* Optionnel : Si vous voulez décaler encore un peu le texte */
    .hero-content {
        margin-top: 20px;
    }

    /* VOS AUTRES STYLES MOBILES EXISTANTS */
    .hero-title { font-size: 3rem; }
    
    .glass-accent { 
        width: 90%; 
        height: 70%; 
        transform: translate(-50%, -50%) rotate(0deg); 
        animation-name: scaleInGlassMobile; 
        /* Important : sur mobile, on peut vouloir ajuster la position du verre aussi */
        top: 60%; 
    }

    @keyframes scaleInGlassMobile {
        0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
        100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    }
    
    .cw-1, .cw-2 { width: 80px; opacity: 0.8; }
    .cw-1 { z-index: 1; }
    .cw-2 { z-index: 40; }
    .cw-3, .cw-4 { display: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f15805 *//* --- VARIABLES --- */
        :root {
            --orange: #F39200;
            --blue: #36A9E1;
            --violet: #662483;
            --dark: #1E2D3B;
            --bg-grid: #fdfdfd;
            --line-color: #e5e5e5;
        }
        
        

       /* --- SECTION PRINCIPALE --- */
        .moodboard-section {
            padding: 100px 5%;
            position: relative;
            min-height: 87vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--bg-grid);
            
            /* GRILLE DE FOND */
            background-image:
                    linear-gradient(var(--line-color) 1px, transparent 1px),
                    linear-gradient(90deg, var(--line-color) 1px, transparent 1px);
            background-size: 80px 80px;
            overflow: hidden;
        }

        .moodboard-container {
            max-width: 1200px;
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr; /* 2 Colonnes PC */
            gap: 60px;
            position: relative;
            z-index: 2;
            perspective: 1000px;
        }

        /* --- CLASSES D'ANIMATION (JS) --- */
        .reveal-element {
            opacity: 0;
            transform: translateY(50px) rotate(var(--initial-rot, 0deg));
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        
        .reveal-element.visible {
            opacity: 1;
            transform: translateY(0) rotate(var(--initial-rot, 0deg));
        }

        /* --- LES CARTES --- */
        .mb-card {
            background: #fff;
            padding: 50px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.06);
            position: relative;
            border: 1px solid rgba(0,0,0,0.03);
            /* Transition douce pour le hover */
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease-out;
        }

        /* Configuration spécifique des cartes */
        .card-left {
            --initial-rot: -4deg;
            z-index: 1;
        }
        .card-right {
            --initial-rot: 4deg;
            z-index: 1;
        }

        /* --- EFFET HOVER DOUX --- */
        .mb-card:hover {
            transform: rotate(0deg) translateY(-10px) scale(1.02) !important;
            box-shadow: 0 30px 60px rgba(0,0,0,0.12);
            z-index: 10;
            border-color: transparent;
        }

        /* --- ÉLÉMENTS INTERNES --- */
        
        /* Scotch */
        .tape {
            position: absolute; top: -15px; width: 120px; height: 35px;
            opacity: 0.9; box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .tape-orange { background: rgba(243, 146, 0, 0.9); left: 40%; transform: translateX(-50%) rotate(3deg); }
        .tape-blue { background: rgba(54, 169, 225, 0.9); right: 30%; transform: rotate(-5deg); }

        /* Typo Manuscrite */
        .handwritten {
            font-family: 'Caveat', cursive; color: var(--violet); font-size: 2.2rem; 
            display: block; margin-bottom: 10px; transform: rotate(-2deg);
        }

        .mb-h2 { font-size: 2.5rem; font-weight: 900; color: var(--dark); line-height: 1.1; margin-bottom: 20px; text-transform: uppercase; }
        .mb-p { color: #555; line-height: 1.6; font-size: 1.1rem; margin-bottom: 30px; }

        .btn-sketch {
            border: 3px solid var(--dark); padding: 15px 35px; text-decoration: none; 
            font-weight: 800; color: var(--dark); text-transform: uppercase; display: inline-block;
            background: #fff; box-shadow: 6px 6px 0 var(--blue); transition: 0.2s;
        }
        .btn-sketch:hover { box-shadow: 10px 10px 0 var(--blue); background: var(--dark); color: white; transform: translate(-2px, -2px); }

        /* Checklist Styles */
        .list-header { border-bottom: 2px solid #eee; padding-bottom: 20px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; }
        .lh-title { font-weight: 900; color: var(--dark); letter-spacing: 1px; }
        .lh-date { font-family: 'Caveat', cursive; color: #888; font-size: 1.4rem; }

        .check-item { display: flex; align-items: center; margin-bottom: 18px; font-size: 1.05rem; color: #444; font-weight: 600; }
        .check-box { width: 24px; height: 24px; border: 2px solid var(--dark); border-radius: 4px; margin-right: 15px; display: flex; align-items: center; justify-content: center; color: var(--orange); font-weight: 900; }
        .text-done { text-decoration: line-through; color: #aaa; }

        /* Tampon */
        .stamp {
            position: absolute; bottom: 30px; right: 30px;
            border: 4px solid var(--orange); color: var(--orange); padding: 5px 15px;
            font-family: 'Permanent Marker', cursive; font-size: 1.8rem; letter-spacing: 2px;
            transform: rotate(-15deg) scale(2); opacity: 0; 
            mix-blend-mode: multiply; pointer-events: none;
            transition: all 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5);
        }
        .stamp.visible { opacity: 1; transform: rotate(-15deg) scale(1); transition-delay: 0.6s; }


        /* --- CUBES DÉCO (REPOSITIONNÉS) --- */
        .pin-cube { 
            position: absolute; width: 100px; z-index: 20; 
            filter: drop-shadow(5px 10px 10px rgba(0,0,0,0.1));
            pointer-events: none;
        }
        
        /* CUBE 1 (Jaune) : Centré en haut, entre les deux cartes. 
           Il ne chevauche plus le texte de gauche.
        */
        .pc-1 { 
            top: -178px; left: 50%; 
            transform: translateX(-50%); /* Centrage horizontal parfait */
            animation: floatY 4s infinite alternate; 
            z-index: 5; /* Derrière au hover si besoin */
        }
        
        /* CUBE 2 (Bleu) : En bas à gauche de la carte de gauche.
           Décalé un peu vers l'extérieur pour ne pas toucher le bouton.
        */
        .pc-2 { 
            bottom: -30px; left: -50px; 
            width: 120px; 
            animation: floatY 5s infinite alternate-reverse; 
        }
        
        /* CUBE 3 (Violet) : Au milieu à droite de la carte de droite.
           Décalé vers l'extérieur pour ne pas toucher la checklist.
        */
        .pc-3 { 
            top: 50%; right: -60px; 
            transform: translateY(-50%); 
            width: 90px; 
            animation: floatY 6s infinite alternate; 
        }

        @keyframes floatY { 
            0% { transform: translateY(0) translateX(var(--tx, 0)); } 
            100% { transform: translateY(-15px) translateX(var(--tx, 0)); } 
        }
        /* Petite astuce : on utilise une variable --tx pour garder le centrage horizontal du cube 1 dans l'animation */
        .pc-1 { --tx: -50%; } 


        /* --- RESPONSIVE TABLETTE (max 1024px) --- */
        @media(max-width: 1024px) {
            .moodboard-container { gap: 40px; }
            .mb-card { padding: 40px; }
            .card-left { --initial-rot: -2deg; }
            .card-right { --initial-rot: 2deg; }
            
            /* Ajustement cubes tablette */
            .pc-1 { width: 80px; top: -40px; }
            .pc-2 { left: -30px; width: 100px; }
            .pc-3 { right: -40px; width: 80px; }
        }

        /* --- RESPONSIVE MOBILE (max 768px) --- */
        @media(max-width: 768px) {
            .moodboard-section { padding: 60px 5%; height: auto; display: block; }
            .moodboard-container { 
                grid-template-columns: 1fr; /* 1 Colonne */
                gap: 60px; 
            }
            
            /* PAS DE ROTATION SUR MOBILE */
            .card-left { --initial-rot: 0deg; }
            .card-right { --initial-rot: 0deg; }
            
            /* Hover simplifié */
            .mb-card:hover { transform: translateY(-5px) !important; scale: 1 !important; }
            
            /* Repositionnement cubes mobile pour qu'ils "rentrent" */
            .pc-1 { display: none; } /* On cache celui du milieu qui gênerait l'empilement */
            
            .pc-2 { 
                width: 90px; 
                bottom: -30px; left: -10px; /* En bas à gauche de la carte 1 */
                z-index: 20;
            }
            
            .pc-3 { 
                width: 80px; 
                top: -30px; right: 0px; /* En haut à droite de la carte 2 */
                z-index: 20;
            }
            
            .mb-h2 { font-size: 2rem; }
            .handwritten { font-size: 1.8rem; }
        }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb5ee5b */.hero-final2 {
            position: relative;
            
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fdfdfd;
            background-image:
                    linear-gradient(#e5e5e5 1px, transparent 1px),
                    linear-gradient(90deg, #e5e5e5 1px, transparent 1px);
            background-size: 80px 80px;
            overflow: hidden;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bc87b2 */* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    }

    .menu-grid {
      max-width: 100%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(3, 250px);
      gap: 0;
    }

    .menu-item {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      transition: all 0.4s ease;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

    .menu-item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0);
      transition: background 0.3s ease;
      z-index: 1;
    }

    .menu-item:hover::before {
      background: rgba(0, 0, 0, 0.15);
    }

    .menu-item:hover {
      transform: scale(1.05);
      z-index: 10;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    }

    /* Tailles différentes pour chaque section */
    .conception {
      grid-column: span 2;
      grid-row: span 1;
      background: #006633;
    }

    .quotidien {
      grid-column: span 2;
      grid-row: span 2;
      background: #F39200;
    }

    .visibilite {
      grid-column: span 2;
      grid-row: span 2;
      background: #36A9E1;
    }

    .boost {
      grid-column: span 2;
      grid-row: span 1;
      background: #662483;
    }

    .presence {
      grid-column: span 1;
      grid-row: span 1;
      background: #E30613;
    }

    .communication {
      grid-column: span 3;
      grid-row: span 1;
      background: #FFDE07;
    }

    .menu-content {
      position: relative;
      z-index: 2;
      padding: 40px;
      color: white;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .communication .menu-content {
      color: #333;
    }

    .text-content {
      max-width: 45%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .menu-title {
      font-size: 2.5em;
      font-weight: 900;
      line-height: 1.1;
      margin-bottom: 15px;
      text-transform: none;
      transition: transform 0.3s ease;
    }

    .menu-item:hover .menu-title {
      transform: translateX(10px);
    }

    .menu-description {
      font-size: 1.2em;
      line-height: 1.4;
      opacity: 1;
      font-weight: 400;
      transition: transform 0.3s ease;
      transition-delay: 0.05s;
      max-width: 75%;
    }

    .menu-item:hover .menu-description {
      transform: translateX(10px);
    }

    /* Images - Positionnement et tailles optimisées */
    .menu-image {
      position: absolute;
      right: 15px;
      bottom: 0;
      height: 85%;
      width: auto;
      max-width: 50%;
      object-fit: contain;
      object-position: bottom right;
      opacity: 0.95;
      transition: all 0.5s ease;
      z-index: 1;
    }

    .menu-item:hover .menu-image {
      transform: scale(1.08) translateX(-5px);
      opacity: 1;
    }

    /* Ajustements spécifiques par section */
    .conception .menu-image {
      height: 100%;
      max-width: 90%;
      right: 100px;
    }

    .quotidien .menu-image {
      height: 100%;
      max-width: 100%;
      right: 50px;
    }

    .visibilite .menu-image {
      height: 90%;
      max-width: 55%;
      right: 50px;
    }

    .boost .menu-image {
      height: 100%;
      max-width: 50%;
      right: 100px;
    }

    .presence .menu-image {
      height: 100%;
      max-width: 60%;
      right: 10px;
      top: -20px;
    }

    .communication .menu-image {
      height: 100%;
      max-width: 60%;
      right: 150px;
    }

    /* Icônes décoratives */
    .icon {
      position: absolute;
      font-size: 3em;
      opacity: 0.2;
      transition: all 0.5s ease;
      z-index: 1;
    }

    .conception .icon {
      right: 30px;
      top: 20px;
    }

    .quotidien .icon {
      right: 30px;
      top: 30px;
    }

    .visibilite .icon {
      right: 30px;
      top: 30px;
    }

    .boost .icon {
      right: 30px;
      top: 20px;
    }

    .presence .icon {
      right: 20px;
      top: 20px;
    }

    .communication .icon {
      right: 30px;
      top: 30px;
    }

    .menu-item:hover .icon {
      opacity: 0.4;
      transform: scale(1.2) rotate(10deg);
    }

    /* Formes géométriques animées */
    .shape {
      position: absolute;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.1);
      transition: all 0.6s ease;
      z-index: 0;
    }

    .shape-1 {
      width: 150px;
      height: 150px;
      top: -75px;
      left: -75px;
    }

    .shape-2 {
      width: 200px;
      height: 200px;
      bottom: -100px;
      right: -100px;
    }

    .menu-item:hover .shape-1 {
      transform: translate(30px, 30px) scale(1.3);
    }

    .menu-item:hover .shape-2 {
      transform: translate(-30px, -30px) scale(1.3);
    }

    /* TABLET - Medium screens */
    @media (max-width: 1200px) {
      .menu-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
      }

      .conception,
      .quotidien,
      .visibilite,
      .boost,
      .presence,
      .communication {
        grid-column: span 1;
        grid-row: span 1;
        min-height: 350px;
      }

      .menu-content {
        padding: 30px;
      }

      .text-content {
        max-width: 50%;
      }

      .menu-title {
        font-size: 2.2em;
      }

      .menu-description {
        font-size: 1.1em;
      }

      /* Images tablette - ajustées pour chaque section */
      .menu-image {
        height: 80%;
        max-width: 48%;
        right: 15px;
      }

      .conception .menu-image {
        height: 85%;
        max-width: 65%;
        right: 20px;
      }

      .quotidien .menu-image {
        height: 90%;
        max-width: 70%;
        right: 15px;
      }

      .visibilite .menu-image {
        height: 82%;
        max-width: 52%;
        right: 20px;
      }

      .boost .menu-image {
        height: 85%;
        max-width: 50%;
        right: 20px;
      }

      .presence .menu-image {
        height: 90%;
        max-width: 55%;
        right: 15px;
        top: 0;
      }

      .communication .menu-image {
        height: 88%;
        max-width: 55%;
        right: 25px;
      }
    }

    /* MOBILE - Small screens */
    @media (max-width: 768px) {
      .menu-grid {
        grid-template-columns: 1fr;
      }

      .menu-item {
        min-height: 300px;
      }

      .menu-content {
        padding: 30px;
        justify-content: flex-start;
        padding-top: 40px;
      }

      .text-content {
        max-width: 58%;
        padding-right: 15px;
      }

      .menu-title {
        font-size: 2.2em;
        margin-bottom: 12px;
      }

      .menu-description {
        font-size: 1.05em;
        font-weight: 500;
        line-height: 1.5;
      }

      /* Images mobile - plus grandes et mieux positionnées */
      .menu-image {
        height: 70%;
        max-width: 45%;
        right: 12px;
        bottom: 15px;
      }

      .conception .menu-image {
        height: 85%;
        max-width: 60%;
        right: 15px;
        bottom: 10px;
      }

      .quotidien .menu-image {
        height: 92%;
        max-width: 65%;
        right: 10px;
        bottom: 10px;
      }

      .visibilite .menu-image {
        height: 78%;
        max-width: 50%;
        right: 12px;
      }

      .boost .menu-image {
        height: 75%;
        max-width: 48%;
        right: 15px;
      }

      .presence .menu-image {
        height: 75%;
        max-width: 59%;
        right: 12px;
        top: auto;
        bottom: 10px;
      }

      .communication .menu-image {
        height: 80%;
        max-width: 48%;
        right: 15px;
      }

      .icon {
        font-size: 2.5em;
      }

      .shape-1 {
        width: 120px;
        height: 120px;
      }

      .shape-2 {
        width: 150px;
        height: 150px;
      }
    }

    /* VERY SMALL MOBILE */
    @media (max-width: 480px) {
      .menu-item {
        min-height: 260px;
      }

      .menu-content {
        padding: 25px;
        padding-top: 35px;
      }

      .text-content {
        max-width: 55%;
      }

      .menu-title {
        font-size: 1.8em;
        margin-bottom: 10px;
      }

      .menu-description {
        font-size: 0.95em;
      }

      .menu-image {
        height: 65%;
        max-width: 42%;
        right: 10px;
        bottom: 12px;
      }

      .conception .menu-image {
        height: 75%;
        max-width: 52%;
      }

      .quotidien .menu-image {
        height: 82%;
        max-width: 58%;
      }

      .visibilite .menu-image {
        height: 70%;
        max-width: 45%;
      }

      .boost .menu-image {
        height: 68%;
        max-width: 43%;
      }

      .presence .menu-image {
        height: 85%;
        max-width: 60%;
      }

      .communication .menu-image {
        height: 72%;
        max-width: 44%;
      }
    }

    /* Animation flottante */
    @keyframes float {
      0%, 100% {
        transform: translateY(0px);
      }
      50% {
        transform: translateY(-20px);
      }
    }

    .menu-item:hover .floating-element {
      animation: float 2s ease-in-out infinite;
    }/* End custom CSS */