#services-inline {
    padding-block: 64px;

    .list {
        display: grid;
        gap: 60px;

        .item {
            overflow: hidden;
            display: grid;
            grid-template-columns: 1fr 1fr;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 64px;
            background: #000;
            transition: all 1s;

            @media only screen and (min-width: 980px) {
                position: sticky;
                top: 80px;
                gap: 60px;                
            }

            .col:first-child {
                display: grid;
                align-content: end;
                gap: 25px;
                padding: 300px 64px 64px 64px;
                box-sizing: border-box;

                @media only screen and (max-width: 980px) {
                    padding: 64px 44px;            
                }

            }

            video {
                filter: hue-rotate(280deg);
            }

            @media only screen and (max-width: 980px) {
                grid-template-columns: 1fr;
            }


        }   
    }

}