.wrapper{
	overflow:hidden;
	position:relative;
	min-height:65px;
        padding-top: 5px;
}
hr{
	width:18.65vw;
	height:3px;
	background-color:#9b1c23;
	flex-shrink:0;

}
p{
	margin-bottom:0;
	text-wrap: pretty;
}
/*
hr:first-child{
	width:calc(15.625vw / 2);
}
*/

button:last-of-type + hr{
	width:50px;
}
hr.last-line{
	width:30px;
	margin-left:30px
}

.wrapper{
	margin-bottom:60px;
	padding-top:5px;
}
.container{
	min-height:580px;
}
.wrapper > .line{
	display:flex;
	position:absolute;
	left:0;
	align-items:center;
	transition: left 0.6s ease-out;
	
}
.btn{
	flex-shrink:0;
	background-color:white;
	color:#9b1c23;
	border:solid 3px #9b1c23;
	padding: 5px 20px;
	font-size:24px;
	border-radius:10px;
	width:185px;
	transition:0.6s ease-out;
}
.btn.active{
	background-color:#9b1c23;
	color:white;	
	transform:scale(1.1925);
}
.container .content{
	display:flex;
	gap:40px;
	transition: opacity 0.6s ease-out;
	display:none;
	justify-content:space-between;
}
.description{
	width:50%;
}
.media{
	width:calc(50% - 40px);
	margin:0;
	display:flex
	
}
.swiper{
	margin:auto;
}
.swiper{
	width:100%;
}
h3{
	font-weight:500;
}
.media img{
	width:100%;
	height:512px;
	border-radius:15px;
	object-fit:cover;
}
.content .swipper-slide{
	height:auto!important;
}
@media(max-width:1210px){
	.wrapper .line{
		
		display:grid;
		justify-items:center;
		gap:20px 40px;
		position:static;
		grid-template-columns: calc((100% - 120px) / 4) calc((100% - 120px) / 4) calc((100% - 120px) / 4) calc((100% - 120px) / 4);
	}
	hr{
		display:none;
	}
	.btn.active{
		transform:none;
	}
	.content{
		flex-wrap:wrap
	}
	.content>*{
		width:100%;
	}
	.media img{
		height:412px;
	}
	

}
@media(max-width:840px){
	.wrapper .line{
		display:grid;
		justify-items:center;
		gap:20px 40px;
		position:static;
		grid-template-columns: calc((100% - 80px) / 3) calc((100% - 80px) / 4) calc((100% - 80px) / 3);
	}
	.media img{
		height:312px;
	}

	

}
@media(max-width:640px){
	.wrapper .line{
		display:grid;
		justify-items:center;
		gap:20px 40px;
		position:static;
		grid-template-columns: calc((100% - 40px) / 2) calc((100% - 40px) / 2);
	}
}
@media(max-width:540px){
.content .swiper-slide{
	height:auto!important;
}
}
@media(max-width:435px){
	.wrapper .line{
		display:grid;
		justify-items:center;
		gap:20px 40px;
		position:static;
		grid-template-columns: 1fr;
	}
}