/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 08 2023 | 14:51: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 */ 

.gallery-widget-carousel {
    width: 700px;
    height: 700px;
    border-radius: 50%;
	background: var(--next-gray);
	border: solid 2px var(--next-white);
	overflow: hidden;
	box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
	position: relative;
	bottom: -50px;
}

.gallery-widget-carousel .slick-slide {
   	width: 700px;
    height: 700px;
}

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

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


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

	.gallery-widget-carousel .slick-slide {
   	width: 550px;
    height: 550px;
	}
	
}

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

	.gallery-widget-carousel .slick-slide {
   	width: 400px;
    height: 400px;
	}
	
}

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

	.gallery-widget-carousel .slick-slide {
   	width: 300px;
    height: 300px;
	}
	
	.next-leve-visuals-left-text {
    padding-bottom: 0px;
	}
	
}


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