.elementor-kit-75{--e-global-color-text:#000;--e-global-color-accent:#BB7B99;--e-global-color-e02f9ba:#FFFFFF00;--e-global-color-94fe9d4:#FFFFFF;--e-global-color-3247ee4:#000000;--e-global-color-f1c52f3:#2A2119;--e-global-color-8739399:#727272;--e-global-color-569de65:#FFFFFF99;--e-global-color-c76eb2b:#FDF5AA;--e-global-color-6970808:#113F67;--e-global-color-d9194a4:#EBE8DB;--e-global-color-7651d30:#FFDA3D;--e-global-color-7241e42:#D5D1C2;--e-global-color-dd3ead8:#4A3A2C;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-size:10px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-letter-spacing:1px;--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;--e-global-typography-5d11618-font-family:"LTSuperiorSerif";--e-global-typography-5d11618-font-size:12rem;--e-global-typography-5d11618-font-weight:400;--e-global-typography-5d11618-text-transform:none;--e-global-typography-5d11618-line-height:100%;--e-global-typography-5d11618-letter-spacing:-1.3px;--e-global-typography-c0c00e9-font-family:"LTSuperiorSerif";--e-global-typography-c0c00e9-font-size:72px;--e-global-typography-c0c00e9-font-weight:400;--e-global-typography-c0c00e9-text-transform:none;--e-global-typography-c0c00e9-line-height:100%;--e-global-typography-c0c00e9-letter-spacing:-1.3px;--e-global-typography-973c7a1-font-family:"LTSuperiorSerif";--e-global-typography-973c7a1-font-size:77px;--e-global-typography-973c7a1-font-weight:400;--e-global-typography-973c7a1-text-transform:none;--e-global-typography-973c7a1-line-height:100%;--e-global-typography-973c7a1-letter-spacing:0px;--e-global-typography-2a9a9cf-font-family:"LTSuperiorSerif";--e-global-typography-2a9a9cf-font-size:46px;--e-global-typography-2a9a9cf-font-weight:400;--e-global-typography-2a9a9cf-text-transform:none;--e-global-typography-2a9a9cf-line-height:100%;--e-global-typography-2a9a9cf-letter-spacing:-1px;--e-global-typography-8e643e6-font-family:"LTSuperiorSerif";--e-global-typography-8e643e6-font-size:24px;--e-global-typography-8e643e6-font-weight:500;--e-global-typography-8e643e6-text-transform:none;--e-global-typography-8e643e6-line-height:1.2em;--e-global-typography-8e643e6-letter-spacing:-0.8px;--e-global-typography-ed1c829-font-family:"LTSuperiorSerif";--e-global-typography-ed1c829-font-size:18px;--e-global-typography-ed1c829-font-weight:500;--e-global-typography-ed1c829-text-transform:none;--e-global-typography-ed1c829-line-height:1.2em;--e-global-typography-ed1c829-letter-spacing:-0.6px;--e-global-typography-b98d70e-font-size:12px;--e-global-typography-b98d70e-font-weight:300;--e-global-typography-b98d70e-line-height:12px;--e-global-typography-b98d70e-letter-spacing:-0.2px;--e-global-typography-f2490b0-font-size:14px;--e-global-typography-f2490b0-font-weight:400;--e-global-typography-f2490b0-line-height:14px;--e-global-typography-f2490b0-letter-spacing:-0.3px;--e-global-typography-37287a9-font-size:12px;--e-global-typography-37287a9-font-weight:600;--e-global-typography-37287a9-text-transform:none;--e-global-typography-37287a9-line-height:16px;--e-global-typography-37287a9-letter-spacing:0px;--e-global-typography-736ec90-font-size:14px;--e-global-typography-736ec90-font-weight:300;--e-global-typography-736ec90-line-height:14px;--e-global-typography-736ec90-letter-spacing:-0.3px;--e-global-typography-f2bb5a5-font-size:14px;--e-global-typography-f2bb5a5-font-weight:400;--e-global-typography-f2bb5a5-line-height:14px;--e-global-typography-f2bb5a5-letter-spacing:-0.3px;--e-global-typography-038b208-font-size:14px;--e-global-typography-038b208-font-weight:600;--e-global-typography-038b208-text-transform:none;--e-global-typography-038b208-line-height:21px;--e-global-typography-038b208-letter-spacing:-0.2px;--e-global-typography-6731d8c-font-size:16px;--e-global-typography-6731d8c-font-weight:400;--e-global-typography-6731d8c-line-height:21px;--e-global-typography-6731d8c-letter-spacing:-0.3px;--e-global-typography-4e8fee8-font-size:17px;--e-global-typography-4e8fee8-font-weight:500;--e-global-typography-4e8fee8-line-height:20px;--e-global-typography-6d00db6-font-size:18px;--e-global-typography-6d00db6-font-weight:300;--e-global-typography-6d00db6-text-transform:none;--e-global-typography-6d00db6-font-style:normal;--e-global-typography-6d00db6-text-decoration:none;--e-global-typography-6d00db6-line-height:24px;--e-global-typography-6d00db6-letter-spacing:-0.3px;--e-global-typography-2fbfed7-font-size:18px;--e-global-typography-2fbfed7-font-weight:400;--e-global-typography-2fbfed7-line-height:24px;--e-global-typography-2fbfed7-letter-spacing:-0.3px;--e-global-typography-c8598df-font-size:18px;--e-global-typography-c8598df-font-weight:500;--e-global-typography-c8598df-text-transform:none;--e-global-typography-c8598df-line-height:24px;--e-global-typography-c8598df-letter-spacing:-0.3px;--e-global-typography-26d6042-font-size:20px;--e-global-typography-26d6042-font-weight:300;--e-global-typography-26d6042-text-transform:none;--e-global-typography-26d6042-line-height:24px;--e-global-typography-26d6042-letter-spacing:-0.3px;--e-global-typography-8c3521f-font-size:32px;--e-global-typography-8c3521f-font-weight:300;--e-global-typography-8c3521f-text-transform:none;--e-global-typography-8c3521f-line-height:36px;--e-global-typography-8c3521f-letter-spacing:-0.5px;--e-global-typography-2849629-font-family:"LTSuperiorSerif";--e-global-typography-2849629-font-size:32px;--e-global-typography-2849629-font-weight:500;--e-global-typography-2849629-text-transform:none;--e-global-typography-2849629-line-height:36px;--e-global-typography-2849629-letter-spacing:-0.5px;--e-global-typography-63ff56c-font-family:"Geist Mono Variable";--e-global-typography-63ff56c-font-size:12px;--e-global-typography-63ff56c-font-weight:400;--e-global-typography-63ff56c-text-transform:uppercase;--e-global-typography-63ff56c-letter-spacing:0.8px;--e-global-typography-dbc0204-font-size:16px;--e-global-typography-dbc0204-font-weight:400;--e-global-typography-dbc0204-text-transform:capitalize;--e-global-typography-0c74ed6-font-size:15px;--e-global-typography-0c74ed6-font-weight:400;--e-global-typography-0c74ed6-text-transform:none;--e-global-typography-0c74ed6-line-height:1.6em;--e-global-typography-f12db44-font-family:"Instrument Serif";--e-global-typography-f12db44-font-size:20px;--e-global-typography-f12db44-font-weight:normal;--e-global-typography-f12db44-text-transform:none;--e-global-typography-f12db44-line-height:1.5em;--e-global-typography-145d60e-font-size:38px;--e-global-typography-145d60e-font-weight:400;--e-global-typography-145d60e-line-height:110%;--e-global-typography-145d60e-letter-spacing:-1.8px;--e-global-typography-20b3890-font-size:32px;--e-global-typography-20b3890-font-weight:500;--e-global-typography-20b3890-text-transform:none;--e-global-typography-20b3890-line-height:36px;--e-global-typography-20b3890-letter-spacing:-0.5px;--e-global-typography-f45ab95-font-size:32px;--e-global-typography-f45ab95-font-weight:600;--e-global-typography-f45ab95-text-transform:none;--e-global-typography-f45ab95-line-height:36px;--e-global-typography-f45ab95-letter-spacing:-0.5px;--e-global-typography-dd473c6-font-size:10vw;--e-global-typography-dd473c6-font-weight:500;--e-global-typography-77ae31e-font-size:25px;--e-global-typography-77ae31e-font-weight:400;--e-global-typography-77ae31e-text-transform:none;--e-global-typography-77ae31e-line-height:110%;--e-global-typography-77ae31e-letter-spacing:-0.3px;--e-global-typography-c4750eb-font-size:32px;--e-global-typography-c4750eb-font-weight:400;--e-global-typography-c4750eb-text-transform:none;--e-global-typography-c4750eb-line-height:110%;--e-global-typography-c4750eb-letter-spacing:-0.3px;--e-global-typography-f6ab88e-font-size:45px;--e-global-typography-f6ab88e-font-weight:300;--e-global-typography-f6ab88e-line-height:50px;--body-color:var( --e-global-color-f1c52f3 );font-family:"Inter Tight", Instrument Sans, sans-serif;font-size:16px;font-weight:400;line-height:21px;letter-spacing:-0.3px;--paragraph-spacing:0px;}.elementor-kit-75 .elementor-button{font-size:var( --e-global-typography-c8598df-font-size );font-weight:var( --e-global-typography-c8598df-font-weight );text-transform:var( --e-global-typography-c8598df-text-transform );line-height:var( --e-global-typography-c8598df-line-height );letter-spacing:var( --e-global-typography-c8598df-letter-spacing );color:var( --e-global-color-94fe9d4 );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.e-con{--container-max-width-x:1190px;--container-default-padding-top:20px;--container-default-padding-right:100px;--container-default-padding-bottom:20px;--container-default-padding-left:100px;}.elementor-widget:not(:last-child){--kit-widget-spacing:1px;}.elementor-element{--widgets-spacing:1px 1px;--widgets-spacing-row:1px;--widgets-spacing-column:1px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-75{--e-global-typography-5d11618-font-size:60px;--e-global-typography-5d11618-line-height:1.1em;--e-global-typography-c0c00e9-font-size:40px;--e-global-typography-c0c00e9-line-height:1.2em;--e-global-typography-973c7a1-font-size:28px;--e-global-typography-973c7a1-line-height:1.2em;--e-global-typography-2a9a9cf-font-size:24px;--e-global-typography-2a9a9cf-line-height:1.2em;--e-global-typography-8e643e6-font-size:22px;--e-global-typography-8e643e6-line-height:1.1em;--e-global-typography-ed1c829-font-size:16px;--e-global-typography-6d00db6-font-size:15px;--e-global-typography-6d00db6-line-height:23px;}.elementor-kit-75 .elementor-button{font-size:var( --e-global-typography-c8598df-font-size );line-height:var( --e-global-typography-c8598df-line-height );letter-spacing:var( --e-global-typography-c8598df-letter-spacing );}.e-con{--container-max-width-x:1024px;}}@media(max-width:767px){.elementor-kit-75{--e-global-typography-5d11618-font-size:64px;--e-global-typography-5d11618-line-height:120%;--e-global-typography-c0c00e9-font-size:52px;--e-global-typography-c0c00e9-line-height:120%;--e-global-typography-973c7a1-font-size:42px;--e-global-typography-973c7a1-line-height:120%;--e-global-typography-2a9a9cf-font-size:32px;--e-global-typography-8e643e6-font-size:24px;--e-global-typography-ed1c829-font-size:18px;--e-global-typography-37287a9-font-size:12px;--e-global-typography-736ec90-font-size:14px;--e-global-typography-736ec90-line-height:17px;--e-global-typography-f2bb5a5-font-size:14px;--e-global-typography-f2bb5a5-line-height:17px;--e-global-typography-038b208-font-size:14px;--e-global-typography-038b208-line-height:17px;--e-global-typography-6731d8c-font-size:16px;--e-global-typography-6731d8c-line-height:19px;--e-global-typography-4e8fee8-font-size:16px;--e-global-typography-4e8fee8-line-height:19px;--e-global-typography-6d00db6-font-size:18px;--e-global-typography-6d00db6-line-height:21px;--e-global-typography-6d00db6-letter-spacing:0px;--e-global-typography-2fbfed7-font-size:18px;--e-global-typography-2fbfed7-line-height:21px;--e-global-typography-c8598df-font-size:18px;--e-global-typography-c8598df-line-height:21px;--e-global-typography-26d6042-font-size:20px;--e-global-typography-26d6042-line-height:24px;--e-global-typography-8c3521f-font-size:28px;--e-global-typography-8c3521f-line-height:120%;--e-global-typography-8c3521f-letter-spacing:-0.3px;--e-global-typography-2849629-font-size:26px;--e-global-typography-2849629-line-height:28px;--e-global-typography-2849629-letter-spacing:-0.3px;--e-global-typography-63ff56c-font-size:10px;--e-global-typography-0c74ed6-font-size:16px;--e-global-typography-f12db44-font-size:36px;--e-global-typography-f12db44-line-height:39px;--e-global-typography-f12db44-letter-spacing:-0.3px;--e-global-typography-145d60e-font-size:20px;--e-global-typography-145d60e-letter-spacing:0.75px;--e-global-typography-20b3890-font-size:28px;--e-global-typography-20b3890-line-height:28px;--e-global-typography-20b3890-letter-spacing:-0.3px;--e-global-typography-f45ab95-font-size:28px;--e-global-typography-f45ab95-line-height:28px;--e-global-typography-f45ab95-letter-spacing:-0.3px;--e-global-typography-dd473c6-font-size:18vw;--e-global-typography-77ae31e-font-size:24px;--e-global-typography-77ae31e-line-height:26px;--e-global-typography-c4750eb-font-size:26px;--e-global-typography-c4750eb-line-height:26px;--e-global-typography-f6ab88e-font-size:30px;--e-global-typography-f6ab88e-line-height:35px;}.elementor-kit-75 .elementor-button{font-size:var( --e-global-typography-c8598df-font-size );line-height:var( --e-global-typography-c8598df-line-height );letter-spacing:var( --e-global-typography-c8598df-letter-spacing );}.e-con{--container-max-width-x:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* ========================================================================== Global Variables ========================================================================== */ :root { --color-bg-main: #EBE8DB; --color-beige-fonce: #D5D1C2; --color-yellow: #ffda3d; --color-main: #113F67; --color-brown: #2a2119; --color-white: #ffffff; --color-black: #000000; --color-blackgrey: #101423; --color-lightblack: #1a1a1a; /* Assumed value; replace if defined elsewhere */ --primary-color: #ff69b4; /* Assumed same as --nxpink */ --btn-border-radius: 30px; --btn-round-border-radius: 100px; --primary-color: #2a2119; } /* ========================================================================== Global Styles ========================================================================== */ html { font-size: 16px !important; } ::-moz-selection { color: white; background: var(--nxlightpink); } ::selection { color: white!important; background: var(--primary-color); } /* ========================================================================== Custom Scroll Bar ========================================================================== */ /* width */ ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: var(--color-bg-main); } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--color-yellow); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--color-brown); } /* ========================================================================== Typography ========================================================================== */ .littletxt { top: 0; text-align: center; align-content: center; line-height: inherit; } .grid-number { font-size: 60px !important; font-weight: 500; } /* ========================================================================== Layout Components ========================================================================== */ .container-wrap { display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; padding: 20px; } .tab-wrap { background: white; display: inline-flex; padding: 5px; border-radius: 10px; box-sizing: border-box; justify-content: flex-start; flex-direction: row; max-width: max-content; } .center { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; /* Corrected from container-wrap */ } .btn { position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%); } .services-subtitles { position: absolute; top: 90%; left: 50%; z-index: 150; transform: translate(-50%, -50%); } /* ========================================================================== Grid and Story Items ========================================================================== */ .story-grid-item { padding: 60px 30px; border-left: 1px dashed black; } .service-grid-item { padding-top: 40px; } /* ========================================================================== Buttons - General ========================================================================== */ [id^="btn-scroll-"] { display: inline-block; text-decoration: none; background-color: transparent !important; cursor: pointer; color: black !important; padding: 12px 26px !important; margin: 0 !important; border-radius: 100px !important; } [id^="btn-scroll-"].active { background-color: var(--color-yellow) !important; color: black !important; padding: 12px 26px !important; border-radius: 10px !important; transition: 0.3s !important; } [id^="btn-scroll-"] .elementor-button-content-wrapper { display: flex; justify-content: center; align-items: center; } .elementor-element [id^="btn-scroll-"] { margin: 0 5px; } .elementor-widget-button { z-index: 1000000 !important; } .tabs-solutions .e-n-tab-title[aria-selected=true] { background-color: var(--color-yellow)!important; } .tabs-solutions .e-n-tab-title[aria-selected=false]:hover { background-color: transparent!important; } /* ========================================================================== Buttons - Specific Styles ========================================================================== */ #btn-yellow { color: var(--color-brown); background-color: var(--color-yellow); padding: 4px 12px 4px 8px; border-radius: 100px; } #btn-primary { background-color: color-mix(in srgb, #2a2119 32%, transparent); -webkit-backdrop-filter: blur(32px); backdrop-filter: blur(32px); font-family: "Geist Mono Variable"; color: var(--color-yellow); padding: 4px 15px 5px 2px; border-radius: 100px; min-width: max-content; cursor: pointer; } #btn-primary svg { fill: var(--color-yellow); } #btn-primary::before { background-color: color-mix(in srgb, #2a2119 50%, transparent); -webkit-backdrop-filter: blur(32px); } #btn-primary:hover { color: var(--color-yellow); z-index: 3; } #btn-white, #btn-black, #btn-transparent-white, #btn-black-transparent, #btn-grey, #btn-primary { position: relative; overflow: hidden; display: block; text-align: center; align-content: center; z-index: 2; min-width: auto; transition: color 0.4s ease; border-radius: var(--btn-border-radius); } #btn-white { background-color: var(--color-white); border-color: transparent; } #btn-black { color: var(--color-white); background-color: var(--color-black); border-color: transparent; } #btn-transparent-white { color: var(--color-white); border: 1px solid var(--color-white); background-color: transparent; padding: 12px 24px; cursor: pointer; text-decoration: none; } #btn-black-transparent { color: var(--color-blackgrey); border: 1px solid var(--color-blackgrey); background-color: transparent; border-radius: var(--btn-round-border-radius); } #btn-grey { /* No specific background defined; assuming default */ } #btn-primary, #btn-pink, #btn-pink-light, #btn-terra, #btn-white-pink, #btn-primary-secondary, #btn-secondary, #btn-transparent, #btn-violet, #btn-green-light, #btn-green, #btn-blue, #btn-orange, #btn-blue-dark { padding: 10px 20px; } #btn-primary .elementor-button-text, #btn-pink .elementor-button-text, #btn-pink-light .elementor-button-text, #btn-terra .elementor-button-text, #btn-white-pink .elementor-button-text, #btn-primary-secondary .elementor-button-text, #btn-transparent-white .elementor-button-text, #btn-white .elementor-button-text, #btn-secondary .elementor-button-text, #btn-transparent .elementor-button-text, #btn-black .elementor-button-text, #btn-violet .elementor-button-text, #btn-blue .elementor-button-text, #btn-orange .elementor-button-text, #btn-blue-dark .elementor-button-text { position: relative; z-index: 5 !important; } /* Button Hover Effects */ #btn-transparent-white::before, #btn-white::before, #btn-black::before, #btn-transparent-black::before, #btn-primary::before, #btn-grey::before { content: ""; position: absolute; z-index: 0; pointer-events: none; left: -100%; top: 0; width: 100%; height: 100%; border-radius: 30px; transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #btn-transparent-white:hover::before, #btn-white:hover::before, #btn-black:hover::before, #btn-transparent-black:hover::before, #btn-primary:hover::before, #btn-grey:hover::before { left: 0; border-radius: 8px; } #btn-transparent-white:hover { color: #0000ff; } #btn-white:hover { color: #ffffff; } #btn-black:hover, #btn-transparent-black:hover, #btn-grey:hover { color: #ffffff; } #btn-transparent-white::before { background: #ffffff; } #btn-white::before { background: #000000; } #btn-black::before { background: #000000; } #btn-transparent-black::before { background: var(--color-blackgrey); } #btn-grey::before { background: var(--color-lightblack); } /* Button Separators */ #btn-grey .elementor-button-text, #btn-black-transparent .elementor-button-text, #btn-white .elementor-button-text, #btn-black .elementor-button-text, #btn-blue .elementor-button-text { position: relative; display: inline-flex; align-items: center; gap: 0.6rem; } #btn-grey .separator::before, #btn-black-transparent .separator::before, #btn-white .separator::before, #btn-black .separator::before, #btn-blue .separator::before { content: ""; display: block; width: 1px; height: 1.2rem; background-color: currentColor; } /* ========================================================================== Navigation ========================================================================== */ .w-nav-link.w--current { color: black; } .rey-mainNavigation.rey-mainNavigation--desktop .depth--0.--is-mega.--mega-full .rey-mega-gs { padding: 0 !important; } .rey-mainNavigation.rey-mainNavigation--desktop .rey-mega-gs { box-shadow: none !important; } /* ========================================================================== Marquee and Slider ========================================================================== */ .marquee { border-top: 2px dashed var(--nxdark); border-bottom: 2px dashed var(--nxdark); } .rey-marqueeChunk { padding: 0; } .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .swiper-slide-inner { position: relative; overflow: hidden; } .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-swiper-button.elementor-swiper-button-next svg { transition: all 0.1s ease; transform-origin: center; } .elementor-swiper-button.elementor-swiper-button-prev:active svg, .elementor-swiper-button.elementor-swiper-button-next:active svg { transform: scale(0.95) translateY(1px); } .elementor-swiper-button.elementor-swiper-button-prev:hover svg, .elementor-swiper-button.elementor-swiper-button-next:hover svg { color: var(--color-brown); } /* ========================================================================== Images and Icons ========================================================================== */ .opacity10 img { opacity: 0.7; } .mask-img { display: flex; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0; padding: 0; list-style-type: none; opacity: 1; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); overflow: hidden; } .img-agence img { border: 2px dashed var(--nxpink); } .img-agence.lightgreen img { border: 2px dashed var(--nxlightpink) !important; } .icons-expertises svg { max-height: 54px; max-width: 54px; display: inline-block; } /* ========================================================================== Elementor Specific ========================================================================== */ .titrecontenaire .elementor-motion-effects-layer { border-radius: 0 0 15px 15px !important; } .e-n-tabs-heading { background: white; padding: 8px !important; border-radius: 100px; max-width: max-content; } .elementor-counter { align-items: flex-start; display: flex; flex-direction: column-reverse; justify-content: center; align-content: flex-start; } /* ========================================================================== Responsive Styles (max-width: 767px) ========================================================================== */ @media (max-width: 767px) { .story-grid-item { padding: 20px; } .grid-number { font-size: 60px !important; font-weight: 400; } .elements { padding-bottom: 160px; } } /* ========================================================================== Miscellaneous ========================================================================== */ .diagonal { transform: translate3d(-50%, -50%, 0) rotate(-45deg); } /* Pages Solutions */ .th-yellow strong::before, .th-yellow b::before { background-color: var(--color-yellow); } .th-white strong::before, .th-white b::before { background-color: #fff; } .text-highlight strong::before, .text-highlight b::before { content: ""; position: absolute; bottom: 0; left: 0; height: 10px; width: 100%; z-index: -1; } .text-highlight strong, .text-highlight b { position: relative; display: inline-block; } /* Styles globaux pour les tabs */ .tabs-numbers { counter-reset: accordion-counter; } .tabs-numbers .e-n-accordion-item-title-text { font-family: "LTSuperiorSerif"; } /* .tabs-numbers .e-n-accordion-item-title-text::before { counter-increment: accordion-counter; content: "( " counter(accordion-counter) " )"; margin-right: 12px; color: var(--color-beige-fonce); border-radius: 50%; width: 50px; height: 20px; display: inline-flex ; align-items: center; justify-content: flex-start; } */ .tabs-numbers .e-n-accordion-item-title-icon { background-color: #D5D1C2!important; padding: 12px; border-radius: 5px; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; } .tabs-numbers .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background-color: var(--color-brown)!important; } .tabs-numbers .e-n-accordion-item[open] .e-n-accordion-item-title-text::before { color: var(--color-brown)!important; } /* Ajustements spécifiques mobile */ @media (max-width:767px){ .tabs-numbers .e-n-accordion-item-title-text::before { margin-right: 0px; font-size: 14px; font-weight: 500; } .services-container { padding: 20px 0px; } } /* Ajustements spécifiques desktop */ @media (min-width:1025px){ .tabs-numbers .e-n-accordion-item-title-text::before { margin-right: 30px; } } .services-container { padding: 20px 0px; } /* process li list */ .process-list { display: grid; gap: 5px; list-style: none; padding: 0; margin: 0; } /* Desktop : 3 par ligne pour les 6 premiers, puis 1 sur toute la largeur pour le 7ème */ @media (min-width: 1025px) { .process-list { grid-template-columns: repeat(3, 1fr); } /* Le 7ème élément (dernier) prend toute la largeur */ .process-list li:nth-child(7) { grid-column: 1 / -1; } } /* Tablette : 2 par ligne, dernier élément impair prend toute la largeur */ @media (min-width: 769px) and (max-width: 1024px) { .process-list { grid-template-columns: repeat(2, 1fr); } /* Si nombre impair d'éléments, le dernier prend toute la largeur */ .process-list li:nth-child(odd):last-child { grid-column: 1 / -1; } } /* Mobile : 2 par ligne, dernier élément impair prend toute la largeur */ @media (max-width: 768px) { .process-list { grid-template-columns: repeat(2, 1fr); } /* Si nombre impair d'éléments, le dernier prend toute la largeur */ .process-list li:nth-child(odd):last-child { grid-column: 1 / -1; } } /* Styles visuels de base */ .process-list li { background: var(--color-brown); border: 1px solid #ddd; color: white; border-radius: 4px; padding: 20px; text-align: center; transition: all 0.3s ease; } /* best seller */ .card-offer[highlight="BestSeller"] { background-color: var(--color-brown) !important; } .card-offer[highlight="BestSeller"] .taxonomy-item-name, .card-offer[highlight="BestSeller"] .content-title, .card-offer[highlight="BestSeller"] .elementor-heading-title, .card-offer[highlight="BestSeller"] .elementor-widget-text-editor { color: #fff !important; fill: #fff!important; } [highlight="BestSeller"] #btn-brown { color: var(--color-brown)!important; background: var(--color-beige)!important; } [highlight="BestSeller"] svg { color: #fff!important; fill: #fff!important } /* Pour les card-offer SANS highlight="BestSeller" */ .card-offer:not([highlight="BestSeller"]) .taxonomy-item-name, .card-offer:not([highlight="BestSeller"]) .content-title, .card-offer:not([highlight="BestSeller"]) .elementor-heading-title, .card-offer:not([highlight="BestSeller"]) .elementor-widget-text-editor, .card-offer:not([highlight="BestSeller"]) svg { color: black !important; fill: black !important; } /* dm-team-membe */ .dm-team-member-1, .dm-team-member-2, .dm-team-member-3, .dm-team-member-4{ /*Add same height and width*/ --dm-bg-image-height: 400px; --dm-bg-image-width: 400px; } /* Tablet image size */ @media (max-width: 1024px) { .dm-team-member-1, .dm-team-member-2, .dm-team-member-3, .dm-team-member-4 { /*Add same height and width*/ --dm-bg-image-height: 400px; --dm-bg-image-width: 400px; } } /* Mobile Image size*/ @media (max-width: 767px) { .dm-team-member-1, .dm-team-member-2, .dm-team-member-3, .dm-team-member-4 { /*Add same height and width*/ --dm-bg-image-height: 400px; --dm-bg-image-width: 400px; } } .dm-team-member-1::after, .dm-team-member-2::after, .dm-team-member-3::after, .dm-team-member-4::after{ content:''; position: absolute; top: calc(50% - var(--dm-bg-image-height)/2); left: calc(50% - var(--dm-bg-image-height)/2); height: var(--dm-bg-image-width); width: var(--dm-bg-image-width); background-size:100%; background-position: center center; background-repeat: no-repeat; transition: scale 0.5s ease; /*Duration of Scale Effect*/ scale: 0; z-index: -1; animation: dm-rotate-bg 10s linear infinite; /*Constant Rotation Animation, change 10s to speed/slow the animation*/ } /*Add Images Here*/ .dm-team-member-1::after { background-image: url('http://dmmotionarts.com/wp-content/uploads/2024/10/neon-green-thick-flower-shape.png'); /*Add Image URL here*/ } .dm-team-member-2::after { background-image: url('http://dmmotionarts.com/wp-content/uploads/2024/04/Star.png'); /*Add Image URL here*/ } .dm-team-member-3::after { background-image: url('http://dmmotionarts.com/wp-content/uploads/2024/04/Flower-Shape.png'); /*Add Image URL here*/ } .dm-team-member-4::after { background-image: url('https://laplumerp.com/wp-content/uploads/2025/08/6856cb4619218688bacf37d9_Flower-SVG.svg'); /*Add Image URL here*/ background-size: contain; } .dm-team-member-1:hover:after, .dm-team-member-2:hover:after, .dm-team-member-3:hover:after, .dm-team-member-4:hover:after{ scale: 1.5; /*Scale Image on Hover*/ } @keyframes dm-rotate-bg { from { rotate:0deg; } to { rotate:360deg; } }/* End custom CSS */