.nos-ressources-widget {
    padding-top: 60px;

    .header-section {
        text-align: center;
    }

    .wtb-subtitle {
        margin: 0 auto;
    }

    .resources-container {
        display: flex;
        gap: 20px;
    }

    .resources-list {
        flex: 1;
    }

    .resource-item {
        padding: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .resource-item.active {
        background-color: var(--wb-color-blue-light);
        border-radius: 5px;
    }

    .resources-images {
        flex: 1;
        position: relative;
    }

    .resource-image {
        display: none;
        opacity: 0;
        transition: opacity 0.3s;
        border-radius: 10px;
        box-shadow: 20px -20px 0px 3px var(--wb-color-blue-dark);
        margin: 0 auto;
    }

    .resource-image.active {
        display: block;
        opacity: 1;
    }

    &.style2 {
        .resources-images {
            order: 1;
        }
        .resources-list {
            order: 2;
        }
        .resource-item {
            padding: 30px;
            border: 1px solid #cecece;
            border-radius: 15px;
        }
    }

}

@media screen and (max-width: 575px) {
    .nos-ressources-widget {
        .resource-image {
            box-shadow: 10px -10px 0px 3px var(--wb-color-blue-dark);
        }
    }
}