<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">  
	/* Image-container design */
	.image-container { 
		position: relative; 
	}
	
	.image-container .next {
		right: 0;
	} 
	
	/* caption decorate */
	.captionText {
		color: #000000;
		font-size: 14px;
		position: absolute;
		padding: 12px 12px;
		bottom: 8px;
		width: 100%;
		text-align: center;
	}
	
	/* Slider image number */
	.slideNumber {
		background-color: #5574C5;
		color: white;
		border-radius: 25px;
		right: 0;
		opacity: .5;
		margin: 5px;
		width: 30px;
		height: 30px;
		text-align: center;
		font-weight: bold;
		font-size: 24px;
		position: absolute;
	}
	
	.np-fa {
		font-size: 32px;
		color: #3d5170;
	}
	
	.np-fa:hover {
		transform: rotate(360deg);
		transition: 1s;
		color: white;
	}
	
	.footerdot {
		cursor: pointer;
		height: 30px;
		width: 30px;
		margin: 0 2px;
		background: #fff;
		border-radius: 50%;
		display: inline-block;
		/* transition: background-color 0.5s ease; */
		padding: 4px;
		color: #000;
		border: 1px solid #3d5170;  
	}
	
	.image-container .active,
	.footerdot:hover {
		background-color: #3d5170;
		color: #fff;
	}
	
	#top-controls{
		margin-bottom: 10px;
		margin-top: 5px;
	}
	
	#top-controls .slider-pagination{
		
	}
	
	#top-controls .slider-controls{
		position: relative;
	}
	
	#top-controls .slider-controls .previous{
		cursor: pointer;
		position: absolute;
		top: 50%;
		padding: 0px;
		margin-top: -25px;
	}
	
	#top-controls .slider-controls .next{
		cursor: pointer;
		position: absolute;
		top: 50%;
		padding: 0px;
		margin-top: -30px;
		right: 5px;
	}
	
	#top-controls .slider-controls .previous{
		cursor: pointer;
		position: absolute;
		top: 50%;
		padding: 0px; 
		margin-top: -30px;
		left: 5px;
	}
	
	
	#bottom-controls{
		 margin-top: 10px;
		 margin-bottom: 10px;
	}
	
	#bottom-controls .slider-controls{
		position: relative;
	}
	
	#bottom-controls .slider-controls .next{
		cursor: pointer;
		position: absolute;
		top: 50%;
		padding: 0px;
		margin-top: -30px;
		right: 5px;
	}
	
	#bottom-controls .slider-controls .previous{
		cursor: pointer;
		position: absolute;
		top: 50%;
		padding: 0px;
		margin-top: -30px;
		left: 5px;
	}
  </pre></body></html>