.single-capsule {
    background: var(--gradient-bleu);
    background-repeat: no-repeat;
    background-size: 100% 605px;
    gap: 0;

    .grid-quick-access {
        display: grid !important;
        column-count: 2 !important;
        column-gap: 30px !important;
        row-gap: 60px !important;
        max-width: calc((445px * 2) + (30px * 2)) !important;
        margin: 0 auto 100px auto !important;
        padding: 0 !important;

        .quick-access {
            position: relative;
            padding: 0;
            margin: 0 auto;

            h3 {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 2;
                text-align: center;
            }

            figure {
                position: relative;

                &::after {
                    content: "";
                    position: absolute;
                    inset: 0;
                    background: rgba(189, 188, 225, 0.6);
                    z-index: 1;
                }
            }

            img {
                max-width: 350px;
                display: block;
                filter: brightness(1);
                position: relative;
                z-index: 0;
            }

            &:hover figure::after {
                background: #EDE1CACC;
            }
        }
    }




    .grid-materiel {
        display: grid !important;
        column-count: 2 !important;
        column-gap: 30px !important;
        row-gap: 60px !important;
        max-width: calc((445px * 3) + (31px * 2)) !important;
        margin: 0 auto 100px auto !important;
        padding: 0 !important;

        .materiel {
            max-width: 445px;
            gap: 40px;

            img {
                max-width: 160px;
            }
        }
    }


}