#studies {
    .filters {
        display: flex;
        gap: 20px;
        justify-content: center;
        margin-bottom: 120px;
    }

    .row {
        display: grid;
        grid-template-columns: 1fr 1fr;     
        gap: 100px;

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

    .list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 120px 100px;
        align-content: baseline;    

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

        .item {
            display: grid;
            gap: 20px;
            align-content: baseline;    

            img {
                display: block;
                border-radius: 24px;
                aspect-ratio: 1;
                object-fit: cover;
                margin-bottom: 12px;
                width: 100%;
            }

            .title {
                font-size: 56px;
                line-height: 1.1;
                font-weight: normal;
            }

            .description {

            }

            &:hover .heading {
                text-decoration: underline;
            }
        }

        .call {
            background: #1A1A1A;
            border-radius: 24px;
            display: grid;
            align-items: center;
            padding: 200px 64px 160px 64px;
            height: fit-content;


            .inner {
                display: grid;
                gap: 32px;
            }

            @media only screen and (min-width: 980px) {
                .buttons {
                    margin-top: 32px;
                }
            } 

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

        }

        @media only screen and (min-width: 980px) {
            &:last-child .item:first-child {
                margin-top: 380px;
            }
        } 
    }
}