.sv-filters {
    display: flex;
	align-items: baseline;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 25px 0;
}

.sv-clear span{
	padding: .6rem .8rem;
	border-radius: 50%;
	background: var(--color-1, #4D61F4);
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.sv-clear span:hover{
	opacity: .5;
}
.myslider{
	position: relative;
	width: 100%;
	height: auto;
}
.swiper {
    width: 100%;
    padding-bottom: 60px;
}
.swiper-slide {
	display: flex;
	flex-direction: column;
	gap: 25px; /* Расстояние между строками */
}

.srow {
	display: flex;
	gap: 25px; /* Расстояние между колонками */
}

.scard {
	flex: 1;
	display: flex;
	align-items: stretch;
	justify-content: center;
	min-height: 350px;
	max-width: 320px;
	
}

.swiper-button-next, .swiper-button-prev{
	top: auto;
	bottom: 0;
}

.swiper-button-prev{
	left: 45%;
}

.swiper-button-next{
	right: 45%;
}

.card-slide{
	position: relative;
	border: 2px solid var(--color-1, #4D61F4);
	width: 100%;
}

.header-card{
	padding: 10px;
	background: var(--color-1, #4D61F4);
	color: #fff;
	min-height: 145px;
    display: flex;
    align-content: space-around;
    flex-direction: column;
    justify-content: space-between;
}

.header-card-title{
	margin-bottom: 30px;
	font-weight: bold;
}

 .header-card-date{
	text-align: right;
}

.body-card{
	padding: 5px 15px;
    background: #fff;
    line-height: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.btm-more{
	position: absolute;
	right: 10px;
    bottom: 10px;
}

.btm-more .btm-more-link{
	text-decoration: none;
}

.btm-more-link .fa-chevron-right, .my-arrow{
	font-size: 2rem;
	color: var(--color-1, #4D61F4);
}

.btm-more .btm-more-link:hover{
	    opacity: .5;
}

@media (max-width: 767px) {
	.swiper-button-prev{
		left: 25%;
	}

	.swiper-button-next{
		right: 25%;
	}
}

/* Обертка для стилизации */
.sv-filter {
    position: relative; /* Контекст для стрелки */
    width: 100%; /* Ширина */
    max-width: 170px; /* Ограничение ширины */
}

/* Основной стиль для селектора */
.form-select {
    appearance: none; /* Убираем стандартный вид */
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-3, #f2f2f2); /* Фон */
	color: var(--color-1, #4D61F4);
    padding: 10px 20px 10px 10px; /* Отступы */
    width: 100%; /* Растяжение */
    cursor: pointer;
}

.sv-filter::after {
    content: "\f078"; /* Код стрелки вниз в Font Awesome */
    font-family: "Font Awesome 5 Free"; /* Указываем шрифт */
    font-weight: 900; /* Для иконок Font Awesome */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: var(--arrow-color, #4D61F4); /* Цвет стрелки */
    pointer-events: none;
}

/* Убираем стандартную стрелку */
.form-select {
    appearance: none;
}