/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 21 2023 | 13:22:05 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.home-widget-carousel {
    width: 100%;
    height: 100%;
	background: var(--next-gray);
	border: solid 2px var(--next-white);
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}

.home-widget-carousel .slick-list,
.home-widget-carousel .slick-track {
    width: 100%;
	height: 100%;
}

.home-widget-carousel .slick-slide {
   	width: 100%;
    height: 100%;
}

.home-widget-carousel .slick-slide div {
   	width: 100%;
	height: 100%;
}

.home-widget-carousel-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* -------------------------------------------------------------------- */
@media (max-width: 1400px) {
	
/* 	.home-widget-carousel {
    width: 550px;
	height: 550px;
	}

	.home-widget-carousel .slick-slide {
   	width: 550px;
    height: 550px;
	} */
	
}

/* -------------------------------------------------------------------- */
@media (max-width: 1199px) {
	
/* 	.home-widget-carousel {
    width: 400px;
	height: 400px;
	bottom: -80px;
	}

	.home-widget-carousel .slick-slide {
   	width: 400px;
    height: 400px;
	} */
	
}

/* -------------------------------------------------------------------- */
@media (max-width: 991px) {
	
/* 	.home-widget-carousel {
    width: 300px;
	height: 300px;
	bottom: 0px;
	}

	.home-widget-carousel .slick-slide {
   	width: 300px;
    height: 300px;
	} */
	
}


/* -------------------------------------------------------------------- */
@media (max-width: 767px) {
	
/* 	.home-widget-carousel {
    margin: 0 auto 50px auto;
	} */
	
}