@font-face {
		    font-family:metropolis;
		    src: url("assets/fonts/metropolis.semi-bold.otf") format("opentype");
		}
		@font-face {
		    font-family:__saans_cd5095;
		    src:url(bdc0e392c1683443-s.p.woff2) format("woff2");
		    font-display:swap;
		    font-weight:100 900
		}
		.rokkitt-400 {
		  font-family:"Rokkitt", serif;
		  font-optical-sizing:auto;
		  font-weight:400;
		  font-style:normal;
		}
		
		/* https://www.onlinewebfonts.com/download/61d730ffc5624e35a3588e259598a4b7 */
		@import url(https://db.onlinewebfonts.com/c/61d730ffc5624e35a3588e259598a4b7?family=CNN+Sans+Display+W04+Light);
		
		/* 
		@import url(https://db.onlinewebfonts.com/c/f8b26feec3fc56aee373d957de06759f?family=CNN+Sans+Display+W04+Medium);
		@font-face {
		    font-family: "CNN Sans Display W04 Medium";
		    src: url("https://db.onlinewebfonts.com/t/f8b26feec3fc56aee373d957de06759f.eot");
		    src: url("https://db.onlinewebfonts.com/t/f8b26feec3fc56aee373d957de06759f.eot?#iefix")format("embedded-opentype"),
		    url("https://db.onlinewebfonts.com/t/f8b26feec3fc56aee373d957de06759f.woff2")format("woff2"),
		    url("https://db.onlinewebfonts.com/t/f8b26feec3fc56aee373d957de06759f.woff")format("woff"),
		    url("https://db.onlinewebfonts.com/t/f8b26feec3fc56aee373d957de06759f.ttf")format("truetype"),
		    url("https://db.onlinewebfonts.com/t/f8b26feec3fc56aee373d957de06759f.svg#CNN Sans Display W04 Medium")format("svg");
		}
		*/
		
		@font-face {
			font-family:"museo-slab";
			src:url("https://use.typekit.net/af/53dec0/0000000000000000000100fe/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/53dec0/0000000000000000000100fe/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/53dec0/0000000000000000000100fe/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n3&v=3") format("opentype");
			font-display:swap;font-style:normal;font-weight:300;font-stretch:normal;
		}
		
		@font-face {
			font-family:"museo-slab";
			src:url("https://use.typekit.net/af/ea0e14/000000000000000000010141/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/ea0e14/000000000000000000010141/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/ea0e14/000000000000000000010141/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i3&v=3") format("opentype");
			font-display:swap;font-style:italic;font-weight:300;font-stretch:normal;
		}
		
		@font-face {
			font-family:"museo-slab";
			src:url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n7&v=3") format("opentype");
			font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
		}
		
		@font-face {
			font-family:"museo-slab";
			src:url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i7&v=3") format("opentype");
			font-display:swap;font-style:italic;font-weight:400;font-stretch:normal;
		}
		
		@font-face {
			font-family:"museo-slab";
			src:url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n7&v=3") format("opentype");
			font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
		}
		
		@font-face {
			font-family:"museo-slab";
			src:url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i7&v=3") format("opentype");
			font-display:swap;font-style:italic;font-weight:700;font-stretch:normal;
		}
		
		@font-face {
			font-family:"museo-slab";
			src:url("https://use.typekit.net/af/b8a757/00000000000000000000ec0e/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/b8a757/00000000000000000000ec0e/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/b8a757/00000000000000000000ec0e/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=i9&v=3") format("opentype");
			font-display:swap;font-style:italic;font-weight:900;font-stretch:normal;
		}


:root{
	--color-theme1:#315c2b;
	--color-main1:rgba(0,102,108,1);
	/* --isirow-max-width:1110px; */
	--isirow-max-width:1440px;
	
	
	--debug-border-color:var(--color-theme1);
	--debug-border-color:transparent;
	--debug-border-type:dashed;
	--debug-border-width:0px;
	
	
	--main-h2-font-family:"Rokkitt", serif;
	--main-h2-font-size:57px !important;
	
	
	--theme1-h1-font-family:"Rokkitt", serif;
	--theme1-h1-font-size:60px;
	--theme1-h1-font-style:normal;
	--theme1-h1-font-optical-sizing:auto;
	--theme1-h1-font-weight:400;
	--theme1-h1-font-color:color:rgb(32 135 255);
	--theme1-h1-font-color:var(--color-main1);
	--theme1-h1-text-shadow:1px 2px 2px #abd5ff;
	/*
	--theme1-h1-font-family:metropolis, serif;
	--theme1-h1-font-size:55px;
	--theme1-h1-font-style:normal;
	--theme1-h1-font-optical-sizing:auto;
	--theme1-h1-font-weight:100;
	*/
	
	--theme1-h2-font-family:"Rokkitt", serif;
	--theme1-h2-font-size:57px !important;
	--theme1-h2-font-style:normal;
	--theme1-h2-font-optical-sizing:auto;
	--theme1-h2-font-weight:400;
	



	
}
		h1{
			font-family:var(--theme1-h1-font-family);
			font-size:var(--theme1-h1-font-size);
			font-style:var(--theme1-h1-font-style);
			font-optical-sizing:var(--theme1-h1-font-optical-sizing);
			font-weight:var(--theme1-h1-font-weight);
			color:#fff;
			line-height: 55px;
			text-shadow:1px 2px 2px #08080888; 
			margin-bottom:20px;
		}


		.just{
			text-align:justify;
		}


		.tk-museo-slab {
			font-family:"museo-slab",serif;
		}
		.hide{
			display:none !important;
		}
		body{
			background-color:#fff;
			padding:0;
			margin:0;
		}
		.body1{
			/* border:0px dotted #fff; */
			margin:100px auto 0;
			display:block;
			padding:0;
			/* background-color:#f00; */
			/* background:#fff url(images/bluesky.jpg) 100% 5px no-repeat; */
			background:url(images/bluesky.jpg) 0 0 no-repeat;
			/* animation: moveBackground 250s linear infinite; */
			background-attachment:fixed;
		}
		.header{
			background:#fffffff2 url(jata128.png) 49px 21px no-repeat;
			background-size:76px;
			height:100px;
			padding:12px 0 10px;
			box-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);
			width:100%;
			position:fixed;
			z-index:100;
			top:0;
		}
		.header:hover{
			background-color:#fff;
		}
		.logo{
			font-family:__saans_cd5095, arial;
			color:rgba(0,102,108,1);  /* v2-schem */
			font-size:31px;
			font-weight:800;
			margin:11px 0 25px 133px;
			width:300px;
			float:left;
			cursor:pointer;
		}
		.logo span{
			color:#000;
			font-size:14px;
			font-weight:400;
		}

		
		
		/* -------------------------------------------------------------------------- */
		.header nav{
			display:block;
			margin-right:5%;
		}

		#headermenu{
			color:rgba(0,102,108,1);  /* v2-schem */
			height:35px;
			float:right;
		}
		#headermenu ul,
		#headermenu li {
			margin:0 0;
			padding:0 0;
			list-style:none;
		}
		#headermenu ul {
			height:35px;
		}
		#headermenu li {
			float:left;
			display:inline;
			position:relative;
			font-size:14px;
			font-family:__saans_cd5095, arial;
			font-weight:400;
			text-transform:uppercase;
		}
		#headermenu li:first-child {
		}
		#headermenu a {
			display:block;
			line-height:35px;
			padding:0 14px;
			text-decoration:none;
			color:#726e6e;
			color:#000;
			color:rgba(0,102,108,1);  /* v2-schem */
			border-radius:5px 5px 0 0;
		}
		#headermenu li:hover > a,
		#headermenu li a:hover {
			background:#b0efa7;
		}
		#headermenu input {
			display:none;
			margin:0 0;
			padding:0 0;
			width:80px;
			height:35px;
			opacity:0;
			cursor:pointer;
		}
		#headermenu label {
			font:bold 30px Arial;
			display:none;
			width:35px;
			height:36px;
			line-height:36px;
			text-align:center;
		}
		#headermenu label span {
			font-size:12px;
			position:absolute;
			left:35px;
		}
		#headermenu ul.menus {
			height:auto;
			width:220px;
			background:#fff;
			position:absolute;
			z-index:99;
			display:none;
			border:0;
			border-radius:5px;
		}
		#headermenu ul.menus li {
			display:block;
			width:100%;
			font:15px Arial;
			font-family:__saans_cd5095, arial;text-transform:none;
			border-radius:10px;
		}
		#headermenu li:hover ul.menus {
			display:block;
		}
		#headermenu a.home {
			color:#726e6e;
		}
		#headermenu a.prett {
			padding:0 27px 0 14px;
		}
		#headermenu a.prett::after {
			content:"";
			width:0;
			height:0;
			border-width:6px 5px;
			border-style:solid;
			border-color:#eee transparent transparent transparent;
			position:absolute;
			top:15px;
			right:9px;
		}
		#headermenu ul.menus a:hover {
			background:#b0efa7;
			border-radius:5px;
		}
		#headermenu ul.menus .submenu {
			display:none;
			position:absolute;
			left:180px;
			background:#b0efa7;
			top:0;
			width:180px;
		}
		#headermenu ul.menus .submenu li {
			background:#b0efa7;
		}
		#headermenu ul.menus .has-submenu:hover .submenu {
			display:block;
		}
		
		
		/* -------------------------------------------------------------------------- */
		.body2{
			/*xxx background-color:#fff; */
			background-color:#3000ff3b;
			background-blend-mode:multiply;
			padding-bottom:80px;
		}
    				.sect-head{
					font-family:var(--main-h2-font-family);
					font-size:var(--main-h2-font-size);
					font-optical-sizing:auto;
					font-weight:400;
					font-style:normal;
					/* font-size:76px; */
					margin:0 0 20px;

					text-rendering:optimizeLegibility;
					line-height:0.85;
					letter-spacing:-1px;
					-webkit-font-smoothing:antialiased;
					
					-webkit-transition: color 2s;
					-moz-transition:    color 2s;
					-ms-transition:     color 2s;
					-o-transition:      color 2s;
					transition:         color 2s;
  
				}    				

		.landing{
			min-height:500px;
		}
		
		.sect-intro{
			height:500px;
		}
		.landing p{
			font-family: __saans_cd5095, arial;
			font-size: 20px;
			font-weight: 200;
			color:#fff;
			line-height: 30px;
			text-shadow: none;
			margin: 0 0 14px;
		}
		
		.landingmain{
			/* background:#fff url(putrajaya.jpg) 0px -164px no-repeat; */
			/*xxx background:#fff url(images/bluesky.jpg) 100% 5px no-repeat; */
			/*xxx animation: moveBackground 250s linear infinite; */
		}
		.landingmain p{
			color: #020342;
			font-size:24px;
			width: 692px;
			margin-top:-19px;
			margin-left:50px;
		}		
				
					@keyframes moveBackground {
						0% {
							background-position: 0% 0%; /* Starting position */
						}
						50% {
							background-position: 100% 0%; /* Moves horizontally */
						}
						100% {
							background-position: 0% 0%; /* Returns to starting position */
						}
					}

		.intro{
			/* width:50%; */
			float:right;
			/* margin:0 10% 0 0; */
			width:65%;
			margin:0;
			
		}
/*
		.intro h1{
			font-family:"Rokkitt", serif;
			font-optical-sizing:auto;
			font-weight:400;
			font-style:normal;
			font-size: 60px;
			line-height: 55px;
			color: #323b57;
			color:#fff;
			text-shadow: none;
			text-shadow: 1px 2px 2px #08080852; 
			margin-bottom:0;
		}
*/

/*
		.intro p{
			font-family: __saans_cd5095, arial;
			color: #020342;
			font-size: 24px;
			font-weight: 200;
			width: 692px;
			line-height: 30px;
			text-shadow: none;
			margin: 0 0 14px;
		}
*/
		.intromore{
			margin-left:50px;
		}
		.s0t2 p{
		}	
		.s0t2 span{
			font-weight:700;
			color: rgba(0, 102, 108, 1);
		}
		.isirow{
			padding:50px 50px;
		}
		.sect{
			padding:50px 50px;
		}
		.isirow2{
		}
		.isirow2a{
		
		}
		
		


				.btn{
					/* 
					border:1px solid #ddd;
					color: #ddd;
					font-weight: 400;
					font-size: 16px;
					font-family: __saans_cd5095, arial;
					text-align: center;
					cursor: pointer;
					display: inline-block;
					padding:3px 30px;
					border-radius: 20px;
					background-color:#3259a8;
					*/
					
					border: 1px solid transparent;
					color: #ddd;
					font-weight: 700;
					font-size: 15px;
					font-family: __saans_cd5095, arial;
					text-align: center;
					cursor: pointer;
					display: inline-block;
					padding: 14px 25px;
					border-radius: 1.5rem;
					background-color: #3259a8;
    					min-width:130px;
    
				}
				.btn:hover{
					background-color:#555;
					color:#fff;
					border-color:#fff;
				}
				
				
				
						
		.rowguidance{
			padding:111px 0;
			display:flex;
			/* background:linear-gradient(0deg, rgb(93 93 93 / 19%) 0%, rgb(197 205 209 / 0%) 9%, rgb(255 255 255 / 0%) 100%); */
		}
		.rowguidance:hover{
		}
		.rowguidance:hover .sect-head{
			/* color:#497b97; */
		}
		.s0t0a{
			float:left;
			width:40%;
    		}
    		.s0t0a img {
    			height:427px;
			width:313px;
			border-radius:17px;
			float:right;
			background-position:10px 10px;
    		}
		.s0t0b{
			display:inline-block;
			padding:0 30px 30px;
			width:60%;
    		}
		.s0t1{
			/* font-family:__saans_cd5095, arial; */
			/* color:#c9b549; */
			/* font-size:57px !important; */
			/* font-weight:700; */
			/* color:rgb(32 135 255); */
			color:var(--theme1-h1-font-color);
			/*text-shadow:1px 2px 2px #ffe0e0a8; */
			text-shadow:var(--theme1-h1-text-shadow);
		}	
		.s0t2{
			font-family:__saans_cd5095, arial;
			/* color:#4b4b4b; */
			color:#000;
			font-size:22px;
			font-weight:200;
			width:692px;
			line-height:30px;
		}
		.s0t2 p{
		}	
		.s0t2 span{
			font-weight:700;
			    color: rgba(0, 102, 108, 1);
		}		
		.logoslider{
			/* background:#ff000000 url(slider-logo.png) 0px 50% repeat; */
			background:#ff000000 url(oldslider.png) 0px 75px repeat;
			height:264px;
			background-repeat:repeat-x;
			background-size:2350px;
			padding:14px 0;
			animation: background-pan 30s linear infinite alternate; /* Adjust duration, timing, and direction */
		}
			@keyframes background-pan {
			  0% {
			    background-position: 0% 75px; /* Starting position */
			  }
			  100% {
			    background-position: 100% 75px; /* Ending position (moves horizontally) */
			  }
			}
		.slidert1{
			/* color:rgb(32 135 255); */
			color:var(--theme1-h1-font-color);
			/* font-size:50px !important; */
			text-align:center;
			margin:21px auto;
		}
		
		.footer{
			clear:both;
			padding:50px 0;
			color:#000;
			font-family:__saans_cd5095, arial;
			font-weight:300;
			letter-spacing:1px;
			font-size:15px;
			background:#d9dffd url(jata128.png) 45px 65px no-repeat;
			background-size:76px;
		}
		.footer a{
			text-decoration:none;
			color:#000;
		}
		.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 {
					position:relative;
					margin:auto;
				}
			
				.mySlides {
					display:none;
					height:650px;
				}
				.myslides:hover .sect-head{
					color:#64ff62;
				}
				
				.mySlides img{
					width:100%;
					height:500px;
				}
				
				.sld1{
					background:#0036b399 url(images/bluesky.jpg) 0px -1241px no-repeat;
/*					background:#00acf4 url(twg.png) -60% 50% no-repeat;
					background-size:116%;
*/
			/* background:#fff url(images/bluesky.jpg) 100% 5px no-repeat; */
			/* animation: moveBackground 250s linear infinite; */
					/*xxx background-color:#2947743b; */
					/* background-color:#99b5df99; */
					background-color:#0036b352;
					background-blend-mode: multiply;
				}
				.sld2{
					/*xxxbackground:#0036b399 url(air.jpg) 0px -283px no-repeat;  */
					background:#0036b399 url(air.jpg) 0px -283px no-repeat;
					background-size:cover;
					background-blend-mode:multiply;
				}
				.sld3{
					/*xxxbackground:#06782099 url(landfill.jpg) 0px -440px no-repeat;*/
					background:#06782099 url(landfill.jpg) 0px -440px no-repeat;
					background-size:cover;
					background-blend-mode:multiply;
				}
				.sld4{
					/*xxx background:#a57f0f url(sewerage.jpg) 0px 0px no-repeat; */
					background:#a57f0f99 url(sewerage.jpg) 0px 0px no-repeat;
					background-size:cover;
					background-blend-mode:multiply;
				}
				.sld5{
					/*xxx background:#06782099 url(hazardous.jpg) 0px -233px no-repeat; */
					background:#06782099 url(hazardous.jpg) 0px -233px no-repeat;
					background-size:cover;
					background-blend-mode:multiply;
				}
				.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;
				}
				.next {
					right:0;
					border-radius:3px 0 0 3px;
				}
				.prev:hover, .next:hover {
					background-color:rgba(0,0,0,0.8);
				}
				.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:#fff;
					font-size:71px;
					margin:120px 0 0 132px;
					position:absolute;
					/* font-weight:500; */

    				}
				.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 {
					display:none;
					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}
				}
		
	.nehapvideo{
		border-radius:15px;
		margin:0 auto 50px;
		display:block;
		height:500px;
		background-color:red;
	}
	.readmore{
		background-color:rgb(154 43 46);
		border-radius:100px;
		padding:10px 10px;
		font-family: __saans_cd5095, arial;
		color: #fff;
		font-size: 18px;
		font-weight: 500;
		display:block;
		cursor:pointer;
		width:150px;
		text-align:center;
		
		font-weight: 400;
		font-size: 16px;
		font-family: __saans_cd5095, arial;
		text-align: center;
		cursor: pointer;
		padding: 5px;
		border-radius: 18px;    		
	}
	.readmore:hover{
		background-color:red;
	}