#awwards {

    .wrap {
        display: grid;
        gap: 50px;        
    }

    .head {
        display: grid;
        gap: 15px;
    }

   .list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 60px;

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

        .item {
            display: grid;
            align-items: end;
            gap: 25px;

            .content {
                display: grid;
                align-items: end;
                gap: 10px;
            }

            .heading {
                line-height: 1.2;
                font-size: 24px;
            }

            .desc {
                line-height: 1.3;
                font-size: 16px;
                color: var(--text);
            }
        }
   }
}