.news, .news__wrapper {
        display: flex;
    }


    .news {
        flex-direction: column;
        margin: 90px auto auto;
    }


@media (min-width: 1025px) and (max-width: 1500px) {
  
        .news {
            margin-top: unset !important;
            padding: 50px 15px 0;
            width: auto;
        }
   
}


@media (min-width: 1401px) and (max-width: 1920px) {
    main {
        .news {
        }
    }
}
@media (min-width: 1024px) and (max-width: 1440px) {
   
        .news {
            margin-top: 0 !important;
            padding: 50px 15px 0;
        }
   
}
@media (min-width: 1200px)  {
   
            .news-list {
				 display: flex;
                -moz-column-gap: 30px;
                column-gap: 30px;
                justify-content: center;
                margin-top: 30px;
                row-gap: 40px;
            }
  
}
@media (min-width: 1024px) and (max-width: 1440px) {
   
            .news-list {
				 display: flex;
                -moz-column-gap: 30px;
                column-gap: 30px;
                justify-content: center;
                margin-top: 30px;
                row-gap: 40px;
            }
  
}


    .news, .news__wrapper {
        display: flex;
    }


@media (min-width: 1025px) and (max-width: 1500px) {
    
        .news__wrapper {
            display: block;
        }
    
}
@media (min-width: 1401px) and (max-width: 1920px) {
  
        .news__wrapper {
            display: flex;
        }
   
}


        .news__card, .news__wrapper {
            position: relative;
            width: 425px;
        }


@media (min-width: 1024px) and (max-width: 1440px) {
 
                .news__wrapper {
                    width: calc(33.33333% - 20px);
                }
  
}


        .news__card, .news__wrapper {
            position: relative;
            width: 425px;
        }


        .news__card {
            cursor: pointer;
            display: flex;
            flex-direction: column;
            text-decoration: unset;
            transition: transform .3s linear;
        }
 

            .news__img {
                margin-bottom: 30px;
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
            }



            .news__date {
                color: #342635;
                font-family: Inter, sans-serif;
                font-size: 16px;
                font-weight: 400;
                letter-spacing: -.02em;
                line-height: 20.8px;
                margin-bottom: 6px;
                opacity: .6;
            }
  

            .news__text {
                color: #342635;
                font-family: Inter, sans-serif;
                font-size: 24px;
                font-weight: 500;
                letter-spacing: -.01em;
                line-height: 28.8px;
                transition: color .3s linear;
            }


