/* Start:/local/templates/.default/components/bitrix/news/news/bitrix/news.list/.default/style.css?17600829412945*/
.img-main{
	max-width: 843px;
height: 500px;
padding-right: 32px;
margin-bottom: 70px;
}

.news-card.main{
display: flex;
padding: 24px 0;
flex-direction: column;
align-items: flex-start;
gap: 24px;

}

.news-name{
	color: var(--Text-color, #16396C);

font-family: Manrope;
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 48px; /* 137.143% */
text-transform: uppercase;
}

.news-name:hover{
text-decoration: none;
	color: var(--Red, #BF0036);
    transition: 0.4s;
}

.date{
	color: var(--Text-color-light, #537DA6);

/* Regular_20 */
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
}

.text-anons{
	color: var(--Text-color, #16396C);

/* Regular_24 */
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 34px; /* 141.667% */
}

.btn-read{
	display: flex;
padding: 12px 40px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 48px;
border: 1px solid var(--Red, #BF0036);
color: var(--Text-color, #16396C);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.btn-read:hover{
text-decoration: none;
color: var(--Text-color, #16396C);
}

.text-title{
color: var(--Text-color, #16396C);

/* H5 */
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
text-transform: uppercase;
margin-top: 20px;
}
.text-title:hover{
color: var(--Red, #BF0036);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
text-transform: uppercase;
text-decoration: none;
transition: 0.4s;
}

.news-card img{
	padding-bottom: 32px;
	max-height: 500px;
}

.img-responsive {
  display: block;
  max-width: 843px; /* не больше оригинала */
  width: 100%;      /* но подстраивается под контейнер */
  height: auto;     /* пропорционально */
}

/* При узких экранах можно задать свой предел */
@media (max-width: 576px) {
  .img-responsive {
    max-width: 100%; /* полностью влезает в узкий экран */
  }
}

@media (max-width: 1652px) {
.news-card.main {
    padding: 0 0;
    gap: 14px;
}
.news-name {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
}
.text-anons {
    font-size: 20px;
    line-height: 24px;
}
}

@media (max-width: 1386px) {
.news-card.main {
    padding: 0 0;
    gap: 14px;
}
.news-name {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
}
.text-anons {
    font-size: 17px;
    line-height: 20px;
}
.img-main {
    padding-right:0px;
}
}

@media (max-width: 1386px) {
.news-card.main {
    padding: 0 0;
    gap: 14px;
}
.news-name {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
}
.text-anons {
    font-size: 14px;
    line-height: 25px;
}
.img-main {
    padding-right:0px;
}
}

/* End */
/* /local/templates/.default/components/bitrix/news/news/bitrix/news.list/.default/style.css?17600829412945 */