body {
    .elementor-widget-wtb-service {
        border: none !important;
    }
}

body .wtbsc {

    .wtb-subtitle, .thesubtitle {
        z-index: 1;
    }

    .wtb-service-card {
        background: var(--wb-color-blue-lighter);
        padding: 25px;
        backdrop-filter: saturate(180%) blur(20px);
        border: 0.067rem solid #fff;

        &::after, &::before {
            content: unset;
        }



        ul li {
            border-color: var(--wb-color-blue-dark);
        }

        svg {
            fill: var(--wb-color-blue) !important;
            min-width: 2rem;
        }
    }

    .wtb-service-card-title {
        font-size: var(--font-size-h4);
        margin: 0;
    }

    .service-card-link {
        width: 100%;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: space-between;
    }

    .elementor-widget-wtb-service.card {
        background-color: transparent !important;
    }

    &.mode-dark {
        background-color: var(--wb-color-blue-lighter);
        border-radius: 30px;
        padding: 80px;

        .wtb-service-card {
            backdrop-filter: brightness(96%) blur(10px);
            background: transparent;
        }

        &:after {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            max-height: 100%;
            max-width: 100%;
            overflow: hidden;
        }

    }

}

/* ajuster la hauteur de l'image pour la page realisation spécifiquement */
.page-id-3673 {
    .wtbsc.mode-dark:after {
        height: 100%;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    body .wtbsc {
        .top {
            flex-direction: column;
            align-items: start;
        }
    }
}

@media screen and (max-width: 768px) {
    body .wtbsc {
        .theservices {
            flex-direction: column;
        }
        &.mode-dark {
            padding: 40px;
        }
    }
}
@media screen and (max-width: 575px) {
    body .wtbsc {
        &.mode-dark {
            padding: 0px;
        }
    }
}