.slider-widget { position: relative; }
	.slider-widget .slick-track { display: flex;column-gap: 2rem; }
	.slider-widget .heading-section { align-items: center;flex-wrap: nowrap;column-gap: 1rem; }
	.slider-widget .heading-section .heading-title { flex-grow: 1; }
	.slider-widget .slide .image { width: 100%;max-width: 100%;margin: 2rem auto; } /*max-width: 75%*/
	.slider-widget .slide .image img { width: 100%;height: auto;object-fit: contain; }
	.slider-widget .slide .desc { font-family: var(--body-font);color: var(--fau-blue);margin-bottom: 1rem; } /* font-size: 22px; */
	.slider-widget .slide p { color: var(--fau-dark-gray); }
	
	.slider-widget .slider-control { display: flex;padding: 0 2rem; }
	.slider-widget .slider-control .slider-controls { width: 100px;height: 57px;transition: all 0.3s ease;z-index: 1;	}
	.slider-widget .slider-control .slider-controls .pagination { display: flex;justify-content: start;column-gap: 5px; }
	.slider-widget .slider-control .slider-controls .pagination .slick-dots { position: relative;bottom: 0;display: flex;justify-content: start;column-gap: 6px;margin-bottom: 2rem; }
	.slider-widget .slider-control .slider-controls .pagination .slick-dots li button { display: none; }
	.slider-widget .slider-control .slider-controls .pagination .slick-dots li { width: 12px;height: 2px;border-radius: 0;background: var(--fau-blue);opacity: 0.6 !important;margin: 0 !important;transition: all 0.4s; }
	.slider-widget .slider-control .slider-controls .pagination .slick-dots li.slick-active { width: auto;flex-grow: 1;opacity: 1 !important;background: var(--fau-blue) !important; }
	.slider-widget .slider-control .slider-controls .buttons { display: flex;column-gap: 10px;margin-top: 25px; }
	.slider-widget .slider-control .slider-controls .buttons .slick-prev,
	.slider-widget .slider-control .slider-controls .buttons .slick-next { position: relative; }
	.slider-widget .slider-control .slider-controls .buttons > button { display: flex;width: 45px;height: 45px;align-items: center;justify-content: center;color: #fff;border: 2px solid var(--fau-blue);cursor: pointer;font-size: 25px; }
	.slider-widget .slider-control .slider-controls .buttons > button .fau-icon { color: var(--fau-blue);border: none;width: 100%;height: 100%; }
	.slider-widget .slider-control .slider-controls .buttons > button:hover { border-color: var(--fau-link); }
	.slider-widget .slider-control .slider-controls .buttons > button:hover .fau-icon { color: #fff;background: var(--fau-link); }

	/* this is for sliders where pre and code classes are used in sr-only text */
	.code, .pre {
		font-family: monospace;
	}
	/* adjust slider title font size for better looking presentation */
	.heading-section .heading-title {font-size: 18px; font-weight: normal;}
	
	.slide-number {
		text-align: right;
	}

	
	@media screen and (max-width: 991px) {
		.slider-widget .slider-control .slider-controls .pagination .slick-dots { column-gap: 10px; }
		.slider-widget .slider-control .slider-controls .pagination .slick-dots li { width: 14px; }
	}
	
	@media screen and (max-width: 640px) {
		.slider-widget .slider-control .slider-controls .pagination .slick-dots { column-gap: 5px; }
		.slider-widget .slider-control .slider-controls .pagination .slick-dots li { width: 12px; }
	}