@import url(../../index.css);

.programs {
    margin: 150px auto 201px;
    max-width: 1064px;
    padding: 0 30px;
}

.programs .popular__grid {
    margin: 87px auto 0;
}

.programs__background {
    background: linear-gradient(231.81deg, #150B2B 0%, #311861 101.64%);
    width: 100%;
    height: 270px;
}

.programs__icon {
    background-image: url(../../../images/programs/background.png);
    width: 100%;
    height: 270px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.programs__icon.programs__icon_unite img {
    width: 154px;
}
.programs__icon.programs__icon_isq img {
    width: 98.5px;
}

.programs__card .news__name {
    margin-top: 25px;
    height: 75px;
}

@media screen and (max-width:850px) {
    .programs {
        margin: 135px auto 103px;
    }
}

@media screen and (max-width:450px) {
    .programs {
        margin: 130px auto 60px;
    }
}

.programs__card .news__time {
    color: #A1A1A1;
}

.programs__card:hover .news__time {
    color: #fff;
}