.left{
    & .inner-grid{
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        @media screen and (max-width: 768px){
            grid-template-columns: 1fr;
            gap: 50px;
            & .media-slider{
                min-width: 100% !important;
                grid-column: 1;
                grid-row: 1;
            }
            & .content-box{
                grid-column: 1;
                grid-row: 2;
            }
        }
    }
    & .media-slider{
        grid-column: 1 / 2;
        grid-row: 1;
        
    position: relative;
    }
    & .content-box{
        grid-column: 2 / 3;
        grid-row: 1;
    }
}
.right{
    & .inner-grid{
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        @media screen and (max-width: 768px){
            grid-template-columns: 1fr;
            gap: 50px;
            & .media-slider{
                min-width: 100% !important;
                grid-column: 1;
                grid-row: 1;
                
    position: relative;
            }
            & .content-box{
                grid-column: 1;
                grid-row: 2;
            }            
        }
    }
    & .media-slider{
        grid-column: 2 / 3;
        grid-row: 1;
    }
    & .content-box{
        grid-column: 1 / 2;
        grid-row: 1;
    }
}

.block--slider-with-content-box{
    overflow-x: hidden;
    border-top: 1px solid #F4F3EC;
    position: relative;
    padding: 120px 0px;    
    & figure{
        & img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }
    & .bottom-left{
        position: absolute;
        bottom: -115px;
        left: -115px;
        z-index: 10;

    @media screen and (max-width: 768px){
        position: absolute;
        bottom: -115px;
        left: -58px;
        width: 115px;
        z-index: 10;
    }
        
    }     
    & .swiper{
        position: relative;     
        filter: drop-shadow(0px 0px 30px rgba(154, 153, 255, 0.10));   
    }
     
    & .swiper-slide{
        position: relative;
        --corner: 6rem;
        clip-path: polygon(0 0, 100% 0, 100% 100%, var(--corner) 100%, 0% calc(100% - var(--corner)));

    }
    
    & .inner-grid{
        gap: 100px;
        align-items: center;
        position: relative;
        & h2{
            & highlight{                
                -webkit-text-stroke-width: 1px;
                -webkit-text-stroke-color: var(--wp--preset--color--neon-green) !important;                
                font-size: clamp(2rem, 1.2rem + 2vw, 3rem);
                font-style: normal;
                font-weight: 900;
                line-height: 154%; /* 154.167% */
                letter-spacing: 0.48px;
                text-transform: capitalize;
                color: transparent;
            }
        }
        & .media-slider{
            min-width: 0;
            & .swiper-wrapper{
                position: relative;
                
            }

        }
        & .swiper-pagination {
            width: auto;
            width: fit-content;
            position: relative;
            bottom: 0;
            & .swiper-pagination-bullet {
                border: 1px solid #FBF9F2;
                border-radius: 0;
                opacity: 1;
                background-color: transparent;
            }
            & .swiper-pagination-bullet-active {
                border: 1px solid #FBF9F2;
                border-radius: 0;
                opacity: 1;
                background-color: #B2CFFF;
            }
        }
        & .next {
            width: 64px;
            height: 64px;
            background: #7FF7A8;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        & .slider-navigation {
            position: absolute;
            bottom: 32px;
            right: 0;
            width: 100%;
            display: flex;
            justify-content: flex-end;
            z-index: 10;
            align-items: center;
            gap: 24px;
            padding-right: 32px;
        }
    }
}