.card img{
    filter: 
    grayscale(100%)       /* Убирает цветность */
    contrast(0%)          /* Снижает контраст (делает серым) */
    brightness(80%) ;      /* Затемняет до нужного уровня */
    transition:0.3s ease-out;
}
.card img:hover{
    filter: none;
}
iframe{
	border:none;
}
.anim hr{
	background-color:#9b1c23;
	height:3px;
	border-radius:1.5px;
}
.anim h4{
	height:63px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#54565A
}
.start{
	position:relarive
}
.start:after{
	content:'';
	width:200vw;
	height:100%;
	max-height:440px;
	top:-110px;
	z-index:-1;
	position:absolute;
	background-color:#F8F8F8;
	left:-100vw
}
h2{
	color:#9B1C23;
	font-size:42px
}
h3{
	margin-top:45px;
	font-size:30px;
	color:#9B1C23;
}
p{
font-height:18px
}
.btn{
	margin-right:20px;
	margin-top:20px;
	transition:0.3s ease-out;
	border:solid 2px #9b1c23;
}
.btn:hover{
	color:white;
	background-color: #9b1c23;
	border-color:#9b1c23;
}
.grid4{
	display:grid;
	grid-template-columns: repeat(4, calc(calc(100% - 60px)/4));
	gap:20px;
	margin-top:40px;
}
.block{
	display:grid;
	border-radius:15px;
	grid-template-rows:160px auto;
	background-color:#F8F8F8;
	border:solid 1px #E5E5E5;
	padding:60px 40px;
	gap:40px;
	align-start:center;

}
.block img{
	border-radius:10px;
	width:160px;
	height:160px;
	object-fit:contain;
	margin: 0 auto;

}
hr{
	height:2px;
	background-color:#E5E5E5
}
h4{
	margin:0;
	text-align:center;
	color:#1F1F1F;
}
.card{
	border: solid 2px #9b1c23;
	border-radius:15px;
	padding: 5px;
	transition:0.3s ease-out;
	height:190px;
	display:grid;
	cursor:pointer;
}
.card img{
	margin:auto;
	width:100%;
	height:100%;
	max-height:180px;
	object-fit:contain
}
.description{
	padding: 15px;
	opacity:0;
	display:none;
	width:100%;
	height:100%;
	flex-direction:column;
	justify-content:space-between;
	gap:10px;
	color:white;
}
.description *{
	color:white;
}
.description h4{
	text-align:left;
	font-size:32px;
	line-height:25px;
	
}
.description h4 span{
	font-size:16px;
	display:inline-block;
	margin-left: 10px;
	font-weight:400;
	line-height:normal;
}
h5{
	margin:0;
}
.point{
	width:15px;
	height:15px;
	border-radius:50%;
	border:solid 2px white;
}
.line{
	display:flex;
	gap:10px;
	align-items:center;
}
.card.exc{
	height:auto;
	overflow:hidden;
	padding:10px;
	cursor:auto;
}
.card.exc:has(img){
	padding:0;
}
.card.exc img{
	width:100%;
	height:100%;
	object-fit:cover;
	filter:none;
	max-height:none;
}
.card.exc:has(h4){
	grid-template-rows:auto auto auto
}
.card.exc h4{
	text-align:left;
	display:flex;
	gap:10px;
	align-items:center;
	color:#9b1c23;
}
.card.exc h4 svg{
	fill:#9b1c23;
	width:25px;
	height:25px;
}
.card.exc p{
	margin-bottom:5px;
}
p:empty{
	display:none;
}
.end{
	margin-top:160px;
	height:200px;
	position:relative;
}
.end *{
	color:white;
}
.end .btn{
	background-color:#9b1c23;
	font-weight:500
}
.end p{
	font-size:20px;
	font-weight:500;
}
.end:after{
	content:'';
	width:105vw;
	height:375px;
	max-height:400px;
	top:-75px;
	z-index:-1;
	position:absolute;
	background-blend-mode:overlay;	
	left:var(--after-left,-15%);
	background:#384951CC url('./assets/back.png');
	background-position-y:-300px;
	background-repeat:no-repeat;
	background-size:100% auto;
}
@media(max-width:1500px){
	.grid4{
		grid-template-columns:repeat(3, calc(calc(100% - 40px)/3))
	}
}
@media(max-width:1120px){
	.grid4{
		grid-template-columns:repeat(2, calc(calc(100% - 20px)/2))
	}
	.end{
		height:auto;
	}
	.end:after{
		background-position-y: center;
		background-size:cover;
	}
	

}

@media(max-width:750px){
	.start:after{
	max-height:515px;
	}
	.grid4{
		grid-template-columns:100%
	}
	


}
@media(max-width:670px){
	.start:after{
	max-height:550px;
	}
	.end:after{
		max-height:550px;
		height:550px		
	}
	h2{
		font-size:28px
	}


}

@media(max-width:495px){
	.start:after{
	max-height:580px;

	}

}

@media(max-width:455px){
	.start:after{
	max-height:670px;

	}

}

@media(max-width:395px){
	.start:after{
	max-height:740px;

	}

}
@media(max-width:355px){
	.start:after{
	max-height:800px;

	}

}