/* Start:/local/templates/ai_markt/css/index_page/index.css?17655461026320*/
canvas {
	pointer-events: none;
}
.main-container{
	box-sizing: content-box;
	padding: 140px 0 80px 0 ;
	width: 100%; 
	height: fit-content; 
	position: relative; 
	background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.99) 30%, rgba(0,0,0,0) 60%);
	z-index: 1;

	overflow: hidden;
}
#bg-video {
	position: absolute;
	top: 0;
	left: 20%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
	pointer-events: none;
}
.main-text-container{
	width: 100%;
	padding: 0 10px;
}
.limited{
	max-width: 1280px;
	margin: 0 auto;
}
.main-container__title{
	background: transparent !important;		
	font-family: var(----text-font-family-play);
	font-size: 90px;
	font-weight: 700;
	line-height: 93.6px;
	letter-spacing: -0.03em;
	text-align: left;
	text-transform: uppercase;
	background-clip: text !important;
	color: transparent;

	max-width: 737px;
}
.main-container__subtitle{
	background: linear-gradient(139deg, #FFFFFF 0%, #CB9EFD 70.88%);
	box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B;
	box-shadow: -7.61px -8.75px 11.59px 0px #9960D7B8 inset;
	padding: 23px 85px;
	height: 92px;
	font-family: var(----text-font-family-play);
	font-size: 40px;
	font-weight: 700;
	line-height: 46.28px;
	text-align: center;
	color: #092968;
	border-radius: 181px;
	display: block;
	width: max-content;
	margin: 30px 0 40px 0;

}
.main-container__text{
	font-family: "Open-sans", sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	text-align: left;
	margin: 40px 0 32px 0;
	color: #FFFFFF;

	max-width: 737px;
}

.main-wrapper {
	background: url("/local/templates/ai_markt/images/main-back.png");
	background-size: cover;
	    position: relative;
}

.main-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px; 
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    z-index: 1;
}

.main-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 130px;
    background: linear-gradient(to top, rgba(0, 11, 17, 1), rgba(0, 11, 17, 0));
    z-index: 1;
}

.default-button {
    display: block;
    width: max-content;
    position: relative;
    padding: 16px 40px;
    background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
    box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B,
                5px 5px 7px 0px #8AFFF1 inset,
                -7.61px -8.75px 11.59px 0px #792ACE inset;
    border-radius: 30px;
    font-family: var(----text-font-family-play);
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    text-decoration: none;
    color: #fff;
    margin: 16px;
    z-index: 1;
    transition: opacity 0.3s ease;
	cursor: pointer;
	border: none;
}

/* Внешняя подсветка */
.default-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100%);
    height: calc(100%);
    background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
    box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B,
                5px 5px 7px 0px #8AFFF1 inset,
                -7.61px -8.75px 11.59px 0px #792ACE inset;
    border-radius: 30px;
    z-index: -1;
    transition: opacity 0.3s ease;
}

/* Эффект при наведении */
.default-button::after {
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    box-shadow: 0px 0px 6px 3px #FFFFFF7A inset;
    border-radius: 40px;
    z-index: -2;
    transition: all 0.3s ease;
}
.default-button:hover::before {
	background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
	box-shadow: 2px 2px 6px 0px #4C0090,
				5px 5px 7px 0px #EFD4FF inset,
				-7.61px -8.75px 11.59px 0px #612ACE inset;
	transition: all 0.3s ease;
}

.default-button:hover::after {
    background: #D744BF8F;
    border: 1px solid #D744BF;
    box-shadow: 0px 0px 7.9px 0px #D744BF8F;
    backdrop-filter: blur(12px);
    opacity: 1;
    transition: opacity 0.3s ease;
	z-index: -2;
}

.catalog-sections-title{
	font-family: var(--text-font-family-play);
	font-weight: 400;
	font-size: 40px;
	line-height: 46.28px;
	color: #FFD8F9;
	text-align: center;
	margin: 0 0 48px 0;
}

.catalog-sections-subtitle{
	font-family: var(--text-font-family-play);
	font-weight: 400;
	font-size: 32px;
	line-height: 37.02px;
	color: #FFD8F9;
	text-align: center;
	margin: 0 0 32px 0;
}
.catalog-container__button{
    margin: 16px auto;
	position: relative;
	z-index: 10;

	margin-top: 40px;
}
.catalog-container{
	position: relative;
	padding-bottom: 48px;
}

#particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.main-container-title {
    position: relative;
    z-index: 2;
	/* opacity: 0; */
}

@media (max-width: 767px) {
	.limited{
		padding: 0 10px 0 10px !important;
	}
	.main-container__subtitle{
		box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B,
					-7.61px -8.75px 11.59px 0px #9960D7B8 inset;
		background: linear-gradient(139deg, #FFFFFF 0%, #CB9EFD 70.88%);
		font-weight: 700;
		font-size: 20px;
		margin: 6px 0 16px 0;
		line-height: 100%;
		padding: 9px 20px;
		height: fit-content;
	}
	.main-text-container{
		width: 100%;
		padding-right: 0;
	}
	.main-container__title{
		font-weight: 700;
		font-size: 36px;
		line-height: 200%;
	}
	.main-container{
		padding: 40px 0 40px 0;
		background: linear-gradient(110deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.99) 30%, rgba(0, 0, 0, 0) 60%);
	}
	.main-container__text{
		font-weight: 400;
		font-size: 18px;
		line-height: 130%;
		margin: 16px 0 24px 0;
		max-width: 250px;
	}
	.catalog-sections-title{
		font-weight: 700;
		font-size: 24px;
		line-height: 130%;
		margin: 0 0 24px 0;
	}
	.catalog-sections-subtitle{
		margin: 0 0 16px 0 !important;
		font-weight: 400;
		font-size: 20px;
		line-height: 130%;
	}
	.catalog-container__button{
		margin: 0px 20px;
	}
	.default-button{
		font-weight: 700;
		font-size: 16px;
		line-height: 120%;
		padding: 8px 24px;
	}
	.default-button::after {
		width: calc(100% + 12px);
		height: calc(100% + 12px);
	}

	.catalog-container{
		padding-bottom: 32px;
	}

	
}

@media (max-width: 454px) {
	.main-container__title{
		line-height: 130%;
	}
}
/* End */


/* Start:/local/templates/ai_markt/css/index_page/aurora.css?17498182701021*/
#gradient-canvas {
    position: absolute;
    top: -90px !important;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

#WormholeContainer{
	width: 100%; 
	height: 1260px; 
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: -3;
}
.shadow-bottom{
	position: absolute;
    bottom: -79px;
    left: 0;
    width: 100vw;
    height: 197px;
    background: linear-gradient(to bottom,
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 0.6) 38%,
    rgba(0, 0, 0, 1) 50%, 
    rgba(0, 0, 0, 1) 55%, 
    rgba(0, 0, 0, 0.6) 85%, 
    rgba(0, 0, 0, 0) 100%);
    z-index: -1;
}
.shadow-bottom--second{
	position: absolute;
    bottom: -173px;
    left: 0;
    width: 100vw;
    height: 450px;
    background: linear-gradient(179.1deg, rgba(0, 11, 17, 0) 20.11%, #000B11 53.37%, #000B11 60.63%, #000B11 65.12%, rgba(0, 11, 17, 0) 95.98%);

    z-index: -1;
}

@media (max-width: 767px) {
    #WormholeContainer{
        height: 500px; 
    }
    .shadow-bottom {
        bottom: 320px;
        height: 100px;
    }
}
/* End */


/* Start:/local/templates/ai_markt/css/main-btn.css?17645739865021*/
*,
*:after,
*:before {
	box-sizing: border-box;
}
:root {
	--transition: 0.25s;
	--spark: 1.8s;
}
.main-container__button {
	--cut: 0.1em;
	--active: 0;
	--bg:
    radial-gradient(
        100% 50% at center 100%,
        rgba(47, 31, 108, var(--active)), 
        transparent
    ),
    radial-gradient(
        80% 100% at center 120%,
        hsl(260 calc(var(--active) * 97%) 70% / var(--active)),
        transparent
    ),
    linear-gradient(
        360deg,
        #2F1F6C 20.72%,
        hsl(260 calc(var(--active) * 97%) calc((var(--active) * 64%) + 12%)) 90%
    );
	background: var(--bg);
	font-family: var(--text-font-family-play-bold);
	font-weight: 700;
	font-size: 24px;
	line-height: 28.8px;
	border: 0;
	cursor: pointer;
	padding: 0.9em 1.3em;
	display: flex;
	align-items: center;
	gap: 0.25em;
	white-space: nowrap;
	border-radius: 100px;
	position: relative;
	box-shadow:
		0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) hsl(260 97% 61% / 0.75),
		0 0.05em 0 0 hsl(260 calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,
		0 -0.05em 0 0 hsl(260 calc(var(--active) * 97%) calc(var(--active) * 60%)) inset;
	transition: box-shadow var(--transition), scale var(--transition), background var(--transition);
	scale: calc(1 + (var(--active) * 0.1));
	width: max-content;
	text-decoration: none;
}

.main-container__button:active {
  scale: 1;
}

svg {
	overflow: visible !important;
}

.sparkle path {
	color: hsl(0 0% calc((var(--active, 0) * 90%) + var(--base)));
	transform-box: fill-box;
	transform-origin: center;
	fill: currentColor;
	stroke: currentColor;
	animation-delay: calc((var(--transition) * 1.5) + (var(--delay) * 1s));
	animation-duration: 0.6s;
	transition: color var(--transition);
}

.main-container__button:is(:hover, :focus-visible) path {
	animation-name: bounce;
}

@keyframes bounce {
	35%, 65% {
		scale: var(--scale);
	}
}
.sparkle path:nth-of-type(1) {
	--scale: 0.5;
	--delay: 0.1;
	--base: 40%;
}

.sparkle path:nth-of-type(2) {
	--scale: 1.5;
	--delay: 0.2;
	--base: 20%;
}

.sparkle path:nth-of-type(3) {
	--scale: 2.5;
	--delay: 0.35;
	--base: 30%;
}

.main-container__button:before {
	content: "";
	position: absolute;
	inset: -0.25em;
	z-index: -1;
	border: 0.25em solid hsl(260 97% 50% / 0.5);
	border-radius: 100px;
	opacity: var(--active, 0);
	transition: opacity var(--transition);
}

.spark {
	position: absolute;
	inset: 0;
	border-radius: 100px;
	rotate: 0deg;
	overflow: hidden;
	mask: linear-gradient(white, transparent 50%);
	animation: flip calc(var(--spark) * 2) infinite steps(2, end);
}

@keyframes flip {
	to {
		rotate: 360deg;
	}
}

.spark:before {
	content: "";
	position: absolute;
	width: 200%;
	aspect-ratio: 1;
	top: 0%;
	left: 50%;
	z-index: -1;
	translate: -50% -15%;
	rotate: 0;
	transform: rotate(-90deg);
	opacity: calc((var(--active)) + 0.4);
	background: conic-gradient(
		from 0deg,
		transparent 0 340deg,
		white 360deg
	);
	transition: opacity var(--transition);
	animation: rotate var(--spark) linear infinite both;
}

.spark:after {
	content: "";
	position: absolute;
	inset: var(--cut);
	border-radius: 100px;
}

.backdrop {
	position: absolute;
	inset: var(--cut);
	background: var(--bg);
	border-radius: 100px;
	transition: background var(--transition);
}

@keyframes rotate {
	to {
		transform: rotate(90deg);
	}
}



@supports(selector(:has(:is(+ *)))) {
	body:has(.main-container__button:is(:hover, :focus-visible)) {
		--active: 0.4;
		--play-state: running;
	}
}

.main-container__button:is(:hover, :focus-visible) ~ :is(.particle-pen) {
	--active: 0.4;
	--play-state: runnin;
}

.main-container__button:is(:hover, :focus-visible) {
	--active: 0.4;
	--play-state: running;
}


.sparkle-.main-container__button {
	position: relative;
}

.particle-pen {
	position: absolute;
	width: 200%;
	aspect-ratio: 1;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	-webkit-mask: radial-gradient(white, transparent 65%);
	z-index: -1;
	opacity: var(--active, 0);
	transition: opacity var(--transition);
}

.particle {
	fill: white;
	width: calc(var(--size, 0.25) * 1rem);
	aspect-ratio: 1;
	position: absolute;
	top: calc(var(--y) * 1%);
	left: calc(var(--x) * 1%);
	opacity: var(--alpha, 1);
	animation: float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;
	transform-origin: var(--origin-x, 1000%) var(--origin-y, 1000%);
	z-index: -1;
	animation-play-state: var(--play-state, paused);
}

.particle path {
	fill: hsl(0 0% 90%);
	stroke: none;
}

.particle:nth-of-type(even) {
	animation-direction: reverse;
}

@keyframes float-out {
	to {
		rotate: 360deg;
	}
}

.text {
	translate: 2% -6%;
	letter-spacing: 0.01ch;
	background: linear-gradient(90deg, hsl(0 0% calc((var(--active) * 100%) + 65%)), hsl(0 0% calc((var(--active) * 100%) + 26%)));
	-webkit-background-clip: text;
	color: transparent;
	transition: background var(--transition);
}

.main-container__button svg {
	inline-size: 1.25em;
	translate: -25% -5%;
}

@media (max-width: 767px) {
	.particle-pen {
		width: 100%;
	}
}
/* End */


/* Start:/local/templates/ai_markt/components/bitrix/news.list/main_news_swiper/style.css?17655412179471*/
.main-swiper__slide{
	text-decoration: none;
}
.main-swiper__container {
    width: 100%;
    padding: 162px 0 92px 0;
	position: relative;
}

.main-swiper__slide {
	max-width: 1062px !important;
    /* width: 50% !important; */
    transition: opacity 0.3s;
}
.swiper-slide.main-swiper__slide{
    transform: translateY(48px) !important;
}
.main-swiper__slide.swiper-slide-active{
    transform: translateY(0) !important;
}
.main-swiper__slide.swiper-slide .main-swiper__card{
	background: linear-gradient(139deg, rgba(113, 146, 148, 0.56) 0%, rgba(3, 128, 182, 0.56) 43.95%, rgba(65, 40, 158, 0.56) 69.82%);
	box-shadow: 24.8px 28.53px 75.6px 0px #040B288F,
				7.61px 8.75px 11.59px 0px #6BE6FF8F inset,
				-7.61px -8.75px 11.59px 0px #1F163F8F inset,
				0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 180px;
    display: flex;
    overflow: hidden;
    height: 317px;
	transition: all 0.3s ease-in; 
    justify-content: flex-start;
    align-items: center;
    padding: 56px;
    gap: 50px;
    opacity: 0.7;
}

.main-swiper__slide.swiper-slide-active {
    transition: all 0.4s ease;
}

.main-swiper__slide.swiper-slide-active .main-swiper__card {
	background: linear-gradient(139deg, rgba(19, 192, 205, 0.99) 0%, rgba(3, 128, 182, 0.99) 43.95%, rgba(65, 40, 158, 0.99) 69.82%);
	 box-shadow:
        24.8px 28.53px 75.6px 0px #040B28E0,
        7.61px 8.75px 11.59px 0px #6BE6FF inset,
        -7.61px -8.75px 11.59px 0px #1F163F inset,
        0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 32px;
    display: flex;
    overflow: hidden;
    height: 317px;
    justify-content: flex-start;
    align-items: center;
    padding: 56px;
    gap: 50px;
    opacity: 1;
}

.main-swiper__slide.swiper-slide-active .main-swiper__card {
    transition: box-shadow .4s ease;
}

/* .main-swiper__slide.swiper-slide-active:hover .main-swiper__card {
     box-shadow: 
        0px 0px 9px #8800FF, 
        0px 0px 16.5px #FF00D5, 
        5px 5px 7px #C3FFF8 inset, 
        -7.61px -8.75px 11.59px #34059F inset; 
        
} */

/* .main-swiper__slide.swiper-slide-active:hover .main-swiper__card {
    box-shadow:
        0px 0px 36.1px 0px #BE44D7,               
        0px 0px 11.8px 2px #D744BF,              
        7.61px 8.75px 11.59px 0px #6BE6FF inset, 
        0 0 0 rgba(0,0,0,0);                      
} */

.main-swiper__card {
    position: relative;
    z-index: 1;
}

.main-swiper__card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    pointer-events: none;
    z-index: -1;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: box-shadow 0.4s ease;
}

.main-swiper__slide.swiper-slide-active {
    border-radius: 32px;
}

.main-swiper__slide.swiper-slide-active:hover {
    box-shadow:
        rgba(215, 68, 191, 0.6) 0px 0px 12px,
        rgba(215, 68, 191, 0.6) 0px 0px 22px,
        rgba(215, 68, 191, 0.5) 0px 0px 35px;
}








.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-card-content {
    width: 65%;
    height: 100%;
}

.main-card-title {
    font-family: var(--text-font-family-play);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.3;
    color: #FFFFFF;
    margin: 0 0 16px 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-align: left;
}

.main-card-discount {
    color: #FFFFFF;
    font-family: "Open-sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    margin: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.slider-link-item{
    text-decoration: none;
}

.main-swiper__bnt-next,
.main-swiper__bnt-prev {
	width: 56px !important;
	height: 56px !important;
	border-radius: 72px;
	background: #2200363D;
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}

.main-swiper__bnt-next:hover,
.main-swiper__bnt-prev:hover {
    background: #300063;
    border: 1px solid #D744BF;
    box-shadow: 0px 0px 23.8px 0px #D744BF,
                0px 0px 4px 0px #D744BF;
    transition: all 0.3s ease;
}

.main-swiper__bnt-next:after,
.main-swiper__bnt-prev:after {
	font-size: 28px !important;
	color: #FFFFFF;
}
.main-swiper__bnt-prev:after{
	padding-right: 5px;
    transform: rotate(180deg);
}
.main-swiper__bnt-next:after{
	padding-left: 5px;
}

.main-swiper__bnt-next{
    right: var(--swiper-navigation-sides-offset, 46%) !important;
    top: var(--swiper-navigation-top-offset,  calc(100% - 28px)) !important;
}
.main-swiper__bnt-prev{
    transform: rotate(180deg);
    left: var(--swiper-navigation-sides-offset, 46%) !important;
    top: var(--swiper-navigation-top-offset, calc(100% - 28px)) !important;
}
.banner-hr{
    position: absolute;
    bottom: 20px;
    height: 66px;
    width: 50vw;
    background-image: url(/local/templates/ai_markt/images/index_page/swiper-line.svg);
    background-repeat: no-repeat;
}
.banner-hr-left{
    transform: scaleY(-1);
    left: 50px;
}
.banner-hr-right{
    left: 0;
    bottom: -32px;
    left: 50px;
}
.banner-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0 10px 20px;
}
.aurora-background {
    position: absolute;
    top: -230px;
    left: 0;
    width: 100%;
    height: 1800px;
    background: #000;
    z-index: -1;
}

.aurora-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, transparent);
    filter: blur(100px);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.aurora-background {
    --aurora-gradient: linear-gradient(45deg, #1aff8c, #ff1a8c);
}

.aurora-background::before {
    background: var(--aurora-gradient);
    animation: aurora 15s linear infinite;
}

@keyframes aurora {
    0% {
        transform: translate(0, 0) rotate(0);
    }
    25% {
        transform: translate(10%, 10%) rotate(90deg);
    }
    50% {
        transform: translate(0, 20%) rotate(180deg);
    }
    75% {
        transform: translate(-10%, 10%) rotate(270deg);
    }
    100% {
        transform: translate(0, 0) rotate(360deg);
    }
}

.main-swiper__container .swiper-wrapper {
    height: auto !important;
}

.main-card-image{
    max-width: 237px;
    height: 237px;
    width: 237px;
}

.main-card-image img{
    width: 100%;
    height: 237px;
    object-fit: cover;
    border-radius: 50%;
    width: 237px;
}

 .banner-main-box-btns {
        display: flex;
        gap: 24px;
        justify-content: center;

        margin: 53px 0 0 0;
    }

    .banner-main-box-btns .swiper-button-next_banner-main, .banner-main-box-btns .swiper-button-prev_banner-main {
        position: relative;
        margin: 0;
        left: auto !important;
        right: auto !important;
    }

    .banner-main-box-btns .swiper-button-next_banner-main {
        order: 2;
    }

@media (max-width: 1199px) {
    .main-card-image img {
        width: 200px;
        height: 200px;
    }

    .main-swiper__slide.swiper-slide-active .main-swiper__card {
        gap: 24px;
        padding: 32px;
    }

    .main-card-title {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media (max-width: 767px) {
    .main-swiper__slide {
        max-width: 100% !important;
        width: unset !important;
        transition: opacity 0.3s;
    }
    .main-swiper__container{
        padding: 56px 10px 0 10px;
        overflow: hidden;
    }
    .main-swiper__slide.swiper-slide-active .main-swiper__card{
        height: 332px;
        border-radius: 24px;
        padding: 24px;
        flex-direction: column-reverse;

        justify-content: flex-start;
    }
    .main-card-image {
        width: 110px;
        height: 110px;
    }
    .main-card-image img{
        height: 110px;
        width: 110px;
    }

    .main-card-content {
        width: 100%;
        height: auto;
    }

    .main-swiper__card {
        gap: 24px !important;
    }

    .main-card-title{
        font-weight: 700;
        font-size: 20px;
        margin: 0 0 8px 0;
        line-height: 120%;
    }

    .main-card-discount{
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
    }
    .banner-hr.banner-hr-right,
    .banner-hr.banner-hr-left{
        display: none;
    }
    .main-swiper__bnt-next, .main-swiper__bnt-prev {
        width: 32px !important;
        height: 32px !important;
        border-radius: 72px;
        background: #2200363D;
        border: 1px solid #FFFFFF;
        backdrop-filter: blur(12px);
        transition: all 0.3s ease;
    }
    .main-swiper__bnt-prev {
        transform: rotate(180deg);
        left: var(--swiper-navigation-sides-offset, 40%) !important;
        top: var(--swiper-navigation-top-offset, calc(100% - 25px)) !important;
    }
    .main-swiper__bnt-next {
        right: var(--swiper-navigation-sides-offset, 40%) !important;
        top: var(--swiper-navigation-top-offset, calc(100% - 25px)) !important;
    }
    .main-swiper__bnt-next:after,
    .main-swiper__bnt-prev:after {
        font-size: 16px !important;
    }

    .banner-main-box-btns {
        gap: 16px;
        margin: 24px 0 24px 0;
    }


    .main-swiper__slide.swiper-slide-active .main-swiper__card {
        justify-content: flex-start;
    }

    .banner-container {
        padding: 0 10px 0;
    }

    .main-container {
        padding: 40px 0 24px 0;
    }
}

/* End */


/* Start:/local/templates/ai_markt/components/bitrix/news.list/ai_catalog_list/style.css?176554121714522*/
.first-catalog-container{
	max-width: 1320px !important;
}
.catalog-sections-list {
	max-width: 100%;
	position: relative;
	background: transparent;
}

.catalog-sections-list-container {
	padding: 0 12px;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: auto;
	height: 247px;
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
}

.catalog-sections-list-container::-webkit-scrollbar { width: 0; }

.catalog-sections-list-container {
	-ms-overflow-style: none; /* ie 10+ */
	overflow: -moz-scrollbars-none; /* old ff */
}

.catalog-sections-list-title {
	padding: 0 16px;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	color: #121212;
	margin-bottom: 15px;
}

.catalog-section-list-item {
	display: inline-block;
	padding: 0 6px;
	margin: 0;
}

.catalog-sections-list-container .catalog-section-list-item:first-child {
	padding-left: 0;
}

.catalog-sections-list-container .catalog-section-list-item:last-child {
	padding-right: 0;
}

.catalog-section-list-item-img {
	display: block;
	height: 230px;
	width: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 1px solid rgb(224, 224, 224);
	position: relative;
}

.catalog-section-list-item-title {
	font-family: var(--text-font-family-play);
	font-weight: 500;
	font-size: 24px;
	line-height: 27.77px;
	color: #092968;
	margin: 0 0 8px 0;
	text-decoration: none;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.catalog-section-list-item-counter {
	font-family:"Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 21.79px;
	color: #242424;
	margin: 0;
	text-decoration: none;
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.catalog-sections-list-ears .ui-ear {
	width: 45px;
	opacity: 1;
	background: transparent !important;
}

.catalog-sections-list-ears .ui-ear.ui-ear-left {
	/*background-image: url("data:image/svg+xml,%3Csvg width='12' height='176' viewBox='0 0 12 176' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='-4.5' cy='88' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-20.0927' y='-2.09265' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");*/
	/*background-size: 25px 164px;*/
	/*background-position: left center;*/
}

.catalog-sections-list-ears .ui-ear.ui-ear-left:before {
	content: '';
	display: block;
	width: 25px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: -17px;
	bottom: 56px;
	background-size: 25px 164px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='33' height='182' viewBox='0 0 33 182' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='16.5' cy='91' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='0.907348' y='0.907348' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.bx-touch .catalog-sections-list-ears .ui-ear.ui-ear-left:before {
	content: '';
	display: block;
	width: 25px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: -17px;
	bottom: 56px;
	background-size: 25px 164px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='33' height='182' viewBox='0 0 33 182' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='16.5' cy='91' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='0.907348' y='0.907348' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.catalog-sections-list-ears .ui-ear.ui-ear-left:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='59' height='100' viewBox='0 0 59 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.87' filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 88.9618C7.60907 88.9872 8.2214 89 8.83674 89C32.6751 89 52 69.7482 52 46C52 22.2518 32.6751 3 8.83674 3C8.2214 3 7.60907 3.01283 7 3.03823V88.9618V88.9618Z' fill='white'/%3E%3C/g%3E%3Cpath opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M22.1538 46.5L28.7898 53.4366C29.0701 53.7296 29.0701 54.2046 28.7898 54.4975L27.5627 55.7803C27.2824 56.0732 26.828 56.0732 26.5477 55.7803L18.2102 47.0651C18.0616 46.9098 17.9918 46.7034 18.0008 46.5C17.9918 46.2966 18.0616 46.0902 18.2102 45.9349L26.5477 37.2197C26.828 36.9268 27.2824 36.9268 27.5627 37.2197L28.7898 38.5025C29.0701 38.7954 29.0701 39.2704 28.7898 39.5634L22.1538 46.5V46.5Z' fill='black'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='1.90735e-06' y='0' width='59' height='100' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 59px auto;
	background-position: -7px center;
	display: block;
	width: 45px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 54px;
}

.catalog-sections-list-ears .ui-ear.ui-ear-right {
	/*background-image: url("data:image/svg+xml,%3Csvg width='12' height='176' viewBox='0 0 12 176' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='-4.5' cy='88' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-20.0927' y='-2.09265' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");*/
	/*background-size: 25px 164px;*/
	/*background-position: left center;*/
}

.catalog-sections-list-ears .ui-ear.ui-ear-right:before {
	content: '';
	display: block;
	width: 25px;
	position: absolute;
	z-index: 10;
	top: 0;
	right: -17px;
	bottom: 56px;
	background-size: 25px 164px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='33' height='182' viewBox='0 0 33 182' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='16.5' cy='91' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='0.907348' y='0.907348' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.catalog-sections-list-ears .ui-ear.ui-ear-right:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='59' height='100' viewBox='0 0 59 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.87' filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52 88.9618C51.3909 88.9872 50.7786 89 50.1633 89C26.3249 89 7 69.7482 7 46C7 22.2518 26.3249 3 50.1633 3C50.7786 3 51.3909 3.01283 52 3.03823V88.9618V88.9618Z' fill='white'/%3E%3C/g%3E%3Cpath opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M36.8462 46.5L30.2102 53.4366C29.9299 53.7296 29.9299 54.2046 30.2102 54.4975L31.4373 55.7803C31.7176 56.0732 32.172 56.0732 32.4523 55.7803L40.7898 47.0651C40.9384 46.9098 41.0082 46.7034 40.9992 46.5C41.0082 46.2966 40.9384 46.0902 40.7898 45.9349L32.4523 37.2197C32.172 36.9268 31.7176 36.9268 31.4373 37.2197L30.2102 38.5025C29.9299 38.7954 29.9299 39.2704 30.2102 39.5634L36.8462 46.5V46.5Z' fill='black'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='59' height='100' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 59px auto;
	background-position: -7px center;
	display: block;
	width: 45px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 54px;
}

.bx-touch .catalog-sections-list-ears .ui-ear.ui-ear-left:after,
.bx-touch .catalog-sections-list-ears .ui-ear.ui-ear-right:after { display: none; }





.catalog-sections-swiper {
    width: 100%;
    height: fit-content;
    padding: 0 10px !important;
}
.catalog-section-list-tile-img-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;

	border-radius: 32px;
}

.catalog-section-list-item-link {
    width: 100%;
    height: 464px;
    display: flex;
	flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
	padding: 24px;
	gap: 16px;
	background: linear-gradient(-36deg, #CFEFFF 30%, #D4C1E5 55%);
	box-shadow: 25.78px 27.65px 75.6px 0px #2A2C321E,
				6.02px 6.45px 8.82px 0px #FFFFFF inset,
				-6.02px -6.45px 8.82px 0px #85CADA inset;
	border-radius: 32px;
	text-decoration: none;
    position: relative;
	transition: all 0.3s ease-in;
}
.catalog-section-list-item-link:hover{
	box-shadow: 25.78px 27.65px 75.6px 0px #2A2C321E,
				6.02px 6.45px 8.82px 0px #FFFFFF inset,
				-6.02px -6.45px 12.8px 0px #98E0F0A3 inset,
				0px 0px 12px 2px #D744BF52;
	background: linear-gradient(313deg, #EFFAFF 52.48%, #F1E0FF 68.82%);
	transition: all 0.3s ease-in;
}
.catalog-section-list-item-img {
	width: 100%;
	height: 200px;
	border-radius: 15px;
}
.catalog-swiper-btn{
	width: 119px;
	height: 35px;
	font-family: var(--text-font-family-play-bold);
	font-weight: 700;
	font-size: 16px;
	line-height: 19.2px;
	text-align: center;
	padding: 8px 16px;
	margin: 0;
	position: relative;
    z-index: 1;
    pointer-events: none;
}
.catalog-swiper-btn:hover{
	box-shadow: 0px 0px 9px 0px #8800FF,
 				0px 0px 16.5px 0px #FF00D5,
 				5px 5px 7px 0px #C3FFF8 inset,
 				-7.61px -8.75px 11.59px 0px #34059F inset !important;
}
.catalog-swiper-btn::after,
.catalog-swiper-btn::before{
 	content: none !important;
}
.catalog-section-list-item-inner{
	margin-top: 16px;
	overflow: hidden;
}

.catalog-item-slide {
    transform-style: preserve-3d;
    transition: transform 0.1s ease-out;
    will-change: transform;
    transform: perspective(1000px) rotateX(0) rotateY(0);
}

.catalog-section-swiper-prev {
    left: var(--swiper-navigation-sides-offset, -56px) !important;
}
.catalog-section-swiper-next {
	right: var(--swiper-navigation-sides-offset, -56px) !important;
}
.catalog-section-swiper-prev,
.catalog-section-swiper-next {
	width: 56px !important;
	height: 56px !important;
	border-radius: 72px;
	background: #2200363D;
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}
.catalog-section-swiper-prev:hover,
.catalog-section-swiper-next:hover {
    background: #300063;
    border: 1px solid #D744BF;
    box-shadow: 0px 0px 23.8px 0px #D744BF,
                0px 0px 4px 0px #D744BF;
    transition: all 0.3s ease;
}
.catalog-section-swiper-prev:after,
.catalog-section-swiper-next:after {
	font-size: 28px !important;
	color: #FFFFFF;
}
.catalog-section-swiper-prev:after{
	padding-right: 5px;
}
.catalog-section-swiper-next:after{
	padding-left: 5px;
}
.catalog-swiper-item__info-container{
	width: 100%;
}


@media (max-width: 767px) {

	.catalog-section-swiper-next{
		right: var(--swiper-navigation-sides-offset, 30px) !important;
		top: var(--swiper-navigation-top-offset, 105%) !important;
	}
	.catalog-section-swiper-prev {
		left: var(--swiper-navigation-sides-offset, 265px) !important;
		top: var(--swiper-navigation-top-offset, 105%) !important;
	}
	.catalog-section-swiper-prev, .catalog-section-swiper-next {
		width: 32px !important;
		height: 32px !important;
		border-radius: 72px;
		background: #2200363D;
		border: 1px solid #FFFFFF;
		backdrop-filter: blur(12px);
		transition: all 0.3s ease;
	}
	.catalog-section-swiper-prev:after, .catalog-section-swiper-next:after {
		font-size: 16px !important;
	}
}

@media (max-width: 1400px) {
	.catalog-section-list-item-img {
		object-fit: cover;
	}

	.catalog-sections-swiper {
		width: 100%;
		height: fit-content;
		/* padding: 20px 60px !important; */
	}

	.catalog-sections-list {
		padding: 20px 60px;
	}

	.swiper-button-next_catalog {
		right: 10px !important;
	}

	.swiper-button-prev_catalog {
		left: 10px !important;
	}
}

@media (max-width: 768px) {
	.catalog-sections-list {
        padding: 0px 0 20px;
    }

	.swiper-button-prev_catalog {
		right: 62px !important;
    	left: auto !important;
	}

	
}


/* End */


/* Start:/local/templates/ai_markt/components/bitrix/news.list/ai_func_list/style.css?17655412177463*/
.desktop-news-grid {
    position: relative;
    z-index: 1;
}

.top-grid {
    display: grid;
	grid-template-columns: 1fr 1fr 519px;
	grid-template-rows: repeat(2, 159px);
    gap: 24px;
	margin: 60px 0 20px 0;
    padding: 0 10px;
}

/* Первый элемент - первая колонка */
.top-grid .news-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
}

/* Второй элемент - вторая колонка */
.top-grid .news-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1 / span 2;
}

/* Третий элемент - третья колонка, первая строка */
.top-grid .news-item:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
}

/* Четвертый элемент - третья колонка, вторая строка */
.top-grid .news-item:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
}

.bottom-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 208px;
    gap: 16px;
	margin-bottom: 44px;

    padding: 0 10px;
}

.news-item {
    position: relative;
    padding: 23px;
    border-radius: 32px;
    background: linear-gradient(318.09deg, #4F23B7 7.8%, #2672A3 92.14%);
    transition: transform 0.2s;
    /* Градиентная рамка */
    border: 3px solid transparent;
   
    background-origin: border-box;
    background-clip: padding-box, border-box;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); */

	font-family: var(--text-font-family-play-bold);
	font-weight: 700;
	font-size: 24px;
	line-height: 27.77px;
	color: #FFFFFF;
    text-decoration: none;
}
.news-item:hover{
    background-image: 
        linear-gradient(318.09deg, #4F23B7 7.8%, #2672A3 92.14%), /* фоновый градиент */
        linear-gradient(151.74deg, rgba(255, 255, 255, 0.3) 9.84%, rgba(0, 0, 0, 0) 90.47%); /* градиент рамки */
    transform: translateY(-5px);
}
.news-item.news-item--first{
	padding: 185px 24px 24px;
}
.news-item--first h5{
	font-family: var(--text-font-family-play-bold);
	font-weight: 500;
	font-size: 24px;
	line-height: 1;
	margin:  0 0 8px 0;
}
.news-item--second{
	padding: 30px 24px 30px 183px;
}
.news-item--second h5{
	font-family: var(--text-font-family-play-bold);
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
}
.news-item--third{
	padding: 24px 16px;
}
.news-item--third h5{
	font-family: var(--text-font-family-play-bold);
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	margin: 0 0 8px 0;
}


.news-item--second .preview_picture{
    width: 141px !important;
    top: 50% !important;
    left: 21px !important;
    transform: translateY(-50%);
}
.news-item img.preview_picture {
    width: 200px;
    height: fit-content;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 15px;
	position: absolute;
	top: -32px;
	left: 24px;
}

.news-date-time {
    color: #666;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.news-item .preview-text {
	font-family:"Open Sans", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 19.07px;
	color: #FFFFFF;
}
.catalog-sections-subtitle--function{
	margin-top: 75px;
}
/* Адаптивность */
@media (max-width: 1024px) {
    .bottom-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .catalog-sections-subtitle--function {
		margin-top: 40px !important;
	}
}
.mobile-news-slider {
        display: none;
}
@media (max-width: 992px) {
    .desktop-news-grid {
        display: none;
    }

     .mobile-news-slider {
        display: block;
        position: relative;
        padding: 0 10px;
    }

     .top-grid {
        grid-template-columns: 1fr;
    }
    
    .top-grid .news-item:nth-child(1),
    .top-grid .news-item:nth-child(2),
    .top-grid .news-item:nth-child(3),
    .top-grid .news-item:nth-child(4) {
        grid-column: auto;
        grid-row: auto;
    }
    
    .bottom-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .slide-content{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}
@media (max-width: 768px) {
    /* .desktop-news-grid {
        display: none;
    } */
    /* .mobile-news-slider {
        display: block;
        position: relative;
        padding: 0 10px;
    } */
    /* .top-grid {
        grid-template-columns: 1fr;
    }
    
    .top-grid .news-item:nth-child(1),
    .top-grid .news-item:nth-child(2),
    .top-grid .news-item:nth-child(3),
    .top-grid .news-item:nth-child(4) {
        grid-column: auto;
        grid-row: auto;
    }
    
    .bottom-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .slide-content{
        display: flex;
        flex-direction: column;
        gap: 16px;
    } */

}
@media (max-width: 1199px) {
    .preview_picture:nth-child(1) {
        max-width: 170px;
    }

    .news-item--first .preview-title_f5 {
        font-size: 20px;
    }

    .top-grid {
        gap: 16px;
    }

    .news-item.news-item--first {
        padding: 164px 16px 16px;
    }

    .news-item--second .preview_picture {
        width: 120px !important;
    }

    .news-item--second {
        padding: 30px 24px 30px 163px;
    }
}
@media (max-width: 992px) {
    .news-item.news-item--first,
    .news-item--second{
        padding: 16px 16px 16px 85px;
        margin-left: 50px;
        min-height: 180px;
    }
    .news-item img.preview_picture,
    .news-item--second img.preview_picture{
        width: 133px !important;
        top: 50% !important;
        left: -50px !important;
        transform: translateY(-50%);
    }
    .news-item--first h5,
    .news-item--second h5{
        font-size: 18px;
        line-height: 130%;
    }
    .news-item .preview-text,
    .news-item--second .preview-text{
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
    }
    .slide-content__third{
        gap: 8px;
    }
    .news-item--third{
        padding: 16px;
        min-height: 118px;
    }
    .mobile-news-slider .catalog-func-swiper .swiper-slide{
        height: fit-content !important;
    }
    .mobile-news-slider .swiper-wrapper{
        height: fit-content !important;
        margin-bottom: 22px !important;
    }

    .catalog-func-button-next{
		right: var(--swiper-navigation-sides-offset, 30px) !important;
		top: var(--swiper-navigation-top-offset, 106%) !important;
	}
	.catalog-func-button-prev {
		/* left: var(--swiper-navigation-sides-offset, 265px) !important; */
        left: auto !important;
        right: 80px !important;
		top: var(--swiper-navigation-top-offset, 106%) !important;
	}
	.catalog-func-button-prev, .catalog-func-button-next {
		width: 32px !important;
		height: 32px !important;
		border-radius: 72px;
		background: #2200363D;
		border: 1px solid #FFFFFF;
		backdrop-filter: blur(12px);
		transition: all 0.3s ease;
	}
    .catalog-func-button-next:after, .catalog-func-button-prev:after{
        color: #FFFFFF;
    }
    .catalog-func-button-prev:hover,
    .catalog-func-button-next:hover {
        background: #300063;
        border: 1px solid #D744BF;
        box-shadow: 0px 0px 23.8px 0px #D744BF,
                    0px 0px 4px 0px #D744BF;
        transition: all 0.3s ease;
    }
	.catalog-func-button-prev:after, .catalog-func-button-next:after {
		font-size: 16px !important;
	}

    .catalog-func-button-next{
		right: 10px !important;
	}

    .catalog-func-button-prev {
		right: 62px !important;
    	left: auto !important;
	}
    
}
/* End */
/* /local/templates/ai_markt/css/index_page/index.css?17655461026320 */
/* /local/templates/ai_markt/css/index_page/aurora.css?17498182701021 */
/* /local/templates/ai_markt/css/main-btn.css?17645739865021 */
/* /local/templates/ai_markt/components/bitrix/news.list/main_news_swiper/style.css?17655412179471 */
/* /local/templates/ai_markt/components/bitrix/news.list/ai_catalog_list/style.css?176554121714522 */
/* /local/templates/ai_markt/components/bitrix/news.list/ai_func_list/style.css?17655412177463 */