@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Ramabhadra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');
a{text-decoration:none!important;}
li{list-style-type:none!important;}
html{scroll-behavior: smooth;}
.wrdbrk{white-space: pre;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.fullpad{padding:0!important; margin:0!important;}
.poppins{font-family:'Poppins', sans-serif; line-height:28px;}
.ramabha{font-family:'Ramabhadra', sans-serif; letter-spacing: 2px;}
.noto{font-family: 'Noto Serif', serif;}
.logo{width: 150px;}
.navfont{font-size:16px;}
.pfnt{font-size:14px;}
.navbar button {background-color: white;}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}
.parallax {
    background-image: url("../images/parallax.jpg");
    height: auto;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
	background-repeat:no-repeat;
}
.bg-overlay {position: relative;}
.bg-overlay:after {
    background-color: #0f10775e;
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.topad{padding:120px 0;}
.box-bg {position: relative; z-index: 1;}
.toplogo{width:550px;}
.typed p {
  font-size: 2rem;
  padding: 0.5rem;
  letter-spacing: 0.1rem;
  text-align: center;
  overflow: hidden;
}
.typed p span.typed-text {color: #fff; border-bottom: 2px solid #03C4EB;}
.typed p span.cursor {
  display: inline-block;
  background-color: #ccc;
  margin-left: 0.1rem;
  width: 3px;
  animation: blink 1s infinite;
}
.typed p span.cursor.typing {animation: none;}
@keyframes blink {
  0%  { background-color: #ccc;}
  49% { background-color: #ccc;}
  50% { background-color: transparent;}
  99% { background-color: transparent;}
  100%  { background-color: #ccc;}
}
.navbg{background: linear-gradient(0.25turn,#0B3D6F, #74b2ea, #0C4F9F, #0A4D9D, #0E58B1,#0B4788,#164888,#155ab1); text-shadow: 0 0 8px black;}
.dropdown-item:active{color: white!important; text-decoration: none; background-color:none!important;}
.dropdown-item{padding: 10px 30px!important; font-size:14px!important; color:white!important;}
.dropdown-item:hover {background-color: #125b95!important;}
.dropdown-menu{background-color: #125b95!important;}
.pad{padding:90px 0;}
.section-title-divider {
    width: 50px;
    height: 3px;
    background: #1F5AAD;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 20px;
}
.padht{transition: 0.5s; transform: translateY(0);}
.padht:hover {-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); cursor:pointer;}
.iconitems {border-right: 2px solid #dddddd4a;}
.clr{color: #636467;}
.why-solar{background-color: #F8F8F8;}
.solar-head{color: #636469; font-size: 50px; font-weight: bold;}
.clr1{color:#125b95;}
.btn1{background:transparent; color:white; padding:15px 35px; border-radius:5px; border:1px solid white; -webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;}
.btn1:hover{background:#125b95; color:white; padding:15px 35px; border-radius:5px; border:1px solid #125b95; -webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;}
.btn2{background:#125b95; color:white; padding:15px 35px; border-radius:5px; border:1px solid #125b95; -webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;}
.btn2:hover{background:transparent; color:white; padding:15px 35px; border-radius:5px; border:1px solid white; -webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;}
.btn3{background:#125b95; color:white!important; padding:10px 25px; border-radius:5px; border:1px solid #125b95; -webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;}
.choose-area {background-color: #F6F6F6;}
.choose-part {
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 10px;
    transition: all 0.5s ease 0s;
}
.choose-part:hover {cursor: pointer; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);}
.choose-icon {width: 20%;}
.choose-icon i.fa {
    background-color: #FFDE00;
    color: #1554a4;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    transition: all 0.5s ease 0s;
}
.choose-part:hover .choose-icon i.fa {border-radius: 50%; color: #1554a4;}
.choose-info {padding: 0 10px; width: 80%; height: 92px;}
.choose-info h2 {color: #272727; font-size: 16px; margin-bottom: 10px;}
#counter{background: rgba(black, .05);}
#counter li{flex: 1; text-align: center;}
#counter li span.percent:after { content: "+"; display: inline-block;}
.counttext{color: #1a1a1a; font-size: 40px; font-weight: 600;}
.services-slider-section {
    background-color: #0b4fa0;
	position: relative;
	margin-bottom: 200px;
	padding-bottom: 200px;
	padding-top: 120px;
}
.serive-slider-wrap {
    position: absolute;
    left: 0;
    bottom: -135px;
    width: 100%;
}
.single-slider{margin-bottom: 26px;}
.single-slider h6 {
    background-color: #FFDE00;
	text-transform: uppercase;
	padding: 19px 0;
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: -7px;
}
.single-slider1{margin-bottom: 26px;}
.single-slider1 h6 {
    background-color: #FFDE00;
	text-transform: uppercase;
	padding: 19px 0;
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: -7px;
	color:#1555a6;
	font-weight:bold;
	letter-spacing:1px;
}
.single-slider h6 a {
    color: #1555a6;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	font-size:16px;
	letter-spacing:1px;
	font-weight:bold;
}
.single-slider h6:hover a {padding-right: 25px;}
.single-slider h6 a::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-family: 'FontAwesome';
    font-weight: 300;
    content: '\f061';
    visibility: hidden;
	font-size: 13px;
}
.single-slider h6:hover a::before {
    right: 0;
    visibility: visible;
    opacity: 1;
}
.servicefont{font-size:48px;}
.owl-nav{display:none;}
.owl-dots{display:none;}
.parallax7 {
    background-image: url("../images/parallax7.jpg");
    height: auto;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
	background-repeat:no-repeat;
}
.fw-heading h3 span {position: relative;}
.fw-heading h3 span::before {
    content: '';
    display: block;
    height: 32px;
    width: 30px;
    position: absolute;
    top: -44px !important;
    left: -60px;
    border: solid 2px #fff;
    border-width: 2px 0 0 2px;
}
.fw-heading h3 span::after {
    content: '';
    display: block;
    height: 32px;
    width: 30px;
    position: absolute;
    right: -60px;
    bottom: -14px !important;
    border: solid 2px #fff;
    border-width: 0 2px 2px 0;
}
.fwpad{padding:40px;}
.fw-action-inner {border: solid 4px #0a4d9d; padding: 35px 25px;}
.fw-action-btn {
    width: auto;
    padding: 0 15px;
    margin-bottom: -55px;
    text-align: center;
}
.fw-btn {
   position: relative;
	font-size: 14px;
	height: 39px;
	line-height: 3;
	padding: 15px 30px;
	border: none;
	background-color: #0a4d9d;
	color: #ffffff!important;
}
.fw-btn::after {
    content: '';
    display: block;
    width: 0px;
    height: 39px;
    position: absolute;
    top: 0;
    background-color: #ffffff;
	right:-10px;
}
.fw-btn::before {
    content: '';
    display: block;
    width: 0px;
    height: 39px;
    position: absolute;
    top: 0;
	left:-10px;
    background-color: #ffffff;
}
.footer{background-color:#1e1e2a;}
.footerpad{padding:80px 0 30px 0;}
.footer-widget {padding: 50px 35px;}
.text2 {position: relative; padding: 0 0 0 26px; margin-top: -41px;}
.bannerhead{font-size: 90px; text-shadow: 0 0 8px black;}
.bannerpad{padding:200px 0px;}
.about-img img {border-radius: 40px 100px 40px 100px; border: 2px solid #0a4d9d; width: 100%;}
.about-img::before {
    position: absolute;
    content: '';
    left: -35px;
    top: -53px;
    height: 150px;
    width: 150px;
    background-image: url("../images/abimg.png");
    background-size: 100% 100%;
    z-index: -1;
    animation: pulse 3s infinite ease-in-out;
}
.about-img-sun{animation: rotate3d 8s linear infinite;}
@keyframes pulse{
	0% {
	   transform: scale3d(1, 1, 1);
	}
	50% {
	   transform: scale3d(1.05, 1.05, 1.05);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}
@keyframes rotate3d{
0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
	}
100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
	}
}
.gallerybanner{background-image:url("../images/gallerybanner.jpg"); height:520px; background-repeat: no-repeat; background-size:100% 100%;}
.gallerybanner1{background-image:url("../images/gallerybanner1.jpg"); background-repeat: no-repeat; background-size:100% 100%;}
.portfoliobanner{background-image:url("../images/solargallery.jpg"); height:520px; background-repeat: no-repeat; background-size:100% 100%;}
.portfoliobanner1{background-image:url("../images/mobilesolargallery.jpg"); background-repeat: no-repeat; background-size:100% 100%;}
.lightbox {position: fixed !important; top: 50px !important;}
.w0{width:0%;}
.wapp{width:60px;}
.point{bottom:15px!important; right:15px!important;}
.wrap-about {padding-left: 6em!important;}
.proImg {position: relative; z-index: 3;}
.proImg::before {
    background-color: #ffe100;
    content: '';
    position: absolute;
    right: 30px;
    top: 0px;
    width: 999%;
    height: 80%;
    border-top-right-radius: 400px;
    border-bottom-right-radius: 400px;
    opacity: 0.9;
    z-index: -1;
}
.text3 {position: relative; padding: 0 0 0 26px; margin-top: -23px;}
.featuresList i:hover {color: #ffe100;}
.imgbrdr{border: 3px solid #0a4e9e;}
.minfnt {color: #f5f5f57a; font-size: 9px;}

@media(min-width:5px) and (max-width:767.98px){
.iconitems {border-right:none;}
.pad{padding:50px 0;}
.solar-head{font-size:30px;}
.servicefont{font-size:25px;}
.services-slider-section{padding-bottom: 140px; padding-top: 40px;}
.fw-heading h3 span::before{content:none;}
.fw-heading h3 span::after{content:none;}
.fwpad {padding: 35px;}
.about-img::before {left: 5px; top: -20px; height: 90px; width: 90px;}
.bannerhead{font-size: 40px; text-shadow: 0 0 8px black;}
.wrap-about {padding-left: 1em!important;}
}

@media(min-width:768px) and (max-width:992.98px){
.iconitems {border-right:none;}
.pad{padding:50px 0;}
.choose-icon i.fa {font-size: 18px; height: 40px; line-height: 40px; width: 40px;}
.services-slider-section{padding-bottom: 140px; padding-top: 40px;}
.wrap-about {padding-left: 1em!important;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.notfound .notfound-404 {height: 280px; position: relative; z-index: -1;}
.notfound .notfound-404 h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 190px;
	margin: 0px;
	font-weight: 900;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url('../images/bg.jpg') no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: cover;
	background-position: center;
}
.notfound h2 {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}
.notfound p {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 0px;
}
.notfound a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  background: #0046d5;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 40px;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
   box-shadow: 0px 4px 15px -5px #0046d5;
}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
.notfound .notfound-404 h1 {font-size: 112px;}
}