.blog__row{display:flex; gap:50px 30px; flex-wrap:wrap}
.blog__block{width:calc((100% - 60px)/3); display:flex; flex-direction:column; gap:30px}
.blog__block.blog__block--first .blog__cover{min-width:850px}
.blog__info-top{display:flex; align-items:center; justify-content:space-between; font-weight: 400;font-size: 16px;line-height: 1.2;text-align: right;color: #332E47;}

.blog__cover{}
.blog__cover a{display:block; border-radius:16px; overflow:hidden}
.blog__info{display:flex; flex-direction:column; gap:20px; font-weight: 400;font-size: 16px;line-height: 1.2;color: #000000;}
.blog__title{font-weight: 800;font-size: 24px;line-height: 1.2;color: #262C32;display:block}
.blog__info-top a{display:block; font-weight: 800;font-size: 18px; color: #4775FF; text-transform:uppercase}
.blog__block.blog__block--first .blog__info{padding-top:20px}
.blog__block a:hover{color:#FFD51C}

@media(min-width: 768px) {
	.blog__block.blog__block--first{width:100%; flex-direction:row}
}
@media(min-width: 1400px) {
	.blog__block.blog__block--first .blog__title{font-size: 38px;}
}
@media(max-width: 1399px) {
	.blog__row{gap:40px 25px}
	.blog__block{width:calc((100% - 50px)/3); gap:25px}
	.blog__block.blog__block--first .blog__cover{min-width:610px}
	.blog__info-top{font-size: 15px}
	.blog__info{gap:15px; font-size: 15px}
	.blog__title{font-size: 22px}
	.blog__info-top a{font-size: 16px}
	.blog__block.blog__block--first .blog__info{padding-top:15px}
}
@media(max-width: 991px) {
	.blog__row{gap:30px 20px}
	.blog__block{width:calc((100% - 50px)/3); gap:20px}
	.blog__block.blog__block--first .blog__cover{min-width:450px}
	.blog__info-top{font-size: 14px}
	.blog__info{gap:10px; font-size: 14px}
	.blog__title{font-size: 20px}
	.blog__info-top a{font-size: 14px}
	.blog__block.blog__block--first .blog__info{padding-top:0}
}
@media(max-width: 767px) {
	.blog__row{gap: 20px 15px;}
	.blog__block{width: calc((100% - 15px)/2);gap:15px}
	.blog__cover a{height:165px}
	.blog__cover a picture, .blog__cover a img{width:100%; height:100%; object-fit:cover}
	.blog__block.blog__block--first .blog__cover{min-width:100%; width:100%}
	.blog__info-top{font-size: 13px;}
	.blog__info{gap: 10px;font-size: 13px;}
	.blog__title{font-size: 18px;}
	.blog__info-top a{font-size: 13px;}
}
@media(max-width: 450px) {
	.blog__block{width:100%}
	.blog__cover a {height: 65vw;}
	
}