body{
			background-color:#0866ff1c;
		}
		.logo{
			color:#033395d1;
		}
	
		/* -------------------------------------------------------------------------- */

		.acad-row{
			border-radius:15px;
			border:var(--debug-border-width) var(--debug-border-type)  var(--debug-border-color);
			margin:0 auto 80px;
			max-width:1200px;
		}	


		.acad-sect1{
			font-family: __saans_cd5095, arial;
			color: #0866ff;
			font-size:50px;
			font-weight: 800;
			margin:0 auto;
			/* border-bottom:1px solid #0866ff52; */
			border-radius:0;
			line-height:120px;
			padding:0;
			/* width:800px; */
			
    		}
		.acad-lobby{
			background:#fff;
			padding:0 50px;
		}		
		.acad-wing1{
			/* background:#f2f2f2; */
			background:#eef0ff;
			padding:0 50px;
			/* border:1px solid transparent;*/
		}
		.acad-wing2{
			padding:50px;
			background: #8eb4d4;
			background: linear-gradient(0deg, rgba(142, 180, 212, 1) 0%, rgba(197, 215, 237, 1) 80%, rgba(224, 251, 255, 1) 100%);
		}
		.acad-pub{
			padding:1px;
			background: #8eb4d4;
			background: linear-gradient(0deg, rgba(142, 180, 212, 1) 0%, rgba(197, 215, 237, 1) 80%, rgba(224, 251, 255, 1) 100%);
		}
		
		/* section0 - welcome */
		.acad-s0{
			height:500px;
			background:#fff url(images/acad-intro.png) 14% 0 no-repeat;
			background-size:40%;
			margin:0 auto;
		}
		.s0t1{
			font-family: __saans_cd5095, arial;
			color:#0866ff;
			font-size:61px;
			margin:100px 0 0;
			font-weight:800;
			float:right;
			width:50%;
		}

		
		/* section1: elearning1 */
		.acad-s1{
			background:#ededff url(first2.jpg) right bottom no-repeat;
			background-size:1290px;
		}
		.acad-s1a{
			width:66%;
			background-color:#ffffffc7;
			padding:40px;
			/* background:linear-gradient(to right, #fff 0%, #ffffffee 95%, #ffffff00 100%); */
		}
		.acad-s1t1{
			font-family: __saans_cd5095, arial;
			color: #033395d1;
			font-size: 20px;
			font-weight: 700;
		}
		.acad-s1t2{
			color:#ba0c2f;
			font-family: __saans_cd5095, arial;
			font-size:38px;
			font-weight:700;
			margin: 0 0 15px;
		}		
		.acad-s1t3{
			font-family: __saans_cd5095, arial;
			color: #000;
			font-size: 19px;
			font-weight: 300;
			line-height: 25px;
			margin:0 30px 10px 0;
			
		}	
		.acad-s1t3 span{
			font-weight:700;
			color:#ba0c2f;
		}			
		.acad-s1t4{
			background-color:#ba0c2f;

		}
			
			
		/* elearning2 -------------------------------------- */
		.acad-s2{
			padding: 0 0 0 80px;
			/* display: inline-block; */
			padding: 0;
			overflow:hidden;
			/* border:2px dotted green; */
			margin:0 auto;
		}
		.acad-s2a{
			/* background: #d8ffdd00 url(asbestos.jpg) 100% top no-repeat; */
			/* background-size: 100%; */
			float:left;
			width:40%;
			/* height:100%; */
			/* border-radius:15px; */
		}
		.acad-s2a img{
			border-radius: 10px;
			width: 100%;
			margin: 40px 0 0;
    		}
		.acad-s2b{
			width:60%;
			/* background-color:#2e333dd1; */
			color:#000;
			padding:40px;
			float:right;
		}
		.acad-s2t1{
			font-family: __saans_cd5095, arial;
			color: #033395d1;
			font-size: 20px;
			font-weight: 700;
		}
		.acad-s2t2{
			/*color:#ba0c2f; */
			color:#3259a8;
			font-family: __saans_cd5095, arial;
			font-size: 38px;
			font-weight: 700;
			margin: 0 0 15px;			
		}		
		.acad-s2t3{
			font-family: __saans_cd5095, arial;
			font-size:19px;
			font-weight:300;
			line-height:30px;
			margin: 0 0 20px;			
		}	
		.acad-s2t4{
		}
		
		
		/* elearning2 -------------------------------------- */
		.acad-s3{
			background: #d8ffdd00 url(images/asbestos.jpg) 100% top no-repeat;
			background-size: 527px;
			padding: 0 0 0 80px;
			display: inline-block;
			padding: 0;
			background-size: 100%;
			overflow:hidden;
		}
		.acad-s3a{
			width:50%;
			background-color:#2e333dd1;
			color:#fff;
			padding:40px;
			float:right;
		}
		.acad-s3t1{
			font-family: __saans_cd5095, arial;
			font-size:20px;
			margin:0 0 0 0;
			font-weight:400;
			width:47%;
		}
		.acad-s3t2{
			font-family: __saans_cd5095, arial;
			font-size: 38px;
			font-weight: 700;
			margin: 0 0 15px;			
		}		
		.acad-s3t3{
			font-family: __saans_cd5095, arial;
			font-size:19px;
			font-weight:300;
			line-height:30px;
			margin: 0 0 20px;			
		}	
		.s3t4{
		}
		


		/* online resources --------------------------------- */
		.acad-library{
			background:#fbb3f500 url(library.jpg) 0 0 no-repeat;
			height: 315px;
			background-size: 527px;
			/* padding: 80px; */
			display:flex;
			border:1px solid #cdcdcd;
		}
		.acad-library .s3t0{
			display:block;
			float:right;
			width:50%;
			margin: 0 0 0 50%;
		}
		.acad-library .s3t1{
			font-family: __saans_cd5095, arial;
			color:#5215c5;
			font-size:57px;
			margin:0;
			font-weight:700;
			display:contents;
			position:unset;
		}	
		.acad-library .s3t2{
			font-family: __saans_cd5095, arial;
			color:#4287ab;
			font-size:19px;
			margin:0;
			font-weight:300;
			line-height:30px;
			position:unset;
		}	
		.acad-library .s3t2{
			margin:15px 15px 15px 0;
			display:table;
		}
		
		
				
		
		.logoslider{
			background: #ff000000 url(slider-logo.png) 0px 50% repeat;
			height: 126px;
			background-repeat: repeat-x;
			background-size: 80%;
			padding: 14px 0;
		}
		.footer{
			padding:50px 0;
			color:#000;
			font-family: __saans_cd5095, arial;
			font-weight:300;
			letter-spacing:1px;
			font-size:15px;
			background:#d0f8ff url(jata128.png) 45px 65px no-repeat;
			background-size:76px;
			
		}
		.cols{
			float:left;
			width:33.33%;
		}
		.col1{
			width:50%;
			padding:0 0 0 127px;
			font-weight:500;
		}
		.col2{
			width:25%;
		}
		.col3{
			width:25%;
		}
		.row:after{
			content:"";
			display:table;
			clear:both;
		}
		
		
				/* slider */
				/* https://www.w3schools.com/howto/howto_js_slideshow.asp */
				* {box-sizing:border-box}
			
				/* Slideshow container */
				.slideshow-container {
					/* max-width: 1000px; */
					position: relative;
					margin: auto;
					/* height:600px; */
				}
			
				/* Hide the images by default */
				.mySlides {
					display: none;
					height:500px;
				}
			
				.mySlides img{
					width:100%;
					height:500px;
				}
				
				.slda1{
					background:#fff url(learning.png) 92% 50% no-repeat;
					background-size:54%;
				}
				.sld2{
					background:#0036b399 url(air.jpg) 0px -283px no-repeat;
					background-size:cover;
					background-blend-mode:multiply;
				}
				.sld3{
					background:#06782099 url(landfill.jpg) 0px -440px no-repeat;
					background-size:cover;
					background-blend-mode:multiply;
				}
				.sld4{
					background:#a57f0f url(sewerage.jpg) 0px 0px no-repeat;
					background-size:cover;
					background-blend-mode:multiply;
				}
				.sld5{
					background:#06782099 url(hazardous.jpg) 0px -233px no-repeat;
					background-size:cover;
					background-blend-mode:multiply;
				}
				/* Next & previous buttons */
				.prev, .next {
					cursor: pointer;
					position: absolute;
					top: 40%;
					width: auto;
					margin-top: -22px;
					padding: 16px;
					color: white;
					font-weight: bold;
					font-size: 18px;
					transition: 0.6s ease;
					border-radius: 0 3px 3px 0;
					user-select: none;
				}
			
				/* Position the "next button" to the right */
				.next {
					right: 0;
					border-radius: 3px 0 0 3px;
				}
			
				/* On hover, add a black background color with a little bit see-through */
				.prev:hover, .next:hover {
					background-color: rgba(0,0,0,0.8);
				}
			
				/* Caption text */
				.text {
					color: #f2f2f2;
					font-size: 15px;
					padding: 8px 12px;
					position: absolute;
					bottom: 8px;
					width: 100%;
					text-align: center;
				}
				.s3t1{
					font-family: __saans_cd5095, arial;
					color:#0866ff;
					font-size:61px;
					margin:120px 0 0 132px;
					position:absolute;
					font-weight:800;
				}
				.s3t2{
					font-family: __saans_cd5095, arial;
					color:#fff;
					font-size:22px;
					margin:206px 0 0 132px;
					position:absolute;
					font-weight:400;
					width:500px;
					line-height:33px;
				}
				.s4t2{
					width:740px;
				}
				.s5t1{
					margin:179px 0 0 132px;
				}
				.s5t2{
					margin:179px 0 0 731px;
					width:570px;
				}
								
				/* Number text (1/3 etc) */
				.numbertext {
					color: #f2f2f2;
					font-size: 12px;
					padding: 8px 12px;
					position: absolute;
					top: 0;
				}
			
				/* The dots/bullets/indicators */
				.dot {
					cursor: pointer;
					height: 15px;
					width: 15px;
					margin: 0 2px;
					background-color: #bbb;
					border-radius: 50%;
					display: inline-block;
					transition: background-color 0.6s ease;
				}
			
				.active, .dot:hover {
					background-color: #717171;
				}
			
				/* Fading animation */
				.fade {
					animation-name: fade;
					animation-duration: 1.5s;
				}
			
				@keyframes fade {
					from {opacity: .4}
					to {opacity: 1}
				}
				.library .btn{
					margin:425px 0px 0px 657px;
				}
				.elearning1 .btn{
					margin:310px 0px 0px 674px;
				}
				.elearning2 .btn{
					margin:460px 0px 0px 657px;
				}
/html>