.container-slider{
	margin:0 0 100px 0 !important;
	padding:0 !important;
	/* margin-bottom:100px; */
}
#main-slider .carousel-inner{min-height:calc(100vh - 60px);}
#main-slider .prev,
#main-slider .next{
	position:absolute;
	border:none;
	background-color:unset;
	bottom:50px;
	left: calc(50% - 100px);
	
	width:40px;
	height:16px;
	
	background-repeat:no-repeat;
	
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
#main-slider .prev:hover,
#main-slider .next:hover{
	color:#f79f77;
}
#main-slider .next{left: calc(50% + 50px);}


#main-slider .carousel-item{
	background-position: center center;
	background-size: cover;
	position: absolute;
	height: 100%;
}








#main-slider .carousel-item .carousel-item-description{
	background: rgb(251 247 244 / 80%);
	position: relative;
	height: 100%;
	width: 100%;
	padding:0 20px;
	text-align:center;
}








#main-slider .carousel-item .carousel-item-description:after{
	background: linear-gradient(90deg, rgb(251 247 244) 0%, rgb(255 255 255 / 0%) 100%);
	position: absolute;
	display: block;
	content: "";
	height: 100%;
	width: 70px;
	right: -68px;
	top: 0;
}
#main-slider .btn{
	font-size:18px;
	padding: .8em 1em;
}
#main-slider:after{
	content:"";
	position:absolute;
	bottom:-27px;
	width:100%;
	height:55px;
	background-image: url(/assets/img/main-slider/bottom-pattern.webp);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: cover;
}


#main-slider div[class^="slider-pattern-"]{
	position: absolute;
	/* background: red; */
	/* width: 20px; */
	/* height: 20px; */
	z-index: 1;
}
#main-slider .slider-pattern-1{
	bottom: 80px;
	right: 62%;
}
#main-slider .slider-pattern-2{
	top: 85px;
	right: 65%;
}
#main-slider .slider-pattern-3{
	top: 80px;
	left: 28px;
}
#main-slider .slider-pattern-4{
	top: 310px;
	left: 15px;
}



@media (min-width: 768px) {
	#main-slider .carousel-inner{
		min-height:calc(100vh - 90px);
	}
	
	
	#main-slider .prev{left:auto;right:85%;}
	#main-slider .next{left:auto;right:75%;}
	
	
	
	#main-slider .carousel-item .carousel-item-description {
		background: #fbf7f4;
		position: relative;
		height: 100%;
		min-width: 320px;
		width: 40%;
		padding-left: 3rem;
		text-align:left;
	}
}