

/* Start:/local/templates/mfc/components/bitrix/system.pagenavigation/.default/style.css?17181929441501*/
.modern-page-navigation {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--grey7D);
    font-weight: 700;
    font-size: 16px;
    font-family: var(--font-family);
}

.modern-page-navigation a, .modern-page-current {
    transition: .4s;
    color: var(--grey7D);
    text-decoration: none;
    display: flex;
    height: 32px;
    width: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.modern-page-navigation a:hover {
    color: white !important;
    background: #F06736;
}

.modern-page-current {
    background: #F06736;
    color: white;
}

.modern-page-previous svg, .modern-page-next svg {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 15px;
    fill: #f06736;
    transition: .4s;
}

.modern-page-next svg {
    left: calc(50% + 1px);
}

.modern-page-previous svg {
    left: calc(50% - 1px);
}

.modern-page-previous, .modern-page-next {
    position: relative;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.modern-page-previous, .modern-page-next {
    transition: .4s;

    &:hover {
         background: #F06736;

        svg {
            fill: white;
        }
     }
}

.modern-page-previous_mod:not(.modern-page-previous_mod_off) {
    display: none !important;
}

.modern-page-previous_mod_off svg {
    fill: #f06736;
}

@media (max-width: 575px) {
    .modern-page-navigation {
        width: 100%;
        justify-content: center;
    }
}
/* End */


/* Start:/local/templates/mfc/components/bitrix/news.list/cards/style.css?17200014731283*/
.cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: clamp(16px, 3vw, 30px);

	& .cards_item {
		display: flex;
		flex-direction: column;
		padding: clamp(20px, 3vw, 30px);
		min-height: 288px;
		border-radius: clamp(10px, 3vw, 16px);
		position: relative;
		z-index: 1;
		overflow: hidden;
		transition: var(--tr25);

		&:after {
			content: '';
			width: 100%;
			height: 100%;
			background: #000;
			opacity: .5;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 1;
			transition: var(--tr25);
		}
	}

	& .cards_title {
		font-size: clamp(18px, 3vw, 24px);
		font-weight: 700;
		color: #e0e0e0;
		margin-bottom: clamp(16px, 3vw, 30px);
		z-index: 3;
		text-transform: uppercase;
	}

	& .cards_content {
		color: #e0e0e0;
		transition: var(--tr25);
		z-index: 3;
	}

	& .cards_content p {
		color: #e0e0e0;
		transition: var(--tr25);
		margin: 0 0 0.3em !important;
	}

	@media (hover: hover) {
		& .cards_item:hover {
			transform: scale(1.02);

			&:after {
				opacity: .7;
			}
		}

		& .cards_item:hover .cards_content,
		& .cards_item:hover .cards_content p {
			color: #fff;
		}
	}
}

@media (max-width: 991px) {
  .cards {
	  grid-template-columns: 1fr;

	  & .cards_item {
		  min-height: unset;
	  }
  }
}
/* End */
/* /local/templates/mfc/components/bitrix/system.pagenavigation/.default/style.css?17181929441501 */
/* /local/templates/mfc/components/bitrix/news.list/cards/style.css?17200014731283 */
