.page-template-home_new {
    .hdp__home_mosaique {
        display: flex;
        flex-direction: column;
        gap: 16px;

        @media (min-width: 768px) {
            height: 560px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
        }

        .hdp__home_mosaique_item {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;

            &:not(.first) {
                &>a {
                    padding: 20px;
                    height: 100%;
                    display: flex;
                    width: 100%;
                    align-items: end;
                    text-decoration: none !important;
                    position: relative;

                    @media (min-width: 768px) {
                        padding: 40px;
                    }

                    * {
                        position: relative;
                        z-index: 2;
                        
                        &:not(.btnorange) {
                            color: #fff;
                        }
                    }

                    &:after {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(180deg,rgba(89, 165, 208, 0.47) 0%, rgba(0, 56, 103, 0.9) 100%);
                    }
                }
            }

            &.first {
                grid-column: 1;
                grid-row: 1;
                height: fit-content;

                &>h2 {
                    margin: 0;
                    font-size: 32px;
                    line-height: 36px;
                }
            }

            &.hdp__home_mosaique_item--main {
                grid-row: 1 / span 2;
                position: relative;
                grid-column: 1;
                margin-top: 90px;
            }
        }
    }
}