a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
} :where(pre) {
overflow-x: auto;
}.page .entry-title,
.page h1.entry-title,
.page .wp-block-post-title,
.page h1.wp-block-post-title {
display: none !important;
} :root,
body,
.editor-styles-wrapper {
font-family: "Montserrat Alternates", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
} h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-site-title,
.wp-block-site-title,
.wp-block-post-title,
.entry-title {
font-family: "Montserrat Alternates", "Montserrat", sans-serif !important;
}
.section {
padding-block: 70px;
max-width: 1100px;
margin-inline: auto;
} .nl-services-visual {
max-width: 2000px;
margin: 0 auto 3rem; padding-block: 0; position: relative;
overflow: hidden; } .nl-services-visual .wp-block-image {
margin: 0;
} .nl-services-visual img {
display: block;
width: 50%;
height: auto;
} @media (max-width: 600px) {
.nl-services-visual {
margin-top: 1.5rem; margin-bottom: 2rem;
}
.nl-services-visual img {
max-height: 220px; }
} @media (max-width: 768px) { .nl-services-visual {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
} .nl-services-visual img {
max-height: 60px; width: 50%;
object-position: center;
}
} .page-template-default .wp-block-post-title,
.page-template .wp-block-post-title {
display: none !important;
} h1.wp-block-post-title {
display: none !important;
} .nl-hero-card {
max-width: 520px;
} @media (max-width: 480px) {
.nl-hero-card {
max-width: 90%;
margin-inline: auto;
padding: 18px 18px 22px;
}
.nl-hero-card h2 {
font-size: 1.4rem; line-height: 1.25;
}
.nl-hero-card p {
font-size: 0.95rem;
line-height: 1.5;
}
.nl-hero-card .wp-block-buttons {
gap: 10px;
flex-wrap: wrap;
}
.nl-hero-card .wp-block-button__link {
width: 100%;
text-align: center;
}
}
.shape-wave-top-2{
--bg: #fdf6e6;      
--prev:#ff94f7 ;    
--wave-h: clamp(80px, 10vw, 180px);
--radius: clamp(16px, 2vw, 28px);
position: relative;
margin: 0;
border-top: 0;
background: var(--bg);
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
isolation: isolate;
}
.shape-wave-top{
--bg: #fdf6e6;      
--prev:#080e28 ;    
--wave-h: clamp(80px, 10vw, 180px);
--radius: clamp(16px, 2vw, 28px);
position: relative;
margin: 0;
border-top: 0;
background: var(--bg);
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
isolation: isolate;
}
.section-sep-top {
display: block;
margin: 0;
padding: 0;
margin-bottom: -2px;
position: absolute;
inset: 0 0 auto 0;
height: var(--wave-h);
line-height: 0;
transform: translateY(calc(-1 * var(--wave-h))); 
z-index: -2;
}
.section-sep-bottom {
display: block;
height: var(--wave-h);
line-height: 0;
transform: translateY(calc(-1 * var(--wave-h))); 
}
.section-sep-top svg{
display: block;
width: 100%;
height: auto;
color: var(--prev);     
}
.section-sep-top path{ fill: currentColor; }
.shape-wave-top > *:not(.section-sep-top){
position: relative;
z-index: 5;
}
.section-sep-top--2 path {
fill: #ff94f7; 
}
.section-sep-bottom--3 path {
fill: #fdf6e6; 
}
.section-sep-bottom--4 path {
fill: #080e28; 
z-index: 5;
}
.shape-wave-top--2 {
background: #fdf6e6; 
}  .nl-home-form-wrapper {
background: rgba(8, 14, 40, 0.67);
padding: 40px;
border-radius: 28px;
max-width: 1000px;
color: #fff;
backdrop-filter: blur(4px);
} .nl-home-form-wrapper p {
margin: 0;
padding: 0 !important;
} .nl-home-form {
display: flex;
flex-direction: column;
gap: 22px;
font-family: var(--wp--preset--font-family--montserrat);
} .nl-home-row {
display: flex;
gap: 20px;
} .nl-home-row input {
flex: 1;
} .nl-home-form input,
.nl-home-form textarea {
width: 100%;
padding: 12px 16px;
border-radius: 14px;
border: 1.5px solid rgba(255, 255, 255, 0.6);
background: transparent;
color: #fff;
font-size: 18px;
box-sizing: border-box;
} .nl-home-form input::placeholder,
.nl-home-form textarea::placeholder {
color: rgba(255, 255, 255, 0.8);
} .nl-home-message {
min-height: 120px;
resize: vertical;
} .nl-home-form input:focus,
.nl-home-form textarea:focus {
outline: 2px solid #f4b21a;
outline-offset: 2px;
} .nl-home-rgpd {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 18px;
} .nl-home-rgpd input[type="checkbox"] {
width: 20px;
height: 20px;
margin-top: 3px;
flex-shrink: 0;
} .nl-home-rgpd label {
margin: 0;
line-height: 1.4;
} .nl-home-submit {
display: flex;
justify-content: flex-start; 
} .nl-home-btn {
all: unset; box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 26px;
min-width: 120px;
background-color: #FDBA21;
color: #000;
font-family: var(--wp--preset--font-family--montserrat, system-ui, sans-serif);
font-size: 15px;
font-weight: 600;
line-height: 1; border-radius: 999px;
cursor: pointer;
text-decoration: none;
transition: background-color .2s ease, transform .1s ease, box-shadow .1s ease;
}
.nl-home-btn:hover {
background-color: #ffcd47;
transform: translateY(-1px);
} @media (max-width: 768px) {
.nl-about-slider__btn-wrapper {
text-align: center !important; width: 100%;
margin-top: 20px;
}
.nl-about-slider__btn {
margin: 0 auto; display: inline-flex;
}
} @media (max-width: 768px) {
.nl-home-row {
flex-direction: column;
}
.nl-home-form-wrapper {
padding: 28px 22px;
border-radius: 24px;
}
.nl-home-submit {
justify-content: center;
}
}
.nl-gallery-shell {
position: relative;
height: 520px;        
max-height: 520px;
display: flex;
align-items: flex-start;
} .nl-gallery-wrapper {
display: flex;
gap: 1.5rem;
justify-content: center;
overflow: hidden;
max-height: 100%;      
height: 1000px;    
} .nl-col {
width: 260px;   
height: 100%;        
overflow: hidden;
border-radius: 12px;
position: relative;
background: transparent;
} .nl-col-track {
display: flex;
flex-direction: column;
animation-timing-function: linear;
animation-iteration-count: infinite;
} .nl-col-1 .nl-col-track {
animation-name: nl-scroll-up;
animation-duration: 20s;
}
.nl-col-2 .nl-col-track {
animation-name: nl-scroll-down;
animation-duration: 24s;
} .nl-col-track img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
object-fit: cover;
margin-bottom: 1rem;
} @keyframes nl-scroll-up {
0%   { transform: translateY(0); }
100% { transform: translateY(-50%); } 
}
@keyframes nl-scroll-down {
0%   { transform: translateY(-50%); }
100% { transform: translateY(0); }
} .sticker-section {
position: relative;
} .sticker-item {
position: absolute;
z-index: 5; width: 150px; pointer-events: none; } .sticker-item img {
width: 100%;
height: auto;
display: block;
filter: drop-shadow(0 8px 16px rgba(0,0,0,.25));
} .sticker-top-right {
top: -5%;        
right: -5%;       
transform: rotate(15deg);
}
.sticker-top-left {
top: 25%;        
left: 2%;       
transform: rotate(-15deg);
}
.sticker-top-2 {
top: -180px;        
left: 30%;       
transform: rotate(15deg);
} .sticker-bottom-left {
bottom: 40px;
left: 10%;
}
.nl-about-slider {
background: #FDF6E6;
}
.nl-about-slider__inner {
max-width: 1100px;
margin: 0 auto;                        
display: grid;
grid-template-columns: 60px minmax(0, 1fr);
column-gap: 40px;
align-items: flex-start;
}
.nl-about-slider__content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-width: 0;     
} .nl-dots-vertical {
position: relative;
width: 24px;
height: auto;
margin: 0 auto;
}
.nl-dots-vertical::before {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
transform: translateX(-50%);
background: #7d5a55;
}
.nl-dot {
position: relative;
display: block;
width: 12px;
height: 12px;
margin: 24px auto;
border-radius: 50%;
border: none;
background: #7d5a55;
cursor: pointer;
transition: transform 0.25s ease, background 0.25s ease;
}
.nl-dot.is-active {
background: #d49a2a;
transform: scale(1.3);
}
.nl-about-slide {
display: none;
opacity: 0;
width: 100%;                        
max-width: 700px;                      
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.nl-about-slide.is-active {
display: block;
opacity: 1;
transform: translateY(0);
}
.nl-about-slide__title {
font-family: "Montserra Alternates", sans-serif;
text-transform: uppercase;
color: #ecb02a;
margin-bottom: 16px;
}
.nl-about-slide__text {
font-size: 18px;
line-height: 1.6;
color: #3b2b2a;
max-width: 620px;
}
.nl-about-slider__btn-wrapper {
text-align: left; margin-top: 28px;
}
.nl-about-slider__btn {
display: inline-flex;
align-items: center;     
justify-content: center; 
padding: 10px 15px 20px 15px;
border-radius: 50px;
background: #000;
color: #ffffff;
font-size: 18px;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.02em;
line-height: 0.5; 
transition: 0.2s ease-in-out;
}
.nl-about-slider__btn:hover {
transform: translateY(-2px);
}
.nl-about-slide p:empty {
display: none !important;
}
.nl-about-slide {
margin: 0 !important;
padding: 0 !important;
}
.banner-full {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 768px) {
.nl-about-slide {
max-width: 100%;
}
.nl-about-slider__inner {
padding-inline: 20px;
}
}
@media (max-width: 900px) {
.banner-full {
background-size: cover !important; background-position: center top !important;
padding-top: 40vw !important; padding-bottom: 30vw !important;
} .banner-full > * {
text-align: center;
}
} @media (max-width: 900px) {
.nl-about-slider__inner {
display: flex;
flex-direction: column;
align-items: center;
row-gap: 24px;
text-align: center;
}
.nl-about-slider__content {
order: 1;
}
.nl-about-slider__dots {
order: 2;
margin-top: 12px;
}
.nl-dots-vertical {
height: auto;
width: 160px; display: flex;
align-items: center;
justify-content: space-between;
}
.nl-dots-vertical::before {
top: 50%;
bottom: auto;
left: 0;
right: 0;
height: 2px;
width: 100%;
transform: translateY(-50%);
}
.nl-dot {
margin: 0;
position: relative;
background: #795C5F;
}
.nl-about-slider__inner {
grid-template-columns: 1fr;
row-gap: 24px;
}
.nl-about-slider__dots {
order: 2;
justify-self: center;
}
} @media (max-width: 768px) {
.qa-column {
margin-bottom: 60px !important; }
}  .nl-testimonials.wp-block-columns {
gap: 40px;
align-items: stretch;
} .nl-testimonials .wp-block-column {
display: flex;
justify-content: center;
} .nl-testimonials .wp-block-column > .wp-block-group,
.nl-testimonials .wp-block-column > .wp-block-stack {
background: #080e28; color: #ffffff;
padding: 32px 24px;
border-radius: 10px;
max-width: 260px;
text-align: left;
box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
} .nl-testimonials .wp-block-column img {
display: block;
width: 100%;
height: auto;
border-radius: 6px;
margin-bottom: 16px;
} .nl-testimonials .wp-block-column p {
margin: 0 0 8px;
font-size: 15px;
line-height: 1.5;
} .nl-testimonials .wp-block-column p:last-child {
padding-top: 12px;
font-weight: 500;
font-size: 14px;
} @media (max-width: 900px) {
.nl-testimonials.wp-block-columns {
padding-top: 15px;
flex-wrap: wrap;
justify-content: center;
}
.nl-testimonials .wp-block-column {
padding-top: 12px;
flex-basis: 45%;
max-width: 320px;
margin-bottom: 24px;
}
} @media (max-width: 600px) {
.nl-testimonials .wp-block-column {
padding-top: 12px;
flex-basis: 100%;
max-width: 360px;
}
.nl-testimonials .wp-block-column > .wp-block-group,
.nl-testimonials .wp-block-column > .wp-block-stack {
max-width: 100%;
}
} @media (min-width: 768px) and (max-width: 1200px) {
.nl-service-wrap.wp-block-columns {
padding-right: 40px !important;
padding-top: var(--wp--preset--spacing--40) !important;
padding-bottom: var(--wp--preset--spacing--40) !important;
column-gap: 40px;
align-items: center;
}
.nl-service-wrap .wp-block-column {
flex-basis: 50% !important;
}
.nl-service-wrap .nl-service-image-col {
display: flex;
justify-content: center;
}
.nl-service-wrap .nl-service-image-col img {
max-width: 280px;
width: 100%;
height: auto;
}
.nl-service-wrap .nl-service-text {
max-width: 520px;
margin: 0 auto;
text-align: left;
}
.nl-service-wrap .nl-service-text h3,
.nl-service-wrap .nl-service-text p {
text-align: left;
margin-left: 0;
margin-right: 0;
}
.nl-service-wrap .nl-service-text .wp-block-buttons {
justify-content: flex-start;
}
.nl-service-wrap .nl-service-deco {
padding: 0 !important;
}
.nl-service-wrap .wp-block-image {
margin-left: auto;
margin-right: auto;
display: block;
}
} @media (max-width: 768px) {
.nl-service--image-top.wp-block-columns {
padding: 0 !important;
display: flex;
flex-direction: column !important;
gap: 24px !important;
}
.nl-service--image-top.wp-block-columns > .wp-block-column:first-child {
order: 2;
}
.nl-service--image-top.wp-block-columns > .wp-block-column:last-child {
order: 1;
}
} @media (max-width: 768px) {
.nl-service-wrap {
padding: 0 !important;
}
.nl-service-wrap.wp-block-columns {
flex-direction: column !important;
align-items: center !important;
gap: 24px !important;
}
.nl-service-wrap .nl-service-image-col {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin: 0 auto !important;
}
.nl-service-wrap .nl-service-image-col img,
.nl-service-wrap .wp-block-image img {
display: block !important;
margin: 0 auto !important;
float: none !important;
max-width: 260px !important;
height: auto !important;
}
.nl-service-wrap .nl-service-text {
text-align: left !important;
width: 100% !important;
padding: 0 !important;
}
.nl-service-wrap .nl-service-text h3,
.nl-service-wrap .nl-service-text p {
text-align: left !important;
margin-right: 0 !important;
}
.nl-service-wrap .nl-service-text .wp-block-buttons {
justify-content: flex-start !important;
}
} @media (max-width: 780px) { .nl-contener {
padding: 0 !important;
} .nl-home-form-wrapper {
width: 80%;
max-width: 480px; margin: 20px auto; padding: 24px 18px !important;
border-radius: 18px;
} .nl-home-row {
flex-direction: column !important;
gap: 14px !important;
} .nl-home-form input,
.nl-home-form textarea {
font-size: 16px !important;
padding: 14px 16px !important;
width: 100% !important;
line-height: 1.3 !important;
} .nl-home-message {
min-height: 140px !important;
width: 100% !important;
} .nl-home-rgpd {
display: inline;
align-items: flex-start;
gap: 10px;
width: 100%;
box-sizing: border-box;
}
.nl-home-rgpd input[type="checkbox"] {
width: 18px;
height: 18px;
margin-top: 4px;
flex-shrink: 0;
}
.nl-home-rgpd p {
margin: 0;
color: #fff;
line-height: 1.4;
font-size: 16px;
max-width: 100%;
text-align: left;
}
}  .nl-hero-entreprise .wp-block-image img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
} @media (max-width: 768px) { .nl-ent-hero-cols {
flex-direction: column !important;
padding: 0 !important;
margin: 0 !important;
gap: 0 !important;
} .nl-ent-hero-cols > .wp-block-column:first-child {
order: 1;
padding: 0 !important;
margin: 0 !important;
} .nl-ent-hero-cols > .wp-block-column:first-child figure {
margin: 20px !important;
}
.nl-ent-hero-cols > .wp-block-column:first-child img {
display: block;
width: 100% !important;
height: auto !important;
object-fit: cover;
} .nl-ent-hero-cols > .wp-block-column:last-child {
order: 2;
text-align: center;
padding: 18px 18px 24px !important;
}
.nl-ent-hero-cols > .wp-block-column:last-child h2,
.nl-ent-hero-cols > .wp-block-column:last-child h1 {
text-align: center;
margin-bottom: 8px;
}
.nl-ent-hero-cols > .wp-block-column:last-child p {
text-align: center;
margin: 10px auto;
max-width: 26rem;
}
.nl-faq{
margin: 20px;
width: 90%;
}
} .nl-hero-wave {
display: block;
margin-top: 50px;
} @media (max-width: 1100px) {
.sticker-item {
visibility: hidden !important;
opacity: 0 !important;
}
}  .nl-services-hero {
padding: 80px 0 60px;
text-align: center;
}
.nl-services-hero h2,
.nl-services-hero h1 {
margin-bottom: 10px;
}
.nl-services-hero p {
margin: 0 auto 16px;
max-width: 32rem;
} .nl-services-hero .wp-block-buttons {
justify-content: center;
} @media (max-width: 768px) {
.nl-services-hero {
margin-top: -15px;
padding-bottom: 60px !important; 
}
.nl-services-hero h2,
.nl-services-hero h1 {
font-size: clamp(26px, 6vw, 32px);
line-height: 1.2;
}
.nl-services-hero p {
font-size: 16px;
line-height: 1.5;
}
.nl-services-wave {
margin-top: 50px;
}
.nl-products-center {
text-align: center;
}
.nl-products-center a.wc-block-components-product-image {
display: flex;
justify-content: center;
align-items: center;
}
.nl-products-center a.wc-block-components-product-image img {
display: block;
margin: 0 auto;
}
.nl-products-center .wc-block-components-product-button,
.nl-products-center .wp-block-button {
display: flex;
justify-content: center;
}
}