@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
/* ============== Default Element Style ================ */
h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif; font-weight:300; margin:0;}
h1{font-size:48px; line-height:58px; color:#fff; padding:0;}
h2{font-size:36px; line-height:46px; padding:0 0 24px 0;font-weight:600;}
h3{font-size:24px; line-height:34px; padding:10px 0 12px 0; font-weight:500;}
h4{font-size:24px; line-height:34px; padding:0 0 18px 0;}
h6{font-size:20px; line-height:28px; padding:0 0 20px 0; font-weight:700;}
h7{font-size:18px; line-height:28px; padding:0 0 20px 0; font-weight:700;}
p{font-family:'Lato', sans-serif; font-size:15px; font-weight:400; line-height:24px; margin:0; padding:0 0 20px 0; text-align:justify; color:#333;}
ul{margin:0; padding:0 0 18px 0; list-style:none;}
ol{margin:0 0 0 15px; padding:0 0 18px 0;}
ol li{padding-left: 2px;}
li{font-family:'Lato', sans-serif; font-size:15px; font-weight:400; line-height:24px; margin:0; color:#333;}
img{border:none;}
a, a:hover, a:focus{text-decoration:none;word-wrap:break-word}
.inrsecmargin {margin: 60px 0;}
.modulesearch{background-color:#efefef; padding: 20px 5px 5px 45px;}
.ulstyling li{list-style: disc;margin-left: 15px;}
.ulstyling > li > ul > li{list-style: circle;margin-left: 15px;}
.clrred{color:#F00;}

/* ============== Default Button Style ================ */
.btn-default{color:#fff; background:#0093dd; padding:10px 20px;}
.btn-default:hover{color:#fff; background:#183748; transition:0.2s ease-in-out;}
/* ============== Table Style ================ */
.table > tbody > tr > th, .table > tbody > tr > td{font-family: 'Lato', sans-serif; border:1px solid #ececec; font-size:15px; line-height:24px;}
.table > tbody > tr > th{font-weight:600; background-color: #183748; color:#fff; }
tr:nth-child(even){background-color: #f2f2f2;}
tr:hover{background-color: #ddd;}
/* ============== Inner Banner Style ================ */
/*#inrbanner{margin-top:-50px;}*/
#inrbanner a{color:#26ace2;}
#inrbanner p{margin-bottom:0px; color:#fff;}
#inrbanner .inner-cap{margin-top:100px;padding:45px 30px 45px 0;}
.power-banner, .tenders-banner, .investors-banner, .csr-banner{background: #e5e5e5;}

.webp .about-banner, .webp .mine-banner, .webp .downloadbnnr, .webp .contactbnnr, .no-webp .about-banner, .no-webp .mine-banner, .no-webp .mine-banner, .no-webp .downloadbnnr, .no-webp .contactbnnr{height:350px;background-size:cover;}

.webp .about-banner{background:url(../../assets/img/about-us-banner.webp) top center no-repeat;}
.no-webp .about-banner{background:url(../../assets/img/about-us-banner.png) top center no-repeat;}
/*.webp .power-banner{background:url(../../assets/img/power-generation-banner.webp) top center no-repeat;background-size: contain;}
.no-webp .power-banner{background:url(../../assets/img/power-generation-banner.png) top center no-repeat;background-size: contain;}
*//*.webp .csr-banner{background:url(../../assets/img/csr-banner.webp) top center no-repeat;background-size: cover;}
.no-webp .csr-banner{background:url(../../assets/img/csr-banner.png) top center no-repeat;background-size: cover;}*/
.webp .mine-banner{background:url(../../assets/img/mines-banner.webp) top center no-repeat;filter: brightness(170%);}
.no-webp .mine-banner{background:url(../../assets/img/mines-banner.png) top center no-repeat;filter: brightness(170%);}
/*.webp .tenders-banner{background:url(../../assets/img/power-generation-banner.webp) top center no-repeat;background-size: contain;}
.no-webp .tenders-banner{background:url(../../assets/img/power-generation-banner.png) top center no-repeat;background-size: contain;}
*//*.webp .investors-banner{background:url(../../assets/img/power-generation-banner.webp) top center no-repeat;background-size: contain;}
.no-webp .investors-banner{background:url(../../assets/img/power-generation-banner.png) top center no-repeat;background-size: contain;}*/
.webp .downloadbnnr{background:url(../../assets/img/downloadbnnr.webp) top center no-repeat;}
.no-webp .downloadbnnr{background:url(../../assets/img/downloadbnnr.png) top center no-repeat;}
.webp .contactbnnr{background:url(../../assets/img/contact-bg.webp) top center no-repeat;}
.no-webp .contactbnnr{background:url(../../assets/img/contact-bg.png) top center no-repeat;}
/* ============== Accordion Style ================ */
.faqHeader{font-size:27px; margin:20px;}
.panel-heading .panel-title{padding:0; font-weight:600;}
.panel-heading .panel-title a{display:block;}
.panel-heading [data-toggle="collapse"]:after{font-family:'FontAwesome'; content:"\f078"; float:right; color:#F58723; font-size:18px; line-height:30px;}
.panel-heading [data-toggle="collapse"].collapsed:after{color:#454444;}
/* ================ Main Navigation ================  */
 #navigation {background: url(../../assets/img/header-bg.webp) repeat; height:168px;}
.top-header {background-color: #0093dd;/*clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);*/}
.top-header ul {display: inline-flex;padding: 11px;margin-left:30px;}
#navigation p{font-size: 23px;font-weight: 800;position: relative;top: -8px;}
.padding0{padding:0;}
#navigation .navbar-default{border:none;box-shadow:none;background:transparent;}
#navigation .navbar-brand{position: relative;bottom: 75px;}
#navigation p{color:#000;}
.navbar-default .navbar-nav > li > a{font-size: 17px;color: white;text-align: center;padding: 14px 20px;text-decoration: none;font-weight:600;padding-bottom: 16px;}
.dropdown-menu-large {padding: 20px 15px;}
.dropdown-menu ul{padding-bottom:0;}
.navbar-nav{justify-content: center;position: absolute;left: 0;right: 0;top: -2px;display: flex;background: #0093dd;padding:0 !important;}
.navbar-nav > li:hover .dropdown-menu{display:flex;position: absolute;top: 47px;left: 0;right:0;min-width: fit-content;}
.navbar-nav > li:hover a.dropdown-toggle, .navbar-nav > li.active a.dropdown-toggle{background:#183748 !important;color: #fff !important;padding-bottom: 16px;}
.navbar-nav > li:hover .right{display:flex;position: absolute;top: 47px;left: auto; right:0;min-width: fit-content;}
.dropdown-menu .dropdown-header{padding-left:0;margin-bottom:5px;}
.dropdown-menu .dropdown-header a{color: #000;font-size: 16px;font-weight:600;text-decoration:none;}
.dropdown-menu .dropdown-header a.active{color: #0093dd!important;font-size: 16px!important;}
.dropdown-menu li a{font-size: 16px;color: #000;text-decoration:none;font-weight:600;}
.dropdown-menu li{list-style-type:none;margin-bottom:5px;}
.top-header a{color:#fff;padding: 14px 25px;font-size:16px;font-weight:600;text-decoration: none;}
.dropdown-menu .dropdown-header a:hover, .dropdown-menu .dropdown-header a.active{color:#0093dd!important;font-size: 16px!important;font-weight:600!important;}
.dropdown-menu li a:hover, .dropdown-menu li a.active{color:#0093dd;}
@media screen and (min-width:768px) and (max-width:991px){
    .navbar-default .navbar-nav > li > a{
        padding: 16px 14px;
    }
}
/* ============  */
.top-header .dropdown-menu-large {padding: 10px 0px;}
.top-header-drop ul{display:block;margin-left: unset;}
.top-nav > li:hover .dropdown-menu {display: flex;position: absolute;top: 37px;left: 0;right: 0;min-width: fit-content;}
.top-nav > li > .dropdown-menu {margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
.top-nav {justify-content: center;position: relative!important;left: 0;right: 0;top: -2px;display: flex;padding: 10px; !important;}
.top-nav > li:hover a.dropdown-toggle, .top-nav> li.active a.dropdown-toggle {background: #183748 !important;color: #fff !important;padding-bottom: 16px;}
/* ============  */
/*.webp #mobnavigation {background: url(../../assets/img/header-bg.webp) repeat; height:92px;}
.no-webp*/ #mobnavigation {background: url(../../assets/img/header-bg.jpg) repeat; height:92px;}
.sidenav {height: 100%; width: 0;position: fixed;z-index: 2; top: 0; left: 0; background-color: #0093dd;overflow-x: hidden;padding-top: 60px;transition: 0.5s;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;color: #fff;}
.fa-bars{float:right;margin-top:-57px;color:#000;}
.fa{padding-left: 5px;}
.sidenav li a{color: #fff;margin-left:20px;font-size:17px;}
.sidenav li{padding:3px;display: flex;}
.sidenav li:hover, .sidenav li:active, .sidenav li:focus{background: #183748;padding: 3px;}
.sidenav .notwiththepadding li a{font-size: 14px;font-weight:400;}
.mobnav img{height: 75px;margin: 8px 0px;}

.inv li{line-height: 18px;padding-bottom: 5px;}
.inv{width:350px; margin-right:15px; margin-left:15px;}
.navbar-nav > li:hover .text {display: flex; position: absolute;top: 47px;left: 0;right: 0;min-width: unset;width: 325%;}
.navbar-nav > li:hover .csr-width{min-width: unset;width: 482px;}
.text li a{display: block ruby;font-size: 14px;color: #000;text-decoration:none;}
/* ============== Side Navigation Style ================ */
/*.sidenavi h4{background-color:#BDC2C1;padding:0;margin:1px 0 0 0;}*/
/*.sidenavi h4{background-color:#979FA5;padding:0;margin:1px 0 0 0;}*/
.sidenavi h4{background-color:#597D99;padding:0;margin:1px 0 0 0;}
.sidenavi h4.title{background-color:#183748; color:#fff; font-size:16px; font-weight:800; text-transform:uppercase; padding:5px 5px 5px 15px;}
/*.sidenavi h4.title:hover{background-color:#0093dd;}*/
.sidenavi h4.title:hover{background-color:#183748;color:#fff;}
/*.sidenavi h4.droph{background-color:#979FA5;padding:0;}*/
/*.sidenavi h4.droph{background-color:#BFBFBF;padding:0;}*/
.sidenavi h4.droph{background-color:#8295A4;padding:0;}
.sidenavi h4 a, .sidenavi h4.droph a{font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; color:#fff; padding:5px 5px 5px 15px; display:block;}
.sidenavi h4.droph a{font-size:14px; padding:0 0 0 14px;}
.sidenavi h4.droph a::before{font-family:FontAwesome;content:"\f105";padding-right:10px;}
/*.sidenavi h4:hover{background-color:#2c5369; color:#183748;} */
.sidenavi h4:hover{background-color:#0093dd; color:#183748;} 
.sidenavi h4 a.active{background-color:#2c5369; color:#fff;}
.sidenavi h4.back a{color:#900;}
.sidenavi h4.back a:hover{color:#FC0;}
/* ============== Footer Style ================ */
#footer{padding:35px 0 35px 0;}
#footer h3{color: #fff;} 
#footer p, #footer a, #footer-btm p{text-align:left; color:#ccc;}
#footer a:hover, #footer a.active{color:#26ace2;}
#footer-btm{background:#173545; padding:10px 0;}
#footer-btm p{padding:0;}
.webp #footer{background:url(../../assets/img/footer-bg.webp) top center repeat; height:auto; background-size:cover;}
.no-webp #footer{background:url(../../assets/img/footer-bg.png) top center repeat; height:auto; background-size:cover;}
@media (max-width: 768px) {
#footer, #footer h3, #footer p, #footer a, #footer-btm p{text-align:center;}	
#footer li a{display:block;}
#footer li a.active, #footer li a:hover{background:#2c5369; font-weight:600;}
}
/* ============== Sitemap/404 Page Style ============== */
.sitemapl1, .sitemapl2, .sitemapl3{border:solid 1px #ececec; font-family:'Lato', sans-serif; font-size:16px; line-height:26px; font-weight:400; margin:0 0 2px 0;}
.sitemapl1 a, .sitemapl2 a, .sitemapl3 a{padding:5px; display:block; color:#666;}
.sitemapl3 a:before{padding:5px 5px 5px 10px; font-family:'FontAwesome'; content:"\f105";}
.sitemapl1{background:#ccc; font-weight:800;}
.sitemapl2{background:#f5f5f5;}
.maplast{margin:0 0 30px 0;}
/* ============== Page Gallery ==============  */
#hm-award h3{font-size:15px;margin:0;padding:15px;text-align:center;line-height:22px;height:auto;overflow:hidden;background:#f5f5f5;min-height:65px}
#hm-award .owl-nav{display:none}
#hm-award .item:hover .content{opacity:1;transition:.4s ease-in-out}
#hm-award .content{position:absolute;display:table;width:100%;height:75%;top:0;opacity:0;left:0;background-color:rgba(10,5,48,0.6)}
#hm-award h4{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:25px}
/* ============== Home Page Style==============  */
.secmargin{padding: 50px 0;}
#investor{background:#cfe5e8; padding:50px 0;}

.shadow{box-shadow:0 0 10px 5px rgba(0,0,0,0.2)}
#hm-award h3{font-size:15px;margin:0;padding:15px;text-align:center;line-height:22px;height:auto;overflow:hidden;background:#f5f5f5;min-height:75px}
#hm-projects h3{font-size:15px;margin:0;padding:15px;text-align:center;line-height:22px;height:auto;overflow:hidden;background:#f5f5f5;min-height:55px}
#hm-award .owl-nav{display:none}
.margt{margin-top:5px}
#hm-csr{background:#f5f5f5}
#hm-news{background:#cfe5e88a;margin-top: -5px;}
#hm-projects{background:#cfe5e8;}
#hm-news .box1, .box2{padding:50px 15px 20px 15px;}
#hm-news hr{margin-top:0;margin-bottom:0}
#hm-project h3{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:50px}
#hm-project a{color:#fff}
#hm-project .overlay{position:absolute;display:table;width:100%;height:100%;top:0;opacity:0;left:0;background-color:rgba(10,5,48,0.6)}
#hm-project .item:hover .overlay{opacity:1;transition:.4s ease-in-out}
#hm-project .owl-carousel.owl-loaded{display:contents}
.webp #hm-project{background:url(../../assets/img/hm-project-bg.webp) top center no-repeat;background-size:auto;background-size:cover}
.no-webp #hm-project{background:url(../../assets/img/hm-project-bg.png) top center no-repeat;background-size:auto;background-size:cover}
#hm-projects .projsec{margin-bottom:30px}
@media(max-width:991px){
	#hm-projects h3{width:300px;margin-left:auto;margin-right:auto}
	}
#hm-csr{background:#f5f5f5}
#hm-banner{position:relative;z-index: -1;}
#hm-banner p{color:#fff}
#hm-banner video{width:100%}
#hm-banner .banner-cap {position:absolute; top:100px; left:40px; right:40px; background-color: rgba(0, 0, 0, 0.5); padding:30px;}
@media(min-width:768px) and (max-width:991px){
	#hm-banner .banner-cap{position:unset;text-align:center;background-color:#cfe5e8;margin-top:-5px; }
	#hm-banner h1{color:#333}
	#hm-banner p{color:#333}
	}
@media(max-width:767px){
	#hm-banner .banner-cap{position:unset;text-align:center;background-color:#cfe5e8;margin-top:-5px;}
	#hm-banner h1{color:#333}
	#hm-banner p{color:#333}
	}

.onlinePaymentLink{background: #0093dd;padding: 10px 0;}
.onlinePaymentLink h4{padding-bottom: 0;padding-left: 15px;}
.onlinePaymentLink a{color: #fff;}

.vitem{height:unset;margin-bottom:5px!important;padding-bottom:20px}
.vt-item {
	height:unset;
	padding-bottom:30px;
	margin-bottom: 5px !important;
}


.gallerydetail p{margin-top:25px;}
.gallerydetail img{max-height:417px;}
/*==============modelpop==============*/
.modal-content {background-color: unset;background-clip: unset;border: unset;border: unset;border-radius: unset;-webkit-box-shadow: unset;	box-shadow: unset;}
.close {font-size: 45px;color: #fff;opacity: unset;}
#myModal .modal-content .modal-body img {
	margin-left: 105px;
}
@media(min-width:768px) and (max-width:991px) {
	#myModal .modal-content .modal-body img {
		margin-left: -60px;
	}
}
@media (max-width: 768px) {
	.close{float:unset;}
	.modal-content {	-webkit-box-shadow: unset;	box-shadow: unset	;}
	#myModal .modal-content .modal-body img {	margin-left: 0px;}
}

.catalogue_box::before {
	position: absolute;
	content: " \003e";
	font: normal normal normal 20px/1 FontAwesome;
	left: 0px;
	color: #333;
	top: 1px;
	height: 30px;
	width: 60px;
	font-weight: 900;
}
.gallerydetail .text-family {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size:16px !important;
}
.fancybox-caption{
	text-align:center
}
.fancybox-image, .fancybox-spaceball {
	object-fit: contain;
	height: 85% !important;
}

@media (max-width: 360px) {
	.mobnav img {
		height: 65px;
		margin: 8px 0px;
	}
.sidenav{
width:85%;
}
}
@media (max-width: 1200px) {
	#navigation p {
		font-size: 18px;
	}
}
@media (max-width: 992px) {
	#navigation p {
		font-size: 15px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 13px;
	}
}
.tooltip.right{z-index: -1;
}

#footer-btm a{color:#fff}


#dark-mode-button {
	background-color: #000 !important;
	color: white !important;
	font-size: 20px;
	padding: 5px 8px;
	cursor: pointer;
	border: 1px solid #000;
}

#light-mode-button {
	background-color: #fff !important;
	color: #000 !important;
	font-size: 20px;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #fff;
}

	#light-mode-button.active {
		border: 1px solid #000;
	}

#dark-mode-button.active {
	border: 1px solid #fff;
}

.dark-mode section, body.dark-mode,
.dark-mode .default-bg, .dark-mode tr, .dark-mode #hm-news,
.dark-mode #investor, .dark-mode .secmargin, .dark-mode .inrsecmargin li {
	background-color: #0a0a0a !important;
	color: white !important;
}

.dark-mode p, .dark-mode p span {
	color: white !important;
}

.dark-mode #hm-award h3 {
	color: black !important;
}

.dark-mode #navigation {
	background: url(assets/img/Background_black.png) repeat;
	height: 168px;
}

.dark-mode .owl-carousel .owl-item img {
	background-color: #fff !important;
	color: black !important;
}

.dark-mode .navbar-nav {
	border-bottom: 1px solid #fff;
}

.nav_breadcrum {
	background: #183748;
	padding: 10px 0;
}

.d_flex {
	display: flex;
	justify-content: end;
	gap: 12px;
	align-items: center;
}

.nav_breadcrum a, .nav_breadcrum {
	font-size: 16px;
	color: #fff;
}

	.nav_breadcrum span {
		padding: 0 4px;
		cursor: pointer;
		font-weight: 700;
	}

.pe_2 {
	padding-right: 4px;
}

.ps_2 {
	padding-left: 4px;
}
.fs_3 {
	color: #000;
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: 600;
}