.elementor-98 .elementor-element.elementor-element-88b6ca9{--display:flex;--min-height:0px;--overlay-opacity:0.5;}.elementor-98 .elementor-element.elementor-element-88b6ca9::before, .elementor-98 .elementor-element.elementor-element-88b6ca9 > .elementor-background-video-container::before, .elementor-98 .elementor-element.elementor-element-88b6ca9 > .e-con-inner > .elementor-background-video-container::before, .elementor-98 .elementor-element.elementor-element-88b6ca9 > .elementor-background-slideshow::before, .elementor-98 .elementor-element.elementor-element-88b6ca9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-98 .elementor-element.elementor-element-88b6ca9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-98 .elementor-element.elementor-element-88b6ca9.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-98 .elementor-element.elementor-element-88b6ca9{--width:129.654%;}}/* Start custom CSS for html, class: .elementor-element-0b06f2c *//* =========================================================
   DIGILAB STORE — HOME PAGE
   VERSION CORRIGÉE
========================================================= */


/* =========================================================
   VARIABLES / GLOBAL
========================================================= */

.dls-home {
    --navy: #062f55;
    --navy-dark: #032542;
    --blue: #078ed1;
    --cyan: #14b8e8;
    --sky: #eaf7ff;
    --cream: #fffaf5;
    --white: #ffffff;
    --text: #17324b;
    --muted: #60758a;
    --gold: #f2a23a;

    width: 100%;
    overflow: hidden;
    background: #ffffff;
    color: var(--text);
    font-family: "Open Sans", Arial, sans-serif;
}

.dls-home *,
.dls-home *::before,
.dls-home *::after {
    box-sizing: border-box;
}

.dls-home img {
    max-width: 100%;
}

.dls-home p,
.dls-home li,
.dls-home a {
    font-size: 15px;
}


/* =========================================================
   CONTAINER
========================================================= */

.dls-container {
    width: 90%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   TYPOGRAPHIE
========================================================= */

.dls-home h1,
.dls-home h2,
.dls-home h3 {
    font-family: "Open Sans", Arial, sans-serif;
    color: var(--navy);
}

.dls-home h1 {
    margin: 0;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.03;
    font-weight: 800;
    letter-spacing: -2px;
}

.dls-home h1 span {
    color: var(--blue);
}

.dls-home h2 {
    margin: 8px 0 20px;
    font-size: clamp(29px, 3vw, 43px);
    line-height: 1.12;
    font-weight: 800;
}

.dls-home h3 {
    margin: 0;
    font-weight: 700;
}

.dls-small-title,
.dls-eyebrow {
    color: var(--navy);
    font-weight: 700;
    letter-spacing: 4px;
    font-size: 12px;
}


/* =========================================================
   BUTTONS
========================================================= */

.dls-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding: 0 25px;
    border-radius: 30px;
    text-decoration: none !important;
    font-weight: 700;
    transition: .25s ease;
}

.dls-btn-primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0da9e8, #075ed0);
    box-shadow: 0 10px 25px rgba(5, 111, 205, .20);
}

.dls-btn-primary:hover {
    transform: translateY(-2px);
}

.dls-btn-dark {
    color: #ffffff !important;
    background: var(--navy);
}

.dls-btn-outline {
    color: var(--navy) !important;
    border: 1.5px solid var(--navy);
    background: rgba(255, 255, 255, .65);
}


/* =========================================================
   HERO
========================================================= */

.dls-hero {
    position: relative;
    width: 100%;
    min-height: 760px;

    background-image: url("https://digilabstore.fr/wp-content/uploads/2026/10/Espace-de-travail-cotier-au-coucher-du-soleil-1.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.dls-overlay {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 1;

    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, .88) 0%,
        rgba(255, 255, 255, .62) 35%,
        rgba(255, 255, 255, .18) 62%,
        rgba(255, 255, 255, 0) 82%
    );

    pointer-events: none;
}


/* =========================================================
   CONTENU HERO AU-DESSUS DE L'OVERLAY
========================================================= */

.dls-hero .dls-container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   HEADER
========================================================= */

.dls-header {
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.dls-logo img {
    display: block;
    width: 190px;
    max-height: 80px;
    object-fit: contain;
}

.dls-nav {
    display: flex;
    gap: 27px;
    align-items: center;
}

.dls-nav a {
    color: var(--navy);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.dls-nav a:hover,
.dls-nav a.active {
    color: var(--blue);
}


/* =========================================================
   HERO TEXT
========================================================= */

.dls-hero-content {
    position: relative;
    z-index: 2;

    width: 610px;
    max-width: 100%;
    padding-top: 85px;
}

.dls-eyebrow {
    margin-bottom: 28px;
}

.dls-hero-text {
    max-width: 590px;
    margin: 27px 0;
    color: #203c52;
    font-size: 17px !important;
    line-height: 1.65;
}

.dls-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.dls-hero-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 25px;
    font-weight: 600;
    color: var(--navy);
}


/* =========================================================
   QUICK SERVICES
========================================================= */

.dls-quick-services {
    position: relative;
    z-index: 5;
    margin-top: -65px;
}

.dls-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.dls-quick-card {
    min-height: 125px;

    display: grid;
    grid-template-columns: 50px 1fr 20px;
    gap: 13px;
    align-items: center;

    padding: 22px;

    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(10, 70, 110, .08);
    border-radius: 15px;

    color: var(--text) !important;
    text-decoration: none !important;

    box-shadow: 0 12px 35px rgba(0, 55, 95, .12);
}

.dls-quick-card strong {
    color: var(--navy);
    font-size: 15px;
}

.dls-quick-card p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 12px !important;
    line-height: 1.45;
}

.dls-icon {
    font-size: 30px;
    color: var(--blue);
}


/* =========================================================
   GENERAL SECTION
========================================================= */

.dls-section {
    padding: 105px 0;
}

.dls-section-heading {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 50px;
}

.dls-heading-right p {
    line-height: 1.7;
    margin-bottom: 20px;
}

.dls-centered-heading {
    text-align: center;
    margin-bottom: 55px;
}


/* =========================================================
   SERVICE CARDS
========================================================= */

.dls-services {
    background: linear-gradient(#ffffff, #f7fcff);
}

.dls-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.dls-service-card {
    overflow: hidden;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(10, 67, 105, .10);
    transition: .3s ease;
}

.dls-service-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 40px rgba(10, 67, 105, .16);
}

.dls-service-card > img {
    display: block;
    width: 100%;
    height: 175px;
    object-fit: cover;
}

.dls-service-content {
    padding: 25px;
}

.dls-round-icon {
    position: relative;

    width: 50px;
    height: 50px;

    margin-top: -48px;
    margin-bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    border-radius: 50%;

    color: var(--blue);
    font-size: 24px;

    box-shadow: 0 5px 15px rgba(0, 70, 120, .15);
}

.dls-service-content h3 {
    font-size: 18px;
    margin-bottom: 17px;
}

.dls-service-content ul {
    padding: 0;
    margin: 0 0 22px;
    list-style: none;
}

.dls-service-content li {
    margin: 8px 0;
    color: var(--muted);
    font-size: 13px !important;
}

.dls-service-content li::before {
    content: "✓";
    color: var(--blue);
    margin-right: 7px;
    font-weight: 800;
}

.dls-service-content a {
    color: var(--blue);
    text-decoration: none;
    font-weight: 700;
}


/* =========================================================
   METHOD
========================================================= */

.dls-method {
    background: linear-gradient(135deg, #eff9ff, #ffffff);
}

.dls-method-grid {
    display: grid;
    grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    align-items: center;
}

.dls-step {
    text-align: center;
}

.dls-number {
    display: inline-flex;

    width: 30px;
    height: 30px;

    align-items: center;
    justify-content: center;

    background: var(--blue);
    color: #ffffff;

    border-radius: 50%;
    font-weight: 800;
}

.dls-step-icon {
    margin: 14px auto;
    font-size: 30px;
    color: var(--blue);
}

.dls-step p {
    color: var(--muted);
    font-size: 13px !important;
    line-height: 1.5;
}

.dls-arrow {
    color: var(--blue);
    text-align: center;
    font-size: 25px;
}


/* =========================================================
   ABOUT
========================================================= */

.dls-about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 650px;
}

.dls-about-image {
    min-height: 650px;
}

.dls-about-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 650px;
    object-fit: cover;
}

.dls-about-content {
    padding: 80px max(7vw, 60px);
    background: #ffffff;
}

.dls-about-intro {
    max-width: 550px;
    line-height: 1.7;
    margin-bottom: 35px;
}

.dls-advantage {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 15px;
    margin: 25px 0;
}

.dls-advantage > span {
    color: var(--blue);
    font-size: 28px;
}

.dls-advantage h3 {
    font-size: 16px;
}

.dls-advantage p {
    margin: 4px 0;
    color: var(--muted);
    font-size: 13px !important;
}


/* =========================================================
   STATS
========================================================= */

.dls-stats {
    padding: 40px 0;

    background: linear-gradient(
        135deg,
        #063c6a,
        #031f3e
    );
}

.dls-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.dls-stats-grid > div {
    text-align: center;
    color: #ffffff;
}

.dls-stats strong {
    display: block;
    margin: 7px 0;
    font-size: 30px;
}

.dls-stats small {
    font-size: 12px;
}

.dls-stat-icon {
    font-size: 25px;
    color: #43c6ff;
}


/* =========================================================
   TESTIMONIALS
========================================================= */

.dls-testimonials {
    background: #f5fbff;
}

.dls-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.dls-testimonial {
    padding: 35px;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 30px rgba(0, 50, 90, .08);
}

.dls-quote {
    color: var(--blue);
    font-size: 42px;
    line-height: .7;
}

.dls-stars {
    color: #f6b629;
    margin: 10px 0;
}

.dls-testimonial p {
    min-height: 90px;
    line-height: 1.65;
}

.dls-testimonial strong,
.dls-testimonial small {
    display: block;
}


/* =========================================================
   CTA
========================================================= */

.dls-cta {
    position: relative;
    padding: 75px 0;

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .92),
            rgba(255, 255, 255, .55),
            rgba(255, 255, 255, .10)
        ),
        url("URL-IMAGE-CTA-MER.jpg") center center / cover no-repeat;
}

.dls-cta-content {
    position: relative;
    z-index: 2;
    max-width: 620px;
}

.dls-cta-content p {
    line-height: 1.7;
    margin-bottom: 25px;
}


/* =========================================================
   BLOG
========================================================= */

.dls-blog-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 30px;
    margin-bottom: 40px;
}

.dls-blog-heading > a {
    color: var(--navy);
    font-weight: 700;
    text-decoration: none;
}

.dls-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.dls-blog-card {
    overflow: hidden;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 7px 25px rgba(0, 55, 95, .10);
}

.dls-blog-card img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.dls-blog-content {
    position: relative;
    padding: 25px;
}

.dls-blog-content > span {
    display: inline-block;

    padding: 5px 10px;

    margin-top: -40px;
    margin-bottom: 15px;

    background: #ffffff;
    color: var(--blue);

    border-radius: 5px;

    font-size: 10px;
    font-weight: 800;
}

.dls-blog-content h3 {
    font-size: 17px;
}

.dls-blog-content a {
    position: absolute;
    right: 22px;
    bottom: 22px;
    color: var(--blue);
}


/* =========================================================
   FOOTER
========================================================= */

.dls-footer {
    padding: 70px 0 25px;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 90% 120%,
            #0d5985 0,
            transparent 35%
        ),
        #031f3e;
}

.dls-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.4fr 1fr;
    gap: 60px;
}

.dls-footer-brand img {
    display: block;
    width: 190px;
    margin-bottom: 20px;
}

.dls-footer h3 {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 15px;
}

.dls-footer a {
    display: block;
    margin: 9px 0;
    color: #dceaf4;
    text-decoration: none;
    font-size: 12px;
}

.dls-footer p {
    color: #dceaf4;
}

.dls-social {
    display: flex;
    gap: 15px;
}

.dls-copyright {
    padding-top: 45px;
    margin-top: 45px;

    border-top: 1px solid rgba(255, 255, 255, .15);

    text-align: right;
    font-size: 12px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .dls-container {
        width: 92%;
    }

    .dls-nav {
        display: none;
    }

    .dls-quick-grid,
    .dls-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dls-method-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }

    .dls-arrow {
        display: none;
    }

    .dls-about {
        grid-template-columns: 1fr;
    }

    .dls-about-image {
        height: 500px;
        min-height: 500px;
    }

    .dls-about-image img {
        height: 500px;
        min-height: 500px;
    }

    .dls-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dls-container {
        width: 90%;
    }

    /* HERO */

    .dls-hero {
        min-height: 720px;

        background-image: url("https://digilabstore.fr/wp-content/uploads/2026/10/Espace-de-travail-cotier-au-coucher-du-soleil-1.png") !important;
        background-size: cover !important;
        background-position: 58% center !important;
        background-repeat: no-repeat !important;
    }

    .dls-overlay {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, .90) 0%,
            rgba(255, 255, 255, .78) 55%,
            rgba(255, 255, 255, .35) 100%
        );
    }

    .dls-header {
        height: 90px;
    }

    .dls-header > .dls-btn {
        display: none;
    }

    .dls-logo img {
        width: 150px;
    }

    .dls-hero-content {
        width: 100%;
        padding-top: 55px;
    }

    .dls-home h1 {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .dls-hero-text {
        font-size: 16px !important;
    }

    .dls-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .dls-btn {
        width: 100%;
    }

    /* QUICK SERVICES */

    .dls-quick-services {
        margin-top: -30px;
    }

    .dls-quick-grid,
    .dls-services-grid,
    .dls-testimonial-grid,
    .dls-blog-grid,
    .dls-stats-grid,
    .dls-footer-grid {
        grid-template-columns: 1fr;
    }

    /* SECTIONS */

    .dls-section {
        padding: 70px 0;
    }

    .dls-section-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    /* METHOD */

    .dls-method-grid {
        grid-template-columns: 1fr;
    }

    /* STATS */

    .dls-stats-grid {
        gap: 35px;
    }

    /* ABOUT */

    .dls-about-image {
        height: 350px;
        min-height: 350px;
    }

    .dls-about-image img {
        height: 350px;
        min-height: 350px;
    }

    .dls-about-content {
        padding: 60px 7%;
    }

    /* BLOG */

    .dls-blog-heading {
        display: block;
    }

    /* FOOTER */

    .dls-footer {
        text-align: center;
    }

    .dls-footer-brand img {
        margin-left: auto;
        margin-right: auto;
    }

    .dls-social {
        justify-content: center;
    }

    .dls-copyright {
        text-align: center;
    }
}


/* =========================================================
   PETITS MOBILES
========================================================= */

@media (max-width: 480px) {

    .dls-home h1 {
        font-size: 37px;
    }

    .dls-hero {
        min-height: 700px;
    }

    .dls-hero-benefits {
        gap: 12px;
    }

    .dls-quick-card {
        grid-template-columns: 45px 1fr 20px;
        padding: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88b6ca9 *//* =========================================================
   DIGILAB STORE — HOME PAGE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');

.dls-home {
    --navy: #062f55;
    --navy-dark: #032542;
    --blue: #078ed1;
    --cyan: #14b8e8;
    --sky: #eaf7ff;
    --cream: #fffaf5;
    --white: #ffffff;
    --text: #17324b;
    --muted: #60758a;
    --gold: #f2a23a;

    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--text);
    font-family: "Open Sans", Arial, sans-serif;
}

.dls-home * {
    box-sizing: border-box;
}

.dls-home p,
.dls-home li,
.dls-home a {
    font-size: 15px;
}

.dls-container {
    width: min(1180px, 92%);
    margin: 0 auto;
}


/* =========================================================
   TYPO
========================================================= */

.dls-home h1,
.dls-home h2,
.dls-home h3 {
    font-family: "Open Sans", Arial, sans-serif;
    color: var(--navy);
}

.dls-home h1 {
    margin: 0;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.03;
    font-weight: 800;
    letter-spacing: -2px;
}

.dls-home h1 span {
    color: var(--blue);
}

.dls-home h2 {
    margin: 8px 0 20px;
    font-size: clamp(29px, 3vw, 43px);
    line-height: 1.12;
    font-weight: 800;
}

.dls-home h3 {
    margin: 0;
    font-weight: 700;
}

.dls-small-title,
.dls-eyebrow {
    color: var(--navy);
    font-weight: 700;
    letter-spacing: 4px;
    font-size: 12px;
}


/* =========================================================
   BUTTONS
========================================================= */

.dls-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding: 0 25px;
    border-radius: 30px;
    text-decoration: none !important;
    font-weight: 700;
    transition: .25s ease;
}

.dls-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #0da9e8, #075ed0);
    box-shadow: 0 10px 25px rgba(5, 111, 205, .2);
}

.dls-btn-primary:hover {
    transform: translateY(-2px);
}

.dls-btn-dark {
    color: #fff !important;
    background: var(--navy);
}

.dls-btn-outline {
    color: var(--navy) !important;
    border: 1.5px solid var(--navy);
    background: rgba(255,255,255,.65);
}


/* =========================================================
   HERO
========================================================= */

.dls-hero {
    position: relative;
    min-height: 760px;

    background:
        url("URL-IMAGE-FOND-HERO.jpg")
        center center / cover no-repeat;
}

.dls-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.92) 0%,
            rgba(255,255,255,.68) 37%,
            rgba(255,255,255,.08) 68%,
            rgba(255,255,255,0) 100%
        );
}

.dls-hero .dls-container {
    position: relative;
    z-index: 2;
}


/* HEADER */

.dls-header {
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.dls-logo img {
    width: 190px;
    max-height: 80px;
    object-fit: contain;
}

.dls-nav {
    display: flex;
    gap: 27px;
    align-items: center;
}

.dls-nav a {
    color: var(--navy);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.dls-nav a:hover,
.dls-nav a.active {
    color: var(--blue);
}


/* HERO TEXT */

.dls-hero-content {
    width: 610px;
    max-width: 100%;
    padding-top: 85px;
}

.dls-eyebrow {
    margin-bottom: 28px;
}

.dls-hero-text {
    max-width: 590px;
    margin: 27px 0;
    color: #203c52;
    font-size: 17px !important;
    line-height: 1.65;
}

.dls-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.dls-hero-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 25px;
    font-weight: 600;
    color: var(--navy);
}


/* =========================================================
   QUICK SERVICES
========================================================= */

.dls-quick-services {
    position: relative;
    z-index: 5;
    margin-top: -65px;
}

.dls-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.dls-quick-card {
    min-height: 125px;
    display: grid;
    grid-template-columns: 50px 1fr 20px;
    gap: 13px;
    align-items: center;

    padding: 22px;

    background: rgba(255,255,255,.96);
    border: 1px solid rgba(10,70,110,.08);
    border-radius: 15px;

    color: var(--text) !important;
    text-decoration: none !important;

    box-shadow: 0 12px 35px rgba(0,55,95,.12);
}

.dls-quick-card strong {
    color: var(--navy);
    font-size: 15px;
}

.dls-quick-card p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 12px !important;
    line-height: 1.45;
}

.dls-icon {
    font-size: 30px;
    color: var(--blue);
}


/* =========================================================
   GENERAL SECTION
========================================================= */

.dls-section {
    padding: 105px 0;
}

.dls-section-heading {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 50px;
}

.dls-heading-right p {
    line-height: 1.7;
    margin-bottom: 20px;
}

.dls-centered-heading {
    text-align: center;
    margin-bottom: 55px;
}


/* =========================================================
   SERVICE CARDS
========================================================= */

.dls-services {
    background: linear-gradient(#fff, #f7fcff);
}

.dls-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.dls-service-card {
    overflow: hidden;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(10,67,105,.10);
    transition: .3s;
}

.dls-service-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 40px rgba(10,67,105,.16);
}

.dls-service-card > img {
    width: 100%;
    height: 175px;
    object-fit: cover;
}

.dls-service-content {
    padding: 25px;
}

.dls-round-icon {
    width: 50px;
    height: 50px;
    margin-top: -48px;
    margin-bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    border-radius: 50%;
    color: var(--blue);
    font-size: 24px;

    box-shadow: 0 5px 15px rgba(0,70,120,.15);
}

.dls-service-content h3 {
    font-size: 18px;
    margin-bottom: 17px;
}

.dls-service-content ul {
    padding: 0;
    margin: 0 0 22px;
    list-style: none;
}

.dls-service-content li {
    margin: 8px 0;
    color: var(--muted);
    font-size: 13px !important;
}

.dls-service-content li::before {
    content: "✓";
    color: var(--blue);
    margin-right: 7px;
    font-weight: 800;
}

.dls-service-content a {
    color: var(--blue);
    text-decoration: none;
    font-weight: 700;
}


/* =========================================================
   METHOD
========================================================= */

.dls-method {
    background:
        linear-gradient(135deg, #eff9ff, #ffffff);
}

.dls-method-grid {
    display: grid;
    grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    align-items: center;
}

.dls-step {
    text-align: center;
}

.dls-number {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;

    background: var(--blue);
    color: #fff;
    border-radius: 50%;

    font-weight: 800;
}

.dls-step-icon {
    margin: 14px auto;
    font-size: 30px;
    color: var(--blue);
}

.dls-step p {
    color: var(--muted);
    font-size: 13px !important;
    line-height: 1.5;
}

.dls-arrow {
    color: var(--blue);
    text-align: center;
    font-size: 25px;
}


/* =========================================================
   ABOUT
========================================================= */

.dls-about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 650px;
}

.dls-about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dls-about-content {
    padding: 80px max(7vw, 60px);
    background: #fff;
}

.dls-about-intro {
    max-width: 550px;
    line-height: 1.7;
    margin-bottom: 35px;
}

.dls-advantage {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 15px;
    margin: 25px 0;
}

.dls-advantage > span {
    color: var(--blue);
    font-size: 28px;
}

.dls-advantage h3 {
    font-size: 16px;
}

.dls-advantage p {
    margin: 4px 0;
    color: var(--muted);
    font-size: 13px !important;
}


/* =========================================================
   STATS
========================================================= */

.dls-stats {
    padding: 40px 0;
    background:
        linear-gradient(135deg, #063c6a, #031f3e);
}

.dls-stats-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.dls-stats-grid > div {
    text-align: center;
    color: #fff;
}

.dls-stats strong {
    display: block;
    margin: 7px 0;
    font-size: 30px;
}

.dls-stats small {
    font-size: 12px;
}

.dls-stat-icon {
    font-size: 25px;
    color: #43c6ff;
}


/* =========================================================
   TESTIMONIALS
========================================================= */

.dls-testimonials {
    background: #f5fbff;
}

.dls-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
}

.dls-testimonial {
    padding: 35px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0,50,90,.08);
}

.dls-quote {
    color: var(--blue);
    font-size: 42px;
    line-height: .7;
}

.dls-stars {
    color: #f6b629;
    margin: 10px 0;
}

.dls-testimonial p {
    min-height: 90px;
    line-height: 1.65;
}

.dls-testimonial strong,
.dls-testimonial small {
    display: block;
}


/* =========================================================
   CTA
========================================================= */

.dls-cta {
    position: relative;
    padding: 75px 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.92),
            rgba(255,255,255,.55),
            rgba(255,255,255,.1)
        ),
        url("URL-IMAGE-CTA-MER.jpg")
        center / cover no-repeat;
}

.dls-cta-content {
    max-width: 620px;
}

.dls-cta-content p {
    line-height: 1.7;
    margin-bottom: 25px;
}


/* =========================================================
   BLOG
========================================================= */

.dls-blog-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 40px;
}

.dls-blog-heading > a {
    color: var(--navy);
    font-weight: 700;
    text-decoration: none;
}

.dls-blog-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
}

.dls-blog-card {
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 25px rgba(0,55,95,.1);
}

.dls-blog-card img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.dls-blog-content {
    position: relative;
    padding: 25px;
}

.dls-blog-content > span {
    display: inline-block;
    padding: 5px 10px;
    margin-top: -40px;
    margin-bottom: 15px;

    background: #fff;
    color: var(--blue);
    border-radius: 5px;

    font-size: 10px;
    font-weight: 800;
}

.dls-blog-content h3 {
    font-size: 17px;
}

.dls-blog-content a {
    position: absolute;
    right: 22px;
    bottom: 22px;
    color: var(--blue);
}


/* =========================================================
   FOOTER
========================================================= */

.dls-footer {
    padding: 70px 0 25px;

    color: #fff;

    background:
        radial-gradient(circle at 90% 120%, #0d5985 0, transparent 35%),
        #031f3e;
}

.dls-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.4fr 1fr;
    gap: 60px;
}

.dls-footer-brand img {
    width: 190px;
    margin-bottom: 20px;
}

.dls-footer h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 15px;
}

.dls-footer a {
    display: block;
    margin: 9px 0;
    color: #dceaf4;
    text-decoration: none;
    font-size: 12px;
}

.dls-footer p {
    color: #dceaf4;
}

.dls-social {
    display: flex;
    gap: 15px;
}

.dls-copyright {
    padding-top: 45px;
    margin-top: 45px;
    border-top: 1px solid rgba(255,255,255,.15);
    text-align: right;
    font-size: 12px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .dls-nav {
        display: none;
    }

    .dls-quick-grid,
    .dls-services-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .dls-method-grid {
        grid-template-columns: repeat(2,1fr);
        gap: 35px;
    }

    .dls-arrow {
        display: none;
    }

    .dls-about {
        grid-template-columns: 1fr;
    }

    .dls-about-image {
        height: 500px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dls-hero {
        min-height: 720px;
        background-position: 58% center;
    }

    .dls-hero-overlay {
        background: rgba(255,255,255,.80);
    }

    .dls-header {
        height: 90px;
    }

    .dls-header > .dls-btn {
        display: none;
    }

    .dls-logo img {
        width: 150px;
    }

    .dls-hero-content {
        padding-top: 55px;
    }

    .dls-home h1 {
        font-size: 42px;
    }

    .dls-quick-services {
        margin-top: -30px;
    }

    .dls-quick-grid,
    .dls-services-grid,
    .dls-testimonial-grid,
    .dls-blog-grid,
    .dls-stats-grid,
    .dls-footer-grid {
        grid-template-columns: 1fr;
    }

    .dls-section-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dls-method-grid {
        grid-template-columns: 1fr;
    }

    .dls-stats-grid {
        gap: 35px;
    }

    .dls-about-image {
        height: 350px;
    }

    .dls-about-content {
        padding: 60px 7%;
    }

    .dls-blog-heading {
        display: block;
    }

    .dls-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .dls-btn {
        width: 100%;
    }

    .dls-footer {
        text-align: center;
    }

    .dls-copyright {
        text-align: center;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4128513 *//* =========================================================
   DIGILAB STORE
   BLOC NOS SERVICES
========================================================= */

.dls-services-showcase {
    position: relative;
    width: 100%;
    padding: 70px 0 80px;

    background:
        radial-gradient(
            circle at 90% 100%,
            rgba(7, 142, 209, 0.08) 0%,
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5fbff 55%,
            #eef8ff 100%
        );

    overflow: hidden;
}


/* =========================================================
   CONTENEUR
========================================================= */

.dls-services-inner {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}


/* =========================================================
   HAUT DU BLOC
========================================================= */

.dls-services-header {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;

    align-items: end;

    margin-bottom: 42px;
}


/* PETIT TITRE */

.dls-services-kicker {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 15px;

    color: #062f55;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.dls-services-kicker::after {
    content: "";

    width: 42px;
    height: 2px;

    background: #078ed1;
}


/* TITRE PRINCIPAL */

.dls-services-title h2 {
    max-width: 650px;

    margin: 0;

    color: #062f55;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(32px, 3.4vw, 50px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.5px;
}


/* INTRODUCTION DROITE */

.dls-services-intro {
    max-width: 560px;
}

.dls-services-intro p {
    margin: 0 0 22px;

    color: #17324b;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}


/* BOUTON */

.dls-services-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 46px;

    padding: 0 24px;

    color: #ffffff !important;

    background: linear-gradient(
        135deg,
        #078ed1,
        #063c75
    );

    border-radius: 25px;

    text-decoration: none !important;

    font-size: 13px;
    font-weight: 700;

    box-shadow: 0 8px 20px rgba(6, 63, 105, .18);

    transition: .25s ease;
}

.dls-services-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(6, 63, 105, .25);
}


/* =========================================================
   GRILLE DES 4 CARTES
========================================================= */

.dls-services-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


/* =========================================================
   CARTE
========================================================= */

.dls-service-box {
    position: relative;

    min-width: 0;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid rgba(7, 80, 125, .06);
    border-radius: 17px;

    box-shadow:
        0 10px 30px rgba(4, 56, 95, .09);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.dls-service-box:hover {
    transform: translateY(-6px);

    box-shadow:
        0 18px 38px rgba(4, 56, 95, .15);
}


/* =========================================================
   ZONE PHOTO
========================================================= */

.dls-service-image {
    position: relative;

    width: 100%;
    height: 170px;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


/* =========================================================
   PHOTO 1
   SITE WEB & LANDING PAGES
   REMPLACER URL-PHOTO-SITE-WEB
========================================================= */

.dls-service-box:nth-child(1) .dls-service-image {
    background-image:
        url("https://digilabstore.fr/wp-content/uploads/2026/10/site-web.png");
}


/* =========================================================
   PHOTO 2
   SOLUTIONS IA
   REMPLACER URL-PHOTO-SOLUTIONS-IA
========================================================= */

.dls-service-box:nth-child(2) .dls-service-image {
    background-image:
        url("https://digilabstore.fr/wp-content/uploads/2026/10/ia.png");
}


/* =========================================================
   PHOTO 3
   AUTOMATISATION
   REMPLACER URL-PHOTO-AUTOMATISATION
========================================================= */

.dls-service-box:nth-child(3) .dls-service-image {
    background-image:
        url("https://digilabstore.fr/wp-content/uploads/2026/10/automatisation.png");
}


/* =========================================================
   PHOTO 4
   BOUTIQUE & OUTILS
   REMPLACER URL-PHOTO-BOUTIQUE");
========================================================= */

.dls-service-box:nth-child(4) .dls-service-image {
    background-image:
        url("https://digilabstore.fr/wp-content/uploads/2026/10/ecommerce.png");
}


/* =========================================================
   PETIT DÉGRADÉ SUR LES PHOTOS
========================================================= */

.dls-service-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(4, 40, 70, 0) 45%,
        rgba(4, 40, 70, .08) 100%
    );

    pointer-events: none;
}


/* =========================================================
   CONTENU CARTE
========================================================= */

.dls-service-body {
    position: relative;

    padding:
        30px
        24px
        25px;
}


/* =========================================================
   ICÔNE RONDE
========================================================= */

.dls-service-icon {
    position: absolute;

    top: -27px;
    left: 24px;

    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    color: #078ed1;

    background: #ffffff;

    border-radius: 50%;

    border: 5px solid rgba(232, 247, 255, .95);

    box-shadow:
        0 5px 15px rgba(5, 74, 120, .18);

    font-size: 23px;
}


/* =========================================================
   TITRE CARTE
========================================================= */

.dls-service-body h3 {
    margin:
        5px
        0
        18px;

    color: #062f55;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================================
   LISTE
========================================================= */

.dls-service-body ul {
    margin: 0 0 20px;
    padding: 0;

    list-style: none;
}

.dls-service-body li {
    position: relative;

    margin: 9px 0;
    padding-left: 20px;

    color: #526b80;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.45;
}

.dls-service-body li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    color: #18a9e5;

    font-weight: 800;
}


/* =========================================================
   LIEN EN SAVOIR PLUS
========================================================= */

.dls-service-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #078ed1 !important;

    text-decoration: none !important;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;

    transition: .2s ease;
}

.dls-service-link:hover {
    gap: 12px;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1024px) {

    .dls-services-showcase {
        padding: 65px 0;
    }

    .dls-services-header {
        grid-template-columns: 1fr 1fr;
        gap: 45px;
    }

    .dls-services-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .dls-service-image {
        height: 200px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dls-services-showcase {
        padding: 55px 0;
    }

    .dls-services-inner {
        width: 90%;
    }

    .dls-services-header {
        grid-template-columns: 1fr;
        gap: 25px;

        margin-bottom: 35px;
    }

    .dls-services-title h2 {
        font-size: 34px;
    }

    .dls-services-intro {
        max-width: none;
    }

    .dls-services-cards {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .dls-service-image {
        height: 210px;
    }

    .dls-service-body {
        padding: 32px 24px 27px;
    }
}


/* =========================================================
   PETIT MOBILE
========================================================= */

@media (max-width: 480px) {

    .dls-services-title h2 {
        font-size: 30px;
    }

    .dls-service-image {
        height: 185px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdcc934 *//* =========================================================
   DIGILAB STORE — NOTRE MÉTHODE
========================================================= */

.dls-method-section {
    position: relative;
    width: 100%;
    overflow: hidden;

    padding: 55px 0 65px;

    font-family: "Open Sans", Arial, sans-serif;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(123, 194, 225, 0.16),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #f7fcff 0%,
            #ffffff 52%,
            #f1f9fd 100%
        );
}


/* EFFET PALME TRÈS LÉGER À DROITE */

.dls-method-section::after {
    content: "";
    position: absolute;

    width: 330px;
    height: 330px;

    right: -100px;
    top: -105px;

    opacity: 0.07;

    background:
        radial-gradient(
            ellipse at center,
            #0c628f 0%,
            transparent 65%
        );

    transform: rotate(-25deg);

    pointer-events: none;
}


/* =========================================================
   CONTENEUR
========================================================= */

.dls-method-inner {
    position: relative;
    z-index: 2;

    width: 90%;
    max-width: 1400px;

    margin: 0 auto;
}


/* =========================================================
   TITRE
========================================================= */

.dls-method-heading {
    text-align: center;

    margin-bottom: 48px;
}

.dls-method-heading > span {
    display: block;

    margin-bottom: 14px;

    color: #174e7d;

    font-size: 11px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 3.2px;
}

.dls-method-heading h2 {
    margin: 0;

    color: #062e58;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: clamp(27px, 2.6vw, 39px);
    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -0.8px;
}


/* =========================================================
   GRILLE
========================================================= */

.dls-method-steps {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        60px
        minmax(0, 1fr)
        60px
        minmax(0, 1fr)
        60px
        minmax(0, 1fr);

    align-items: center;

    gap: 0;
}


/* =========================================================
   ÉTAPE
========================================================= */

.dls-method-step {
    min-width: 0;

    color: #0b3157;
}


/* NUMÉRO + ICÔNE */

.dls-method-top {
    display: flex;

    align-items: center;

    gap: 17px;

    margin-bottom: 17px;
}


/* NUMÉRO BLEU */

.dls-method-number {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 31px;
    height: 31px;

    border-radius: 50%;

    background: linear-gradient(
        135deg,
        #078fe0,
        #075fc7
    );

    box-shadow:
        0 5px 12px rgba(7, 104, 194, 0.20);

    color: #ffffff;

    font-size: 13px;

    font-weight: 800;
}


/* GRAND CERCLE BLANC */

.dls-method-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 67px;
    height: 67px;

    flex: 0 0 67px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.95);

    box-shadow:
        0 8px 25px rgba(22, 83, 125, 0.07);
}


/* ICÔNES SVG */

.dls-method-icon svg {
    width: 31px;
    height: 31px;

    fill: none;

    stroke: #063764;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* TITRE ÉTAPE */

.dls-method-step h3 {
    margin: 0 0 6px;

    color: #092f56;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: 15px;

    line-height: 1.25;

    font-weight: 700;
}


/* TEXTE ÉTAPE */

.dls-method-step p {
    margin: 0;

    color: #3d566d;

    font-size: 13px;

    line-height: 1.45;

    font-weight: 400;
}


/* =========================================================
   FLÈCHES
========================================================= */

.dls-method-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    padding-top: 2px;

    color: #5ea5cf;

    font-size: 29px;

    font-weight: 300;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1024px) {

    .dls-method-inner {
        width: 92%;
    }

    .dls-method-steps {
        grid-template-columns:
            minmax(0, 1fr)
            35px
            minmax(0, 1fr)
            35px
            minmax(0, 1fr)
            35px
            minmax(0, 1fr);
    }

    .dls-method-top {
        gap: 10px;
    }

    .dls-method-icon {
        width: 58px;
        height: 58px;

        flex-basis: 58px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dls-method-section {
        padding: 48px 0 55px;
    }

    .dls-method-inner {
        width: calc(100% - 40px);
    }

    .dls-method-heading {
        margin-bottom: 40px;
    }

    .dls-method-heading h2 {
        font-size: 29px;
    }

    .dls-method-steps {
        display: grid;

        grid-template-columns: 1fr;

        gap: 30px;
    }

    .dls-method-arrow {
        display: none;
    }

    .dls-method-step {
        position: relative;

        padding-left: 10px;
    }

    .dls-method-top {
        margin-bottom: 13px;
    }

    .dls-method-step h3 {
        font-size: 16px;
    }

    .dls-method-step p {
        font-size: 14px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ff60db *//* =========================================================
   DIGILAB STORE
   BLOC "UN PARTENAIRE DIGITAL À VOS CÔTÉS"
========================================================= */

.dls-partner-section {
    position: relative;

    display: grid;
    grid-template-columns: 50% 50%;

    width: 100%;
    min-height: 600px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    font-family: "Open Sans", Arial, sans-serif;

    background: #ffffff;
}

.dls-partner-section * {
    box-sizing: border-box;
}


/* =========================================================
   PHOTO GAUCHE
========================================================= */

.dls-partner-photo {
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 600px;

    overflow: hidden;
}

.dls-partner-photo img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 600px;

    object-fit: cover;
    object-position: center center;
}


/* =========================================================
   PARTIE DROITE
========================================================= */

.dls-partner-content {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 600px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(95, 175, 220, 0.12),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfdff 55%,
            #eef8fd 100%
        );
}


/* EFFET DÉCORATIF TRÈS LÉGER */

.dls-partner-content::after {
    content: "";

    position: absolute;

    right: -120px;
    top: -100px;

    width: 390px;
    height: 390px;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(18, 103, 151, 0.09),
            rgba(18, 103, 151, 0) 68%
        );

    pointer-events: none;
}


/* =========================================================
   CONTENU
========================================================= */

.dls-partner-content-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 680px;

    padding: 65px 65px 65px 55px;
}


/* =========================================================
   PETIT TITRE
========================================================= */

.dls-partner-kicker {
    margin-bottom: 17px;

    color: #315978;

    font-size: 11px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 3px;
}


/* =========================================================
   GRAND TITRE
========================================================= */

.dls-partner-content h2 {
    margin: 0 0 24px;

    color: #062e58;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: clamp(34px, 3.2vw, 50px);
    line-height: 1.02;

    font-weight: 800;

    letter-spacing: -1.3px;
}


/* =========================================================
   INTRODUCTION
========================================================= */

.dls-partner-intro {
    max-width: 590px;

    margin: 0 0 35px;

    color: #344f68;

    font-size: 15px;
    line-height: 1.55;

    font-weight: 400;
}


/* =========================================================
   AVANTAGES
========================================================= */

.dls-partner-item {
    display: grid;

    grid-template-columns: 48px 1fr;

    gap: 18px;

    align-items: center;

    margin-bottom: 25px;
}


/* =========================================================
   ICÔNES
========================================================= */

.dls-partner-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    color: #087ee0;
}

.dls-partner-icon svg {
    display: block;

    width: 39px;
    height: 39px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ÉTOILE REMPLIE COMME LA MAQUETTE */

.dls-partner-item:last-child .dls-partner-icon svg {
    fill: #087ee0;
    stroke: #087ee0;
}


/* =========================================================
   TITRES DES AVANTAGES
========================================================= */

.dls-partner-item h3 {
    margin: 0 0 3px;

    color: #0b3157;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: 15px;
    line-height: 1.25;

    font-weight: 700;
}


/* =========================================================
   TEXTES DES AVANTAGES
========================================================= */

.dls-partner-item p {
    margin: 0;

    color: #405a70;

    font-size: 13px;
    line-height: 1.45;

    font-weight: 400;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1024px) {

    .dls-partner-section {
        grid-template-columns: 48% 52%;
    }

    .dls-partner-content-inner {
        padding: 55px 40px;
    }

    .dls-partner-content h2 {
        font-size: 38px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dls-partner-section {
        display: flex;
        flex-direction: column;

        min-height: 0;
    }


    /* PHOTO EN HAUT */

    .dls-partner-photo {
        width: 100%;
        height: 360px;
        min-height: 0;
    }

    .dls-partner-photo img {
        width: 100%;
        height: 100%;
        min-height: 0;

        object-fit: cover;
    }


    /* TEXTE EN DESSOUS */

    .dls-partner-content {
        min-height: 0;
    }

    .dls-partner-content-inner {
        max-width: none;

        padding: 50px 25px 55px;
    }

    .dls-partner-kicker {
        font-size: 10px;
        letter-spacing: 2.5px;
    }

    .dls-partner-content h2 {
        margin-bottom: 20px;

        font-size: 34px;
        line-height: 1.06;
    }

    .dls-partner-intro {
        margin-bottom: 32px;

        font-size: 14px;
    }

    .dls-partner-item {
        grid-template-columns: 45px 1fr;

        gap: 14px;

        margin-bottom: 24px;
    }

    .dls-partner-icon svg {
        width: 35px;
        height: 35px;
    }

    .dls-partner-item h3 {
        font-size: 15px;
    }

    .dls-partner-item p {
        font-size: 13px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aec8c45 *//* =========================================================
   DIGILAB STORE — BANDEAU CHIFFRES
========================================================= */

.dls-stats-band {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 28px 0;

    overflow: hidden;

    font-family: "Open Sans", Arial, sans-serif;

    background:
        radial-gradient(
            circle at 15% 120%,
            rgba(18, 111, 166, 0.25),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% -20%,
            rgba(15, 106, 164, 0.18),
            transparent 32%
        ),
        linear-gradient(
            100deg,
            #06365f 0%,
            #032c52 45%,
            #021f40 100%
        );
}


/* Effet décoratif discret */

.dls-stats-band::before,
.dls-stats-band::after {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    opacity: .12;

    pointer-events: none;
}

.dls-stats-band::before {
    left: -120px;
    bottom: -190px;

    background:
        radial-gradient(
            ellipse,
            #54b7e8 0%,
            transparent 68%
        );
}

.dls-stats-band::after {
    right: -100px;
    bottom: -180px;

    background:
        radial-gradient(
            ellipse,
            #54b7e8 0%,
            transparent 68%
        );
}


/* =========================================================
   CONTENEUR
========================================================= */

.dls-stats-inner {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    align-items: center;

    width: 90%;
    max-width: 1400px;

    margin: 0 auto;
}


/* =========================================================
   CHAQUE STAT
========================================================= */

.dls-stat-item {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 17px;

    min-height: 70px;

    padding: 5px 20px;
}


/* =========================================================
   CERCLE ICÔNE
========================================================= */

.dls-stat-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 55px;

    width: 55px;
    height: 55px;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #139be2,
            #0875c7
        );

    box-shadow:
        0 0 0 3px rgba(255,255,255,.08),
        0 7px 20px rgba(0,0,0,.12);
}


/* SVG */

.dls-stat-icon svg {
    width: 29px;
    height: 29px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   CHIFFRES
========================================================= */

.dls-stat-text {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.dls-stat-text strong {
    display: block;

    margin: 0;

    color: #ffffff;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: clamp(24px, 2.2vw, 35px);
    line-height: 1;

    font-weight: 800;

    letter-spacing: -1px;
}


/* =========================================================
   SOUS-TEXTE
========================================================= */

.dls-stat-text span {
    display: block;

    margin-top: 7px;

    color: rgba(255,255,255,.88);

    font-size: 11px;
    line-height: 1.3;

    font-weight: 400;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1024px) {

    .dls-stats-inner {
        width: 94%;

        grid-template-columns: repeat(2, 1fr);

        row-gap: 25px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dls-stats-band {
        padding: 35px 0;
    }

    .dls-stats-inner {
        width: calc(100% - 40px);

        grid-template-columns: repeat(2, 1fr);

        gap: 30px 12px;
    }

    .dls-stat-item {
        justify-content: flex-start;

        gap: 12px;

        padding: 0;
    }

    .dls-stat-icon {
        flex-basis: 45px;

        width: 45px;
        height: 45px;
    }

    .dls-stat-icon svg {
        width: 24px;
        height: 24px;
    }

    .dls-stat-text strong {
        font-size: 23px;
    }

    .dls-stat-text span {
        font-size: 10px;
    }

}


/* =========================================================
   PETITS MOBILES
========================================================= */

@media (max-width: 430px) {

    .dls-stats-inner {
        grid-template-columns: 1fr;
    }

    .dls-stat-item {
        width: 230px;
        margin: 0 auto;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff74cee *//* =========================================================
   DIGILAB STORE
   BAS DE PAGE : AVIS + CTA + BLOG
========================================================= */

.dls-bottom {
    --navy: #062f59;
    --blue: #078ee0;
    --cyan: #19a8eb;
    --text: #183956;
    --muted: #526b80;
    --white: #ffffff;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    font-family: "Open Sans", Arial, sans-serif;
}

.dls-bottom * {
    box-sizing: border-box;
}


/* =========================================================
   CONTENEUR COMMUN
========================================================= */

.dls-bottom-inner {
    position: relative;

    width: 90%;
    max-width: 1400px;

    margin: 0 auto;
}


/* =========================================================
   PETIT TITRE
========================================================= */

.dls-bottom-kicker {
    display: block;

    margin-bottom: 13px;

    color: #315d80;

    font-size: 10px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 3px;
}


/* =========================================================
   1. TÉMOIGNAGES
========================================================= */

.dls-bottom-reviews {
    position: relative;

    width: 100%;

    padding: 48px 0 38px;

    background:
        radial-gradient(
            circle at 100% 50%,
            rgba(86, 175, 225, .11),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #f8fcff 0%,
            #ffffff 50%,
            #f1f9fe 100%
        );
}


/* TITRE */

.dls-bottom-reviews-head {
    margin-bottom: 32px;

    text-align: center;
}

.dls-bottom-reviews-head h2 {
    margin: 0;

    color: var(--navy);

    font-family: "Open Sans", Arial, sans-serif;

    font-size: clamp(27px, 2.7vw, 39px);
    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -1px;
}


/* GRILLE */

.dls-review-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

    padding: 0 20px;
}


/* CARTE */

.dls-review-card {
    position: relative;

    min-height: 205px;

    padding: 28px 30px 25px;

    border: 1px solid rgba(7, 70, 115, .05);
    border-radius: 13px;

    background: #ffffff;

    box-shadow:
        0 8px 28px rgba(14, 73, 110, .07);
}


/* GUILLEMETS */

.dls-review-quote {
    position: absolute;

    top: 18px;
    left: 28px;

    height: 30px;

    color: #0a9be8;

    font-family: Georgia, serif;

    font-size: 40px;
    line-height: 1;

    font-weight: 700;
}


/* ÉTOILES */

.dls-review-stars {
    margin: 0 0 14px;
    padding-left: 30px;

    color: #ffb820;

    font-size: 13px;

    letter-spacing: 2px;
}


/* TEXTE */

.dls-review-text {
    min-height: 65px;

    margin: 0 0 20px;

    color: #39536b;

    font-size: 12px;
    line-height: 1.55;
}


/* CLIENT */

.dls-review-client {
    display: flex;

    align-items: center;

    gap: 11px;
}

.dls-review-avatar {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #087fca,
            #06335e
        );

    color: #ffffff;

    font-size: 12px;

    font-weight: 700;
}

.dls-review-client strong {
    display: block;

    margin-bottom: 2px;

    color: var(--navy);

    font-size: 11px;
    line-height: 1.2;

    font-weight: 700;
}

.dls-review-client small {
    display: block;

    color: #71869a;

    font-size: 9px;
    line-height: 1.3;
}


/* FLÈCHES */

.dls-review-arrow {
    position: absolute;

    top: 55%;

    z-index: 4;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    padding: 0;

    border: 0;

    background: transparent;

    color: #5fa7d3;

    font-size: 22px;

    cursor: pointer;
}

.dls-review-left {
    left: -18px;
}

.dls-review-right {
    right: -18px;
}


/* POINTS */

.dls-review-dots {
    display: flex;

    justify-content: center;

    gap: 7px;

    margin-top: 22px;
}

.dls-review-dots span {
    width: 7px;
    height: 7px;

    border: 1px solid #afc7d8;

    border-radius: 50%;

    background: #ffffff;
}

.dls-review-dots span.active {
    border-color: var(--blue);

    background: var(--blue);
}


/* =========================================================
   2. CTA AVEC PHARE
========================================================= */

.dls-bottom-cta {
    position: relative;

    width: 100%;

    min-height: 270px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        url("URL-IMAGE-PHARE-MER.jpg")
        center center / cover no-repeat;
}


/* VOILE POUR LIRE LE TEXTE */

.dls-bottom-cta-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255, 242, 224, .96) 0%,
            rgba(255, 237, 215, .80) 35%,
            rgba(255, 231, 202, .25) 62%,
            rgba(255, 255, 255, 0) 82%
        );
}


/* CONTENU */

.dls-bottom-cta-content {
    position: relative;
    z-index: 2;

    max-width: 650px;

    padding: 47px 0;
}

.dls-bottom-cta h2 {
    margin: 0 0 12px;

    color: var(--navy);

    font-family: "Open Sans", Arial, sans-serif;

    font-size: clamp(31px, 3vw, 43px);
    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1px;
}

.dls-bottom-cta p {
    margin: 0 0 22px;

    color: #25425b;

    font-size: 13px;
    line-height: 1.5;
}


/* BOUTONS */

.dls-bottom-cta-buttons {
    display: flex;

    flex-wrap: wrap;

    gap: 13px;
}

.dls-bottom-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    min-height: 45px;

    padding: 0 22px;

    border-radius: 30px;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none !important;

    transition: .25s ease;
}

.dls-bottom-btn b {
    margin-left: 6px;

    font-size: 17px;

    font-weight: 400;
}

.dls-bottom-btn-blue {
    border: 1px solid var(--blue);

    background:
        linear-gradient(
            135deg,
            #0ba6eb,
            #076ed1
        );

    box-shadow:
        0 8px 20px rgba(5, 110, 200, .20);

    color: #ffffff !important;
}

.dls-bottom-btn-outline {
    border: 1.5px solid #274966;

    background: rgba(255,255,255,.20);

    color: #153a5a !important;
}

.dls-bottom-btn:hover {
    transform: translateY(-2px);
}


/* =========================================================
   3. ARTICLES
========================================================= */

.dls-bottom-blog {
    width: 100%;

    padding: 48px 0 60px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fcff 100%
        );
}


/* TITRE BLOG */

.dls-bottom-blog-head {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 27px;
}

.dls-bottom-blog-head h2 {
    margin: 0;

    color: var(--navy);

    font-family: "Open Sans", Arial, sans-serif;

    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1px;
}


/* VOIR TOUS */

.dls-bottom-all-posts {
    display: flex;

    align-items: center;

    gap: 15px;

    padding-bottom: 5px;

    color: var(--navy) !important;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none !important;
}

.dls-bottom-all-posts span {
    color: var(--blue);

    font-size: 19px;
}


/* GRILLE */

.dls-bottom-blog-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}


/* CARTE */

.dls-bottom-blog-card {
    overflow: hidden;

    border: 1px solid rgba(5, 60, 100, .06);

    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 8px 24px rgba(9, 66, 105, .08);

    transition: .25s ease;
}

.dls-bottom-blog-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 14px 30px rgba(9, 66, 105, .13);
}


/* IMAGE */

.dls-bottom-blog-image {
    position: relative;

    height: 150px;

    overflow: hidden;
}

.dls-bottom-blog-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .4s ease;
}

.dls-bottom-blog-card:hover img {
    transform: scale(1.035);
}


/* CATÉGORIE */

.dls-bottom-category {
    position: absolute;

    left: 16px;
    bottom: -1px;

    padding: 6px 10px;

    border-radius: 6px 6px 0 0;

    background: rgba(255,255,255,.94);

    color: #0b578c;

    font-size: 8px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: .3px;
}


/* CONTENU */

.dls-bottom-blog-content {
    display: grid;

    grid-template-columns: 1fr 25px;

    align-items: center;

    gap: 15px;

    min-height: 65px;

    padding: 15px 16px;
}

.dls-bottom-blog-content h3 {
    margin: 0;

    color: #0a3158;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: 12px;
    line-height: 1.4;

    font-weight: 700;
}

.dls-bottom-blog-content a {
    color: var(--blue) !important;

    font-size: 20px;

    text-align: right;

    text-decoration: none !important;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1024px) {

    .dls-bottom-inner {
        width: 92%;
    }

    .dls-review-grid {
        padding: 0;
    }

    .dls-review-left {
        left: -25px;
    }

    .dls-review-right {
        right: -25px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dls-bottom-inner {
        width: calc(100% - 40px);
    }


    /* AVIS */

    .dls-review-grid {
        grid-template-columns: 1fr;
    }

    .dls-review-card:nth-child(2),
    .dls-review-card:nth-child(3) {
        display: none;
    }

    .dls-review-arrow {
        display: none;
    }


    /* CTA */

    .dls-bottom-cta {
        min-height: 420px;

        background-position: 65% center;
    }

    .dls-bottom-cta-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(255,244,229,.95),
                rgba(255,244,229,.78)
            );
    }

    .dls-bottom-cta-content {
        padding: 50px 0;
    }

    .dls-bottom-cta p br {
        display: none;
    }

    .dls-bottom-cta-buttons {
        flex-direction: column;

        align-items: stretch;
    }

    .dls-bottom-btn {
        width: 100%;
    }


    /* BLOG */

    .dls-bottom-blog-head {
        display: block;
    }

    .dls-bottom-all-posts {
        margin-top: 18px;
    }

    .dls-bottom-blog-grid {
        grid-template-columns: 1fr;
    }

    .dls-bottom-blog-image {
        height: 210px;
    }

}/* End custom CSS */