:root {
  --main-color: #fff;
}
p {
font: normal normal normal 14px/25px Barlow;
}
a{
text-decoration: unset !important;

}
.black-text{
color: #000 !important;

}
.white-text{
color: #FFFFFF !important;

}
.dark-color-font{
color: #474747 !important;

}
.navbar-dark .navbar-nav .nav-link{
color: #474747 !important;
}
.col-nav-hi-main-right-align{
display: flex;
  justify-content: flex-end;

}
.page-scrolled {
/* overflow: hidden !important; */
position: fixed;
top: 0;
width: 100%;
background-color: #ffffff;
box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.356);

z-index: 99999;
transition-duration: 0.7s;
}
.header-down{
transition-duration: 0.7s;

}
.content-heding-infor-sec-heading{
display: flex !important;
  justify-content: space-evenly !important;
padding-left: 4%;
width: 53%;


}
.inner-left-upper-hedder-sec {
  display: flex;
  flex-direction: row;
}

.padding-left-header{
padding-left: 20px;

}
.min-site-wap{
  width: 75%;
  margin: 0 auto;

}
.award-page-wap{
width: 60%;
margin: 0 auto;

}
.max-page-wapper {
  width: 85%;
  margin: 0 auto;
}
.right-page-link-padd-left-right {
display: flex;
justify-content: flex-end;
}
.padding-right-up-header{
padding-left: 30px;
padding-right: 30px;
transition-duration: 0.7s;
}
.upper-hedaer-section{

background: rgb(34,119,221);
background: linear-gradient(90deg, rgba(34,119,221,1) 34%, rgba(96,44,213,1) 100%);
padding-top: 14px;
  padding-bottom: 2px;


}
.header-padding-content-wi{
display: flex;
width: 88%;
margin: 0 auto;

}
.padding-top-bot-main-hed-lgo-sec{
padding-top: 10px;
padding-bottom:10px;


}
.col-nav-hi-main-right-align .navbar-dark .navbar-nav .nav-link {
  font: normal normal 500 14px/17px Barlow;
  letter-spacing: 0px;
  
  text-transform: uppercase;
  opacity: 1;
  color: #474747 !important;
  padding-right: 20px;
  padding-left: 20px;
}
.col-nav-hi-main-right-align .navbar-dark .navbar-nav .nav-link:hover {
font: normal normal 500 14px/17px Barlow;
letter-spacing: 0px;

text-transform: uppercase;
opacity: 1;
color: #2277DD !important;
padding-right: 20px;
padding-left: 20px;
text-decoration: none;
  background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #06EAED, #2277DD);
  background-repeat: no-repeat;
  background-position: 117%, 122%, 0 130%;
  background-size: 101% 9px;
  margin: 0 auto;
}

.content-heding-infor-sec-heading-para-mobile::after{
  /*
  content: "";
  background: url(http://localhost/hienergyservices/wp-content/uploads/2022/03/telephone-call-5.png);
  position: absolute;
  width: 17px;
  background-repeat: no-repeat;
  height: 17px;
  top: 4px;
  left: -6px;
  */


}
.content-heding-infor-sec-heading-para-mobile{
width: 100%;
position: relative;
}
.content-heding-infor-sec-heading-para-email{
position: relative;
width: 100%;


}
.content-heding-infor-sec-heading-para-location{
position: relative;
width: 100%;
left:11px;


}
/*banner-css*/
.site-banner-section span.carousel-control-prev-icon {
position: relative;
left: -32%;
}
.site-banner-section span.carousel-control-next-icon {
position: relative;
left: 31%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  color: #ffff;
 
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 18.25rem;
  left: 6.5%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;
  width: 42%;
}
.banner-heading{
  text-align: left;
  font: normal normal bold 70px/70px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;

}
.creative-heading{
  text-align: left;
  font: normal normal 500 14px/17px Barlow;
  letter-spacing: 2.1px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;


}
.read-more-banner-section{
  padding-top:12px;
  padding-bottom:12px;
  padding-left:35px;
  padding-right:35px;
  background:#2277DD;
  color:#fff;
  border:none;
  border-radius: 25px;
  transition-duration: 0.7s;
  font: normal normal normal 14px/25px Barlow;

}
.enquire-now-banner-section{
  padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 45px;
    padding-right: 30px;
    background: #fff;
    color: #2277DD !important;
    border-radius: 25px;
    border: none;
    font: normal normal normal 14px/25px Barlow;

}
/*banner-css-end*/

.slider-down-content-sec{
  background:#2277DD;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;


}
.home-slider-service-creative-heading{
  text-align: left;
  font: normal normal 500 12px/14px Barlow;
  letter-spacing: 0.84px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;

}
.home-slider-service-titile{
  text-align: left;
  font: normal normal 600 20px/20px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  padding-bottom:2%;
  position:relative;

}
.card:hover .card__overlay .home-slider-service-titile {
  color: #06EAED;
   
}
.card:hover .card__overlay .home-slider-service-titile::after{
  content: "";
  position: absolute;
  width: 11px;
  height: 21px;
  background-repeat: no-repeat;
  right: 26px;
  top: 1px;
  float: right;
  -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);


}
.site-banner-section{
  padding-top:10px;

}
/*slide-service*/
.cards {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
  /* gap: 2rem; */
  /* margin: 4rem 5vw; */
  padding: 0;
  /* list-style-type: none;*/
}

.card {
  position: relative;
  display: block;
  height: 100%;  
 
  overflow: hidden;
  text-decoration: none;
}

.card__image {      
  width: 100%;
  height: auto;
}

.card__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;      
    
  background-color: #2277DD;      
  transform: translateY(74%);
  transition: .4s ease-in-out;
  
}

.card:hover .card__overlay {
  transform: translateY(0);
  background-color: #071D59;  
  padding: 30px;
}

.card__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2em;
  padding: 2em;
  
  background-color: var(--surface-color);
  transform: translateY(-100%);
  transition: .2s ease-in-out;
}

.card__arc {
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 100%;
  right: 0;      
  z-index: 1;
}

.card__arc path {
  fill: var(--surface-color);
  d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
}       

.card:hover .card__header {
  transform: translateY(0);
}

.card__thumb {
  flex-shrink: 0;
  width: 50px;
  height: 50px;      
  border-radius: 50%;      
}

.card__title {
  font-size: 1em;
  margin: 0 0 .3em;
  color: #6A515E;
}

.card__tagline {
  display: block;
  margin: 1em 0;
  font-family: "MockFlowFont";  
  font-size: .8em; 
  color: #D7BDCA;  
}

.card__status {
  font-size: .8em;
  color: #D7BDCA;
}

.card__description {
  padding: 0 2em 2em;
  margin: 0;
  color: #D7BDCA;
  font-family: "MockFlowFont";   
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}  




.parag-heder-hov-up{
  text-align: left;
  font: normal normal 600 14px/25px Barlow;
  letter-spacing: 0.98px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;

}
.parag-description-hov-up{
  text-align: left;
  font: normal normal normal 14px/25px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: capitalize;
  opacity: 1;

}
/*slide-service-end*/

.title-page-main-title-sections{

  text-align: left;
  font: normal normal 500 55px/60px Barlow;
  letter-spacing: 0px;
  color: #071D59;
  text-transform: capitalize;
  opacity: 1;


}
.gradiant-paragraph-page-innr{
  /*
  background: transparent linear-gradient(90deg, var(--unnamed-color-06eaed) 0%, var(--unnamed-color-2277dd) 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  */
  /* Fallback: Set a background color. */
  background: #2277DD;
  background: linear-gradient(90deg, #06EAED 37%, #2277DD 68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 43%;
  -moz-background-clip: text;
  letter-spacing: 2px;
/* Use the text as a mask for the background. */
/* This will show the gradient as a text color rather than element bg. */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 
-moz-background-clip: text;
-moz-text-fill-color: transparent;
position: relative;

}
section.wlcome-section-hienergy {
  padding-top: 7%;
  padding-bottom: 6%;
  position: relative;
}
.counter-number-sum-titel{
  text-align: left;
font: normal normal 600 18px/22px Barlow;
letter-spacing: 0px;
color: #474747;
text-transform: uppercase;
opacity: 1;

}
.counter-number-main{
  text-align: left;
  font: normal normal 500 50px/60px Barlow;
  letter-spacing: 3.5px;
  color: #071D59;
  text-transform: uppercase;
  opacity: 1;

}
.padd-top-row-hm {
  padding-top: 4%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-service-card-title{
  padding-top: 25px;
  padding-bottom: 10px;
  text-align: center;
  font: normal normal 600 20px/24px Barlow;
  letter-spacing: 0px;
  color: #071D59;
  text-transform: uppercase;
  opacity: 1;

}
.inner-service-card-read-more{
  text-align: left;
  font: normal normal normal 14px/25px Barlow;
  letter-spacing: 1.54px;
  color: #2277DD;
  text-transform: uppercase;
  opacity: 1;
  text-decoration: none;

}
.inner-service-card {
  border: 1px solid #EBEBEB;
  border-radius: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15%;
  padding-bottom: 15%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  align-items: center;
  flex-wrap: wrap;
  transition-duration: 0.8s;
}
.inner-service-description{
text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
text-transform: capitalize;
opacity: 1;

}
.our-service-wpper {
padding-top: 6%;
display: flex;
/* flex-direction: row; */
/* flex-wrap: wrap; */
justify-content: space-between;
}
.Sustainability-section-hienergy h3.color-word-cleanerenergy.white-text {
padding-bottom: 3%;
}
.col-up-padding-ser{
padding-top: 3% !important;

}
.inner-service-card:hover{
border: 1px solid #2277DD;
border-radius: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15%;
padding-bottom: 15%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-content: stretch;
align-items: center;
flex-wrap: wrap;
transform: translateY(-22px);
transition-duration: 0.5s;

}
.inner-service-card:hover .inner-service-card-read-more{
text-decoration: underline !important;

}
.Sustainability-section-hienergy{
padding-top: 9%;
padding-bottom: 7%;
background-color: #071D59;

}
.color-word-cleanerenergy{
text-align: left;
font: normal normal normal 25px/37px Barlow;
letter-spacing: 0px;
color: #06EAED;

}
.count-bx-inndr-flex{
padding-top: 2%;
display: flex;

}
.light-blue{
color: #06EAED !important;

}
.counter-number-main-sustain{
text-align: left;
font: normal normal normal 25px/37px Barlow !important;
letter-spacing: 0px;
color: #06EAED !important;
text-transform: capitalize;
opacity: 1;

}
.counter-number-sum-titel-sustain{

text-align: left;
font: normal normal normal 25px/37px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;

}
.counter-inner-sus-col-right-fl {
padding-left: 3%;
}
.padd-read-more-sustanability{
margin-top: 7%;

}

/*vedio section*/



.video_wrapper iframe {
width: 95%;
height: 95%;
}
.video_wrapper {
width: 95%;
margin: 0 auto;
position: relative;
background-color: #000;
height: 95%;
}
.videoWrapperActive .videoPoster {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}

/*vedio-section-end*/

/*What Do You Really Save With Solar? section*/

.what-do-title-sec{
text-align: left;
font: normal normal normal 55px/60px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;

}
.save-with-solor{
padding-top: 6%;
padding-bottom: 6%;


}
/*What Do You Really Save With Solar? section-end*/

.row.footer-image.d-flex{
justify-content: center;
padding-bottom: 4%;
}
img.footer-img {
width: auto;
}
.footer-title-col{

text-align: left;
font: normal normal 600 14px/17px Barlow;
letter-spacing: 0.28px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;

}
.footer-description-font{

text-align: left;
font: normal normal normal 14px/17px Barlow;
letter-spacing: 0.28px;
color: #C8C8C8;
text-transform: capitalize;
opacity: 1;

}
hr.solid {

border-top: 1px solid #bbb;
width: 113%;
margin-left: -50px;
}
.footer-copy-right{
text-align: center;
font: normal normal normal 14px/17px Barlow;
letter-spacing: 0.28px;
color: #FFFFFF;
opacity: 1;
padding-top: 1%;
padding-bottom: 1%;

}
.tree-sliders-main-title{
text-align: left;
font: normal normal medium 30px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.tree-section-hienergy{
background-color:#F1FAFF ;
padding-top: 4%;
padding-bottom: 4%;
margin-top: 6%;

}
.owl-awards-carosel.owl-carousel .owl-nav.disabled {

display: unset !important;
  float: right;
  position: relative;
  top: -43vh;
}
.award-name{
text-align: center;
font: normal normal 500 18px/22px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.award-year{
text-align: center;
font: normal normal 500 18px/22px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.inner-ward-carosel-content-inner-r {
margin-bottom: 13px;
display: flex;
}
.bacground-col-inner{
background-color: #fff;
padding-left: 18px;

}
.news-date-l{
text-align: left;
font: normal normal 500 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
text-transform: capitalize;
opacity: 1;

}
.news-heading-l{
text-align: left;
font: normal normal 600 18px/22px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;


}
.read-more-news{
text-align: left;
text-decoration: underline;
font: normal normal 600 14px/25px Barlow;
letter-spacing: 1.54px;
color: #2277DD;
text-transform: uppercase;
opacity: 1;

}
.inner-our-partners-slider-title{
text-align: left;
font: normal normal 600 18px/22px Barlow;
letter-spacing: 0px;
color: #474747;
text-transform: uppercase;
opacity: 1;

}
.ourproject-section{
padding-top: 10%;

}
.all-product-fl{
display: flex;
align-content: center;
justify-content: center;
align-items: center;

}
.completion-type-year{
text-align: left;
font: normal normal 600 14px/25px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
position: relative;
left: 31%;
top: -14px;

}
.completion-type-years{
text-align: left;
font: normal normal 600 14px/25px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
position: relative;
left: 57%;
top: -14px;

}
/* img.image-our-project-ingle-inner-logo {
position: relative;
top: -62px;
left: 26px;
} */
.wraprprojectImage {
  position: relative;
  top: -45px;
  left: 26px;
  /* margin-top: -9%; */
  width: 200px;
  /* height: 58px; */
}

.our-project-singleinner{
height: 515px;
width:87%;
border: 1px solid #EBEBEB;
border-radius: 11px;
}
.header-service-project{
text-align: left;
font: normal normal 500 20px/24px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.content-inner-service {
padding-left: 5%;
padding-bottom: 6%;
}
.partner-carousel .owl-nav {
float: right;
position: relative;
left: 1vw;
top: -13.5vh !important;
}
.inventor-partner-carousel .owl-nav {
float: right;
position: relative;
left: 1vw;
top: -13.5vh !important;
}
.investor-vender {
padding-top: 11%;
}
.our-globle-map-section{
padding-top: 7%;
padding-bottom: 6%;
background-color:#F1FAFF ;

}
.save-with-solor{
position: relative;

}
img.save-with-solor-img-behind-img {
position: absolute;
top: 56%;
left: 0;
}
.map-globle-wapp{
position: relative;
width: 100%;

}
.dubai-divition {
  position: absolute;
  top: 24%;
  left: 41%;
}
.pakistan-divition {
  position: absolute;
  top: 20%;
  left: 66%;
}
.inner-ward-carosel-content-inner-r {
display: flex !important;
flex-direction: row;
align-items: center;
justify-content: center;
}
.img-sec-news-and-events {
width: 37%;
}
.slick-prev.slick-arrow {
  position: relative;
  right: -89%;
  top: -13px;
}

.home-new-hilight-carousel.slick-initialized.slick-slider.slick-vertical {
margin-top: -21px;
}
.slick-next.slick-arrow {

content: "";
height: 20px;
background-repeat: no-repeat;
width: 20px;
float: right;
position: relative;
top: -23.7em;
  left: 0px;
}
.conent-sec-news-and-events.bacground-col-inner {
width: 70%;
padding-top: 20px;
  padding-bottom: 20px;
}
p.white-text.text-location-map-pakistan {
position: absolute;
top: 4px;
left: 88px;
}
img.image-our-project-ingle-inner-logo{
width: auto !important;
}
.our-project-slider-carosel .owl-nav {
position: relative;
top: -55%;
}
.our-project-slider-carosel button.owl-next {
position: relative;
left: 50%;
}
.gradiant-paragraph-page-innr-inner-page{
/*
  background: transparent linear-gradient(90deg, var(--unnamed-color-06eaed) 0%, var(--unnamed-color-2277dd) 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  */
  /* Fallback: Set a background color. */
  background-color: #06EAED;

  /* Create the gradient. */
  background-image: linear-gradient(45deg, #06EAED 0%, #2277DD 100%);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  position: relative;

}
.title-page-main-title-sections-inner-page{
text-align: center;
font: normal normal bold 55px/70px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;

}
.gradiant-paragraph-page-innr-inner-page{
font: normal normal 500 14px/17px Barlow;
letter-spacing: 2.1px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
text-align: center;

}
.center-text-page-center{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40%;
  justify-content: center;
  margin: 0 auto;

}
.row.center-text-page-center {
width: 40%;
display: flex;
justify-content: center;
margin: 0 auto;
}
.about-us-count-section{
position: relative;

}
.blue-counter-box {
background-image: url(../jpg/counter-box.jpg);
position: absolute;
width: 25%;
background-size: contain;
padding-left: 0px;
top: 8%;
right: 11%;
}
.counter-number-sum-titel-ab{
text-align: center;
font: normal normal normal 22px/26px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;

}
.counter-number-main-ab{
text-align: center;
font: normal normal 500 76px/91px Barlow;
letter-spacing: 5.32px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;

}
.about-inner-row-upper-row-element-col-title{
text-align: left;
font: normal normal 500 18px/25px Barlow;
letter-spacing: 0px;
color: #071D59;
opacity: 1;
padding-right: 3%;
padding-top: 6%;

}
.about-inner-row-upper-row-element-col {
width: 40%;
padding-right: 6px;
padding-bottom: 5%;
}
.about-inner-row-upper-row {
display: flex;
flex-direction: row;
align-content: center;
padding-top: 3%;
flex-wrap: wrap;
}
.element-baout-us-lssp {
padding-top: 10%;
padding-bottom: 10%;
}


.right-about-us-col-brighter-future-section-title{
text-align: left;
font: normal normal 500 20px/32px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
section.counter-section-aver-about {
padding-top: 8%;
padding-bottom: 8%;
}
.col-padding-about-right{
padding-top: 4%;

}
.certificate-section-vi-mi{
padding-top: 6%;
background-color:#071D59 ;
padding-bottom: 6%;

}
img.about-us-year-soler-industry {
max-width: 88%;
}
.vition-mition-w-title{
text-align: left;
font: normal normal 500 55px/60px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;
padding-top: 1%;
padding-left: 6%;


}
.vition-mition-w-para{
text-align: left;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
padding-top: 1%;
padding-left: 6%;

}
.vision-logo{
position: relative;


}
.mision-logo{
position: relative;

}
.col-width-cetification-wi{
padding-right: 12%;

}
.company-value-objective{
text-align: left;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
font-family: Barlow;
font-size: 30px;
font-weight: 500;
line-height: 60px;
}
.objectives-para-reperter-content{
text-align: left;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
opacity: 1;
position: relative;
padding-left: 30px;

}
.company-objective-section{
padding-top: 6%;
padding-bottom: 6%;

}
.element-baout-us-lssp-cp{
padding-top: 2%;
padding-bottom: 2%;

}
.col-milstone-sec-title-ab{
text-align: left;
font: normal normal 600 18px/30px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: uppercase;
opacity: 1;
padding-top: 9%;
padding-right: 20%;

}
.padd-row-milstone{
padding-top: 3%;

}
.milstone-section-hienergy{
padding-top: 6%;
padding-bottom: 6%;

}
.breadcrumb{
text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
text-transform: capitalize;
opacity: 1;
color: white;
margin: 0 auto;
height: 150px;
display: flex;
justify-content: center;
align-items: flex-end;

}
.breadcrumbs a{
text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #C8C8C8;
text-transform: capitalize;
text-decoration: unset !important;
}
.breadcrumbs {
text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #ffffff;
text-transform: capitalize;

}
.non-active {
  color: #C8C8C8;
  font: normal normal normal 14px/25px Barlow;
  text-transform: capitalize;
  margin-bottom: 0;
}
a.non-active:hover {
  color: #C8C8C8 !important;
}
.pgTitle {
  color: #FFFFFF !important;
}
.management-member-name{
text-align: center;
font: normal normal 600 16px/19px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;

}
.management-member-desionation{
text-align: center;
font: normal normal medium 12px/14px Barlow;
letter-spacing: 0.84px;
color: #474747;
text-transform: uppercase;
opacity: 1;

}
.management-member-name{
text-align: center;
font: normal normal 600 16px/19px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
transition-duration: 0.5s;

}
.management-member-desionation{
text-align: center;
font: normal normal medium 12px/14px Barlow;
letter-spacing: 0.84px;
color: #071D59;
text-transform: uppercase;
opacity: 1;
transition-duration: 0.5s;

}
img.management-team-member-imag {
filter: grayscale(1);
transition-duration: 0.5s;
}
.member-management-team-content {
padding-top: 2%;
padding-bottom: 1%;
width: 91.5%;
transition-duration: 0.5s;
}
.management-team-card:hover img.management-team-member-imag {
filter:unset;
transition-duration: 0.5s;
}
.management-team-card:hover .member-management-team-content {
padding-top: 2%;
padding-bottom: 1%;
width: 91.5%;
background-color: #2277DD;
transition-duration: 0.5s;
}
.management-team-card:hover .management-member-name{
text-align: center;
font: normal normal 600 16px/19px Barlow;
letter-spacing: 0px;
color: #ffffff !important;
text-transform: capitalize;
opacity: 1;
transition-duration: 0.5s;

}
.management-team-card:hover .management-member-desionation{
text-align: center;
font: normal normal medium 12px/14px Barlow;
letter-spacing: 0.84px;
color: #ffffff;
text-transform: uppercase;
opacity: 1;
transition-duration: 0.5s;

}
section.management-team {
padding-top: 7%;
padding-bottom: 7%;
}
.management-team-content-padd {
padding-bottom: 4%;
display: flex;
align-items: flex-end;
}
.class-group-of-company-hi {
display: flex;
margin: 0 auto;
flex-direction: column;
align-items: center;
justify-content: center;
}
.group-of-company-description{
margin: 0 auto;
text-align: center;
padding-bottom: 2%;

}
.group-of-company-main-section{
padding-top: 5%;
padding-bottom: 4%;

}
img.group-of-company-logo-image {
padding-bottom: 3%;
}
.small-col--card-of-company-content{
text-align: left;

font: normal normal normal 14px/25px Barlow;
letter-spacing: 1.54px;
color: #06EAED;
text-transform: uppercase;
opacity: 1;

}
.small-col--card-of-company {
width: 40%;
}
.huge-col-imag-card-of-company {
width: 60%;
}
.small-col--card-of-company-content-comm{

text-align: left;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
padding-top: 13px;
  padding-bottom: 13px;

}
img.high-width-company-image {
width: 100%;
height: auto;
}
.huge-col-imag-card-of-company{
position: relative;

}
img.company-logo-image-single-sep {
bottom: 13%;
position: absolute;
left: -6.5%;
}
.small-col--card-of-company {
/* padding: 18px; */
width: 40%;
padding-top: 68px;
margin-left: -23px;
padding-bottom: 7%;
padding-right: 21px;
padding-left: 66px;
}
img.high-width-company-image {
width: 100%;
height: 100%;
margin-left: 2px;
}
.small-col--card-of-company-title{
text-align: left;
font: normal normal 600 20px/24px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;

}
.row.full-width-card-group-og-company {
padding-top: 4%;
}
.high-width-company-image {
height: 345px;
}


.full-width-card-group-og-company-reverse{
padding-top: 5%;
display: flex;
flex-direction: row-reverse !important;

}
.small-col--card-of-company-reverse {
/* padding: 18px; */
width: 40%;
padding-top: 68px;
margin-left: -23px;
padding-bottom: 7%;
padding-right: 21px;
padding-left: 66px;
position: relative;
left: 15px !important;
}
.high-width-company-image-reverse {
width: 100%;
height: 345px;
margin-left: 2px;
position: relative !important;
right: 15px !important;
}
.company-logo-image-single-sep-reverse {
bottom: 13%;
position: absolute;
right: -6.5% !important;
left: unset !important;
}
.small-col--card-of-company-content:hover{
text-decoration:underline !important;
text-decoration-color: #06EAED !important;
text-underline-offset: 10px;
}

/*animations*/

/**Styling scrollable elements*/

.scrolled.fade-in-bottom {
animation: fade-in-bottom 1s ease-in-out both;
}

.js-scroll {
opacity: 0;
transition: opacity 500ms;
}

.js-scroll.scrolled {
opacity: 1;
}

@keyframes fade-in-bottom {
0% {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
}
100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
}

/*animations-end*/


#footer .sciocal-media-icon-sec-heading svg{
vertical-align: middle;
height: 34px;
width: 50px;
}
.second-row-padd-hom{
padding-top: 4%;
padding-bottom: 2%;

}
.our-project-slider-carosel button.owl-prev {
position: relative;
left: -54%;
}
/*owl-slider-comman-*/
.owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: rgba(255, 255, 255, 0) !important;

}
.owl-theme .owl-nav [class*=owl-] {

color: rgba(255, 255, 255, 0) !important;


}
.our-project-singleinner:hover {
width: 87%;


background: /* gradient can be an image */
linear-gradient(
  to left, 
  rgba(34, 119, 221, 1) 0%,
 
  rgba(6, 234, 237, 1) 100%
)
left 
bottom
rgba(255, 255, 255, 0)    
no-repeat; 
background-size:100% 3px ;/* if linear-gradient, we need to resize it */
transition-duration: 0.01s;


}

/*owl-slider-comman-end*/
.our-project-singleinner{


}
.completion-time-project-carosel{
position: relative;
padding-left: 45px;
}
.capacity-tot-project-carosel{
position: relative;
padding-left: 110px;

}
.project-top-down-padd-hom{
padding-top: 3%;
padding-bottom: 4%;

}
.col-padd-relative-footer-down-left{
position: relative;

}
.page-overall-top-btn {
position: absolute;
top: 0%;
right: 5%;
}
.width-col-footer-card{
width: 20%;
margin: 0 auto;

}
/*our-partners*/
.row-vender-wp {
margin-left: -5%;
margin-right: -5%;

}
.sub-vendors-main-title{
text-align: center;
font: normal normal 500 30px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
padding-bottom: 2%;

}
.vendors-col-card-tree {
width: 33%;
margin-left: 4%;
margin-right: 4%;
background-color: #ffffff;
border: 1px solid #EBEBEB;
border-radius: 10px;
}
h3.vendors-col-card-tree-header-title {
text-align: center;
font: normal normal 600 18px/22px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;

}
img.img-vendor-logo-logo-panel-img {

padding-bottom: 3%;
}
.vendors-col-card-tree-header-ti {
background: rgb(34,119,221);
background: linear-gradient(90deg, rgba(34,119,221,1) 0%, rgba(69,77,217,1) 50%, rgba(96,44,213,1) 100%, rgba(0,212,255,1) 100%);
border-radius: 10px 10px 0px 0;
padding-top: 12px;
padding-bottom: 12px;

}
.vendors-col-card-tree-content {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 14%;
padding-right: 14%;
padding-top: 8%;
padding-bottom: 12%;
}
.solar-panal-vendors{
padding-top: 6%;
padding-bottom: 6%;
background-color:#F1FAFF ;
}
.invertor-vendors{
padding-top: 6%;
padding-bottom: 6%;
background-color:#fff ;
}
p.vendors-col-card-tree-content-paragraph {
text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
opacity: 1;

}

.vendors-col-card-tree-content-sub-header-title{
text-align: center;
font: normal normal 600 18px/22px Barlow;
letter-spacing: 0px;
color: #071D59;
opacity: 1;

}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1rem;
clear: both;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: #071D59;
border: 0;
text-align: left;
font: normal normal normal 14px/17px Barlow;
letter-spacing: 0px;
color: #FFFFFF !important;
text-transform: capitalize;
opacity: 1;
padding-top: 10px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
background-color: #071D59;

}
.page-id-220 .title-page-main-title-sections{
text-align: center;

}
.page-id-220 .gradiant-paragraph-page-innr{
text-align: center;

}
.awardsrecognision-main-title{
text-align: left;
font: normal normal 600 20px/30px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: uppercase;
opacity: 1;
padding-top: 6%;
padding-bottom: 1%;

}
.award-recog-main-l{
padding-top: 6%;
padding-bottom: 6%;
position: relative;

}
img.awards-and-recognition-behind {
position: absolute;
top: 0;
right: 0;
}
.awards-carosel-wapp-wi-padd{
padding-left: 5%;
padding-right:11%;
padding-top: 4%;
padding-bottom: 4%;
}
.awards-carosel-wapp-wi-padd .item {
  padding-right: 11%;
  padding-top: 4%;
  padding-bottom: 4%;
  width: 635px;
  height: 435px;
}
.awards-carosel-wapp-wi-padd .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.awards-carosel-wapp-wi-padd-reverce{
padding-left: 12%;
padding-right: 4%;
padding-top: 4%;
padding-bottom: 4%;
}
.awards-single-carosel.owl-theme .owl-dot span {
width: 45px;
height: 2px;
margin: 5px 4px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 10px;
}
.awards-single-carosel.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
/* margin-top: 1%; */
position: relative;
z-index: 11;
top: -88px;
}

.awards-single-carosel.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #2277DD !important
}
.awards-og-company-reverse{
display: flex;
flex-direction: row-reverse !important;


}
.inner-col-awards-content-inner-reverse {
display: flex;
flex-direction: column !important;
align-items: flex-end !important;
margin-left: 7%;
/* justify-content: space-evenly; */
}
.pagination-sty{

margin: 0 auto;
display: flex;
justify-content: center;

}
span.page-numbers.current {
border: 1px solid;
padding-left: 8px;
padding-right: 8px;
text-align: left;
font: normal normal 500 18px/25px Barlow;
letter-spacing: 0px;
color: #474747;
text-transform: uppercase;
opacity: 1;
}
.page-numbers{
padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  font: normal normal 500 18px/25px Barlow !important;
  letter-spacing: 0px;
  color: #474747 !important;
  text-transform: uppercase;
  opacity: 1;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 30px;

}
.sub-service-txt-padd-subb{

text-align: left;
font: normal normal 600 25px/30px Barlow;
letter-spacing: 0px;
color: #2277DD;
opacity: 1;
padding-top: 3%;
padding-bottom: 3%;


}
/*servise*/
.content-para-main-description{
text-align: left;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
opacity: 1;


}
img.grid_center_image {
position: absolute;
right: 75%;
bottom: 87%;
}
.left-col-huge-serves {
width: 86%;
}
img.service-grid-image-two {
margin-top: 10%;
}
img.service-grid-image-three {
margin-top: -10%;
}
.right-col-content-ser {
padding-left: 12%;
}
.videoPoster-hight{


}
.csr-font-ti-descrription{
text-align: left;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;

}
.left-col-content-ser {
position: absolute;
width: 43%;
}
.bottom-servise-content{
padding-top: 11%;
padding-bottom: 4%;

}
.waper-servise-hi{
height: 468px !important;

}

.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 22px;
grid-row-gap: 22px;
width: 110%;
  margin-left: -10%;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 2; }
.div4 { grid-area: 2 / 2 / 3 / 3;
position: relative;
}

.servise-second-content {
  padding-top: 7%;
  padding-bottom: 2%;
}
.play-btn-with-div {
  position: absolute;
  top: 78%;
  display: flex;
  flex-direction: row;
  left: 6%;
  align-items: flex-end;
}
.play-btn-text{
text-align: left;
font: normal normal normal 18px/23px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
text-align: left;
  

opacity: 1;
display: flex;
padding-left: 6%;
padding-top: -8%;
/* align-items: flex-end; */
margin-top: 0px;

}
img.play-button {
position: relative;
top: -10px;
}

/*servise-end*/
.watsapp-floating-card-ls{
  position: relative;
}
img.watsapp-img-ls {
  position: fixed;
  right: 1.5%;
  top: 69%;
  z-index: 99999;
}
.service1:hover path{
fill: var(--main-color);
}
.service2:hover path{
fill: var(--main-color);

}
.service:hover path{
fill: var(--main-color);

}
.bangaladesh-divition {
  position: absolute;
  top: 33%;
  right: -1%;
}
.sri-lanka-divition {
  position: absolute;
  right: 8%;
  top: 46%;
}
.bangaladesh-divition {
  position: absolute;
  top: 33%;
  right: 4%;
}
.page-id-548 input.wpcf7-form-control.wpcf7-text {
width: 94%;
border: none;
border-radius: 5px;
opacity: 1;
padding-left: 44px;
padding-top: 11px;
padding-bottom: 11px;
margin-bottom: 15px;
background: transparent;
border: 1px solid #EBEBEB;
}
p.white-text.text-location-map-maldives {
right: -53%;
position: relative;
top: 10.4vh;
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 13rem;
padding: 0.5rem 1rem 0.5rem;
margin: 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: 0;
padding-bottom: 25%;
left: -3% !important;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: transparent;
background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #06EAED, #2277DD);
  background-repeat: no-repeat;
  background-position: 117%, 122%, 0 130%;
  background-size: 80% 8px;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #ffffff;
  background-color: transparent;
  background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #06EAED, #2277DD);
  background-repeat: no-repeat;
  background-position: 0%, 2%, 0 131%;
  background-size: 100% 9px;
  width: min-content;
  padding: 0.5rem 0;
}
.dropdown-item{
  padding: 0.5rem 0 !important;
}
.dropdown-menu {
  padding: 0.5rem 2rem 0.5rem !important;
  left: -43% !important;
}
.center-rw-huge-solar {
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;

}
.small-col-wdth-solar-para-des{
text-align: left;
font: normal normal normal 25px/35px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
padding-right: 18%;
padding-top: 15%;
position: relative;
padding-left: 18%;
left: -43%;
position: relative;
background: #2277DD;
padding-bottom: 15%;
width: 30vw;

}
.inner-two-col-solr-temp {
align-items: center;
display: flex;
}
.huge-col-wdth-solar{
width: 70%;
}
.small-col-wdth-solar{
width: 30%;

}
.solar-second-content{
padding-top: 4%;
padding-bottom: 3%;

}
.header-card-prodject-main-title-down{
padding-top: 5%;
text-align: center;
font: normal normal 600 20px/24px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.inner-project-title-section-inner-text{
font: normal normal 500 30px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
position: relative;
top: -6vh;

}
.inner-project-title-section-inner{
margin:  0 auto;
display: flex;
justify-content: center;

}
.solar-third-content{
padding-top: 6%;
padding-bottom: 6%;
background-color:#F1FAFF ;
overflow: hidden;

}
img.logo-image-recent-project-card {
width: 35% !important;
position: relative;
padding-bottom: 12%;
}
.solar-system-template-default .completion-type-year {
text-align: left;
font: normal normal 600 14px/25px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
position: relative;
left: 12%;
top: -14px;
}
.solar-system-template-default .capacity-tot-project-carosel {
position: relative;
padding-left: 12%;
}
.solar-system-template-default .completion-type-years {
text-align: left;
font: normal normal 600 14px/25px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
position: relative;
left: 12%;
top: -14px;
}
.overlay-project-rectent-carosel {
padding: 10%;
position: absolute;
background-color: #071d59d4;
width: 100%;
top: 0;
bottom: 12%;
transition-duration: 1s;
height: 0 !important;
transform: translateY(800px);
}

.inner-recent-project-item-inner-card:hover .overlay-project-rectent-carosel {
padding-top: 100px;
display: block !important;
transition-duration: 1s;
height: 100% !important;
transform: translateY(-52px);
bottom: 0 !important;

}
.bottom-card-tow-col-link-dv-left a{
color: var(--main-color);
}
.bottom-card-tow-col-link-dv-right a{
color: var(--main-color);

}
.bottom-card-tow-col-link-dv {
width: 100%;
display: flex;
justify-content: space-between;
padding-top: 17%;
}
.bottom-card-tow-col-link-dv-left {
height: 24px;
width: 50%;
border-right: 1px solid white;
}
.service-bottom-flex-section.d-flex.flex-column {
padding-top: 5%;
}
.bottom-card-tow-col-link-dv-right:hover {
color: #06EAED !important;

}
.bottom-card-tow-col-link-dv-left:hover{
color: #06EAED !important;

}
.solar-solution-recent-carousel .owl-dots.disabled {
display: block !important;
}
.solar-solution-recent-carousel.owl-theme .owl-dots .owl-dot.active span,.solar-solution-recent-carousel.owl-theme .owl-dots .owl-dot:hover span {
background: #2277DD !important;
}
.solar-solution-recent-carousel.owl-theme .owl-dot span {
width: 45px;
height: 2px;
margin: 5px 4px;
background: #C8C8C8;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 10px;
}
section.tab-section-solor {
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
background: rgb(34,119,221);
background: linear-gradient(90deg, rgba(34,119,221,1) 0%, rgba(96,44,213,1) 50%);
}
.tab-section-solor .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: transparent;
opacity: 1 !important;
}
.tab-section-solor .nav-link {
display: block;
padding: 0.5rem 1rem;
color: #ffffff;
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
opacity: 0.5;
padding-top: 0px;
padding-bottom: 0px;
border-left: 1px solid;
border-radius: 0;
}
ul#pills-tab li.nav-item:nth-child(1) button {
  border-left: none;
}
.second-sub-title-warrenty{
text-align: center;
font: normal normal 600 25px/35px Barlow;
letter-spacing: 0px;
color: #2277DD;
opacity: 1;
padding-top: 2%;
padding-bottom: 2%;


}
.full-width-inner-col-content {
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
}
.page-main-title{
text-align: left;
font: normal normal 500 55px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.parent-war {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
position: relative;
}

.parent-war .div1 { grid-area: 1 / 1 / 2 / 2; }
.parent-war .div2 { grid-area: 1 / 2 / 2 / 3;
  padding-top: 18%;
  position: relative;

}
img.huge-col-wdth-warr-center-image {
  position: absolute;
  top: 37%;
  right: 41%;
}
img.huge-col-wdth-warr-image {
width: 100%;
}
.padd-content-ss{
padding-right: 3%;

}
section.warenty-first-section {
padding-top: 6%;
padding-bottom: 6%;
background: #F1FAFF;
}
.page-id-344 .inner-service-card{
background: #FFFFFF !important;
border: none !important;
height: 100%;
padding-left: 13% !important;
padding-right: 13% !important;


}
.page-id-344 .inner-service-card:hover{
background: #2277DD !important;
border: none !important;
padding-left: 13% !important;
padding-right: 13% !important;
position: relative;
top: -20px;
transition-duration: 1s;
}
.page-id-344 .inner-service-card:hover path{
fill: white;
}
.page-id-344 .inner-service-card:hover .inner-service-description{
color: white;
}
.div-inner-des-war-pge{
padding-top: 20px;

}
.underline-wr{
border-bottom: 1px solid #C8C8C8 ;
border-spacing: 15px;


}

/*contact-form*/



#left {

width: 50%;

float: left;

/*margin-right:6%;*/

}



#right {

width: 50%;

float: left;

}

#full-w-contact{

width: 100%;

margin-top: -40px;

}



.clearfix:after {

content:"\0020";

display:block;

height:0;

clear:both;

visibility:hidden;

overflow:hidden;

margin-bottom:10px;

}



.clearfix {

display:block;

}

input.wpcf7-form-control.wpcf7-text{

width: 94%;

border: none;

 border-radius: 5px; 

opacity: 1;

padding-left: 20px;

padding-top: 12px;

padding-bottom: 12px;

margin-bottom: 15px;

background: transparent;
border: 1px solid #EBEBEB ;

}

select.wpcf7-form-control.wpcf7-select{

width: 94%;

border: none;

/* border-radius: 45px; */

opacity: 1;

padding-left: 20px;

padding-top: 23px;

padding-bottom: 20px;

margin-bottom: 15px;

background: #F6F6F6;

}



textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {

width: 97%;

border: none;

border-radius: 0;

opacity: 1;

padding-left: 43px;

padding-top: 23px;

height: 20vh;

background: transparent;
border: 1px solid #EBEBEB ;

}

.contact-us-lable{

padding-bottom: 10px;
padding-left: 0;
text-align: left;
font: normal normal 500 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
text-transform: uppercase;
opacity: 1;

}
.email-padd-cn-form{
padding-top: 16px;

}

span.wpcf7-form-control-wrap.your-country {

padding-left: 27px;

padding-bottom: 35px;

}

.contact-us-lable-text-area{

padding-left: 43px;

padding-top: 25px;

padding-bottom: 25px;

padding-top: 23px;

}

span.wpcf7-list-item-label{

padding-right: 70px; 

}

.contact-us-submit-btn {

float: left;
margin-top:0;

}

input.wpcf7-form-control.has-spinner.wpcf7-submit{

background-color: #2277DD;

height: 50px;

width: 200px;
border-radius: 25px ;

border: none;

font: normal normal normal 14px/25px Barlow;
letter-spacing: 1.54px;

text-transform: uppercase;


color: #FFFFFF;

text-transform: uppercase;

opacity: 1;



}
div#wpcf7-f356-o1 {
padding-left: 12%;
}
/*contact-form-end*/

section.question-we-help-section {
padding-bottom: 6%;
padding-top: 6%;
}
input:focus-visible {
outline-offset: unset;
border: 1px solid #2277DD;
border-radius: 5px;
}
.page-id-363 .our-project-singleinner {
height: 500px;
width: 27.7% !important;
margin-right: 2%;
margin-left: 2%;
margin-bottom: 3%;
transition-duration: 0.7s;
flex-direction: column;


}
/* .page-id-363 .our-project-singleinner:hover{
height: 580px !important;
} */
.page-id-363 .inner-tab-project-wap {
display: flex;
justify-content: space-evenly;
/* flex-wrap: nowrap; */
/* margin-right: 0%; */
}
.page-id-363 .content-para-main-description{
text-align: center !important;
position: relative;
top: 25px;

}
.btn-roject-read-more-divition{
display: none;
transition-duration: 1s;

}
.our-project-singleinner:hover .btn-roject-read-more-divition{
display: block !important;
transition-duration: 1s;

}
.btn-project-detail-pro{
background-color:#2277DD ;
border-radius: 25px;
text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 1.54px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
border: none;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;


}
img.bacground-left-slider-hm {
height: 2;
top: 0%;
position: absolute;
background: linear-gradient(90deg, rgba(0,0,0,0.6) 00%, rgba(0,0,0,0.01) 90%);


}
img.send-telegrm-logo-inner-btn {
  width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
    content: "";
    left: 165px;
    /* top: 325px; */
}
.card-projects-fl-c{
display: flex;
flex-wrap: wrap;

}
.cetificate-about-carosel-wap {
padding-top: 2%;
}
.brandcom-div {
padding-bottom: 2%;
padding-top: 4%;
float: left;
}
.inner-project-content-top-st {
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.blue-blue-box-div{
background-color: #2277DD;
border-radius: 10px;
display: flex;

}
.blue-blue-box-div {
background-color: #2277DD;
border-radius: 10px;
width: 45%;
padding: 45px 0px 12px 58px;
margin: 0 auto;
}
.inner-project-content-cennter-bl-st{
margin-top: -6%;

}
h2.main-title-sections-blue-white {
text-align: left;
font: normal normal 500 25px/30px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;

}
.place-project-inner{
position: relative;
left: 16px;

}
.place-project-inner{
text-align: left;
font: normal normal normal 18px/22px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;

}
.blue-box-left-div {
width: 40%;
}
.blue-box-center-div {
width: 30%;
}
.blue-box-right-div{
width: 30%;

}
.completion-time-project-carosel-pre-pge{
position: relative;
left: 30px;
text-align: left;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;

}
p.completion-type-year-pre-pge {
position: relative;
left: 32px;
top: -20px;
text-align: left;
font: normal normal 600 14px/25px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;
}
.capacity-tot-project-pre-pge-carosel{
position: relative;
left: 20px;

}
p.completion-type-years-pre-pge {
top: -21px;
position: relative;
left: 13%;
}
.margin-bottom-gap-reduse-ble-sec{
margin-top: -20px;

}
img.img-project-inner-cover-img {
  margin-top: 3%;
  width: 100%;
  height: 430px;
  object-fit: cover;
}

section.paragrph-section-inner-project {
padding-top: 5%;
padding-bottom: 5%;
}
.project-inner-gallery-slider.owl-theme .owl-dot span {
width: 45px;
height: 2px;
margin: 5px 4px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 10px;
}
.project-inner-gallery-slider.owl-theme .owl-dots .owl-dot.active span, .project-inner-gallery-slider.owl-theme .owl-dots .owl-dot:hover span {
background: #2277DD !important;
}
.slider-project-gallery{
padding-bottom: 5%;
overflow: hidden;

}
.key-facts-main-title-cs{
text-align: left;
font: normal normal 500 30px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.facts-project-title{
text-align: left;
font: normal normal 500 18px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;


}
.key-fact-section-inner-project{
padding-bottom: 5%;

}
.read-mor-news-and-events{

padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
border: none;
padding-bottom: 10px;
border-radius: 25px;
background-color: #2277DD;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 1.54px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
margin-top: 7px;



}
.full-news-ev-section-card{
display: flex;
flex-direction: row;
align-items: center;
border: 1px solid #EBEBEB;
border-radius: 25px 0px 0px 25px;
margin-bottom: 4%;

}
.image-side-ne-even-card {
width: 40%;
}
.content-side-ne-even-card {
padding-left: 2%;
width: 60%;
padding-right: 4%;

}
.news-con-section-first{
padding-top: 5%;
padding-bottom: 5%;

}
h3.news-and-ev-post-title {
text-align: left;
font: normal normal 600 20px/24px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
padding-bottom: 2%;
}
.date-inner-nws-a-events{
text-align: left;
font: normal normal 500 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
text-transform: capitalize;
opacity: 1;

}
.full-news-ev-section-card-reverse{
display: flex;
flex-direction: row-reverse;
border-radius: 0px 25px 25px 0px;

}
.image-side-ne-even-card-inner-img-inverce {
float: right ;
}
.content-side-ne-even-card-inverce{
padding-left: 4%;
  width: 60%;
  padding-right: 2%;

}
.bold-news-and-event-goto{
text-align: center;
font: normal normal 600 18px/25px Barlow;
letter-spacing: 0px;
color: #474747;
opacity: 1;

}
p.events-inner-para-es {
text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
opacity: 1;

}
.left-col-content-ser-les {
padding-bottom: 5%;
position: relative;
padding-top: 4%;
}
.bac-to-news-btn{
text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 1.54px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  padding-right: 35px;
background-color: #2277DD;

border: none;
position: relative;
top: -67px;
}

.postid-413 section.project-inner-top-section {
border-bottom: 1px solid #EBEBEB ;
}
.postid-413 .video_wrapper{
width: 100% !important;
}
.news-and-events-inner-gallery-slider .owl-nav{

}
p.date-news-ls {
position: relative;
margin-bottom: 35px;
}
p.date-news-ls::after {
content: '';
background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #06EAED, #2277DD);
background-repeat: no-repeat;
height: 3px;
width: 55px;
right: 1vw;
position: absolute;
top: 6vh;
border-radius: 4px;


}
.our-project-slider-carosel.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
/* margin-top: 1%; */
position: relative;
z-index: 11;
top: -30vh;
}
.owl-awards-carosel.owl-theme .owl-dots, .owl-theme .owl-nav {
  top: -47vh;
  right: -45%;
}
.owl-awards-carosel.owl-theme .owl-dots {
 visibility: hidden;
}
.carr-card-fill {
width: 23%;
}
.carrer-card-full-sec{
display: flex;
justify-content: space-between;
padding-top: 7vh !important;

}
.page-id-432 section.management-team {
padding-top: 7%;
padding-bottom: 7%;
background-color: #F1FAFF;
}
.page-id-432 .inner-service-card {
border: none;
border-radius: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15%;
padding-bottom: 15%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-content: stretch;
background: #ffffff;
align-items: center;
flex-wrap: wrap;
transition-duration: 0.8s;
}
.page-id-432 .inner-service-card:hover {
border: none;
border-radius: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15%;
padding-bottom: 15%;
margin: 0 auto;
display: flex;
flex-direction: column;
background: #2277DD;
align-content: stretch;
align-items: center;
flex-wrap: wrap;
transform: translateY(-36px);
transition-duration: 0.5s;
}
.inner-title-carrer-wwus{

text-align: center;
font: normal normal 600 20px/24px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: uppercase;
opacity: 1;

}
.page-id-432 .inner-service-card:hover path{
fill: #ffffff;
}
.page-id-432 .inner-service-card:hover p{
color: #ffffff;
}
.page-id-432 .inner-service-card:hover h3{
color: #ffffff;
}
.open-position-main-title{
font: normal normal 500 45px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;
text-align: center;
padding-bottom: 2%;
padding-top: 5%;


}
.Open-position div#v-pills-tab {
width: 27%;
}
.Open-position .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #2277DD;
text-align: left;
padding-bottom: 15px;
padding-top: 15px;
border-radius: 0px;
}
.Open-position div#v-pills-tabContent {
margin-left: 1.5%;
}
.Open-position .nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: 0.25rem;
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
background-color: #071D59;
border-radius: 0px;
margin-bottom: 5px;
color: #fff;
}
.title-apply-nw-postion{
text-align: left;
font: normal normal 500 30px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.col-apply-now-border-wapper{
border: 1px solid #EBEBEB;
padding-bottom: 1%;
padding-top: 1%;
padding-right: 4%;
padding-left: 4%;
}
.page-id-432 select.wpcf7-form-control.wpcf7-select{
background: transparent !important;
border: 1px solid #EBEBEB;

}
.page-id-432 input.wpcf7-form-control.wpcf7-file {
position: relative;
display: flex;
flex-direction: column;
float: right;
top: -4vh;
right: -8vw;
}
button#myBtn {
width: 40px;
border: none;
padding-right: 0;
padding-left: 0;
}
.cetificate-about-carosel-wap .text-white{
padding-top: 16px;
}
.page-id-432 input.wpcf7-form-control.wpcf7-text {
width: 94%;
border: none;
border-radius: 5px;
opacity: 1;
padding-left: 20px;
padding-top: 14px;
padding-bottom: 10px;
margin-bottom: 9px;
background: transparent;
border: 1px solid #EBEBEB;
}

.page-id-432 textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
width: 97%;
border: none;
border-radius: 0;
opacity: 1;
padding-left: 20px;
padding-top: 23px;
height: 12vh;
background: transparent;
border: 1px solid #EBEBEB;
}
.page-id-432 .contact-us-lable-text-area {
padding-left: 0px;
padding-top: 25px;
padding-bottom: 25px;
padding-top: 23px;
margin-top: -20px;
}
section.Open-position {
padding-bottom: 5%;
}
.csr-text-para-in p{
text-align: right;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
opacity: 1;

}
.awards-rec{
position: relative;

}
.left-banner-csr-pr-img{
position: absolute;
bottom: 0;
left: 0;


}
.csr-title-proj-as{
padding-left: 30px !important;

}
.blue-background-sustanability {
background: #071D59;

padding-left: 62px;
padding-bottom: 62px;
padding-top: 62px;
padding-right: 50px;
}
.blue-background-sustanability-white-blue-upper-text{
text-align: left;
font: normal normal 500 20px/30px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
padding-bottom: 6%;


}
.sustain-ful-con-center-blue-color-text{
text-align: center;
font: normal normal 600 25px/35px Barlow;
letter-spacing: 0px;
color: #2277DD;
opacity: 1;
margin: 0 auto;
width: 75%;
padding-top: 5%;
padding-bottom: 5%;

}
section.sustainability-one-section {
padding-top: 5%;
}

.text-left-sustanability-para{
text-align: left;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
opacity: 1;
padding-top: 4%;
padding-right: 8%;


}
.sustainability-contribution-title{
text-align: center;
font: normal normal normal 30px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;

}
.sub-corosel-conribution-main-title{
text-align: center;
font: normal normal 500 18px/60px Barlow;
letter-spacing: 0px;
color: #071D59;
text-transform: capitalize;
opacity: 1;


}
.page-id-484 .servise-thired-content{
padding-bottom: 4% !important;
position: relative;
height: 380px;
}
.page-id-484 .left-col-content-ser {
  position: absolute;
  width: 77%;
  top: 17%;
  margin: auto;
  display: flex;
  justify-content: center;
}
.para-carosel-conetent-sustinability{

text-align: center;
font: normal normal normal 14px/25px Barlow;
letter-spacing: 0px;
color: #474747;
opacity: 1;

}
.right-col-content-ser{
padding-left: 2% !important;

}

section.sustainability-fnal-section {
padding-bottom: 5%;
padding-top: 7%;
}

.save-with-solor .carousel-control-next-icon,.save-with-solor .carousel-control-prev-icon {
display: none;
}
.save-with-solor .carousel-indicators [data-bs-target]{
display: none;

}
.title-save-title-save-sec{
text-align: left;
font: normal normal normal 85px/144px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: capitalize;
opacity: 1;
position: absolute;
right: 18%;
top: 14%;
}
.col-save-para-padd{
padding-right: 7%;

}
.background-welcome-right-ali-img{
position: absolute;
right: 0;
top: 0;

}
span.all-news-lin-home-pg {
text-align: left;
text-decoration: underline;
font: normal normal 600 14px/25px Barlow;
letter-spacing: 1.54px;
color: #071D59 !important;
text-transform: uppercase;
opacity: 1;
float: right;
padding-right: 15%;
}

span.all-news-lin-home-pg a{
color: #071D59 !important;

}
#header .sciocal-media-icon-sec-heading svg {
vertical-align: middle;
height: 25px;
width: 25px;
margin-left: 7px;
}
.our-globle-right-sidecontent{
padding-left: 6%;

}





/**********************************animations hi***********************************/

.typing-demo {
width: 250px;
animation: typing 4s steps(10), blink .15s step-end infinite alternate;
white-space: nowrap;
overflow: hidden;
border-right: 3px solid;
font-family: monospace;
text-align: left;
font: normal normal normal 85px/144px Barlow;
letter-spacing: 0px;
color: #06EAED;
text-transform: capitalize;
opacity: 1;
}
.carosel-in-con {
position: relative;
left: 11em;
top: -6em;
/* height: 42px; */
}

@keyframes typing {
from {
  width: 0;
  
}
}
  
@keyframes blink {
50% {
  border-color: transparent;
  
}
}


.blink-animete{
animation: myAnim 3000ms linear 0s infinite normal forwards;
}

.scrolled.jump-up-animation{
animation: jump-up 2s cubic-bezier(0.36, 0, 0.66, -0.56) 0s 1 alternate forwards;
}

@keyframes myAnim {
0% {
  opacity: 1;
}

50% {
  opacity: 0.2;
}

100% {
  opacity: 1;
}
}
@keyframes jump-up {
0% {
  animation-timing-function: ease-in;
  opacity: 1;
  transform: translateY(-45px);
}

24% {
  opacity: 1;
}

40% {
  animation-timing-function: ease-in;
  transform: translateY(-24px);
}

65% {
  animation-timing-function: ease-in;
  transform: translateY(-12px);
}

82% {
  animation-timing-function: ease-in;
  transform: translateY(-6px);
}

93% {
  animation-timing-function: ease-in;
  transform: translateY(-4px);
}

25%,
55%,
75%,
87% {
  animation-timing-function: ease-out;
  transform: translateY(0px);
}

100% {
  animation-timing-function: ease-out;
  opacity: 1;
  transform: translateY(0px);
}
}
.rotation-anim {
-webkit-animation: rotation 8s infinite linear;
animation: rotation 8s infinite linear;
}

@-webkit-keyframes rotation {
from {
    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}
.shake-anim {
animation: horisontal-shake 12s ease-in-out 0s infinite alternate both;
}

@keyframes horisontal-shake {
0%,
100% {
  transform: translateX(0);
}

10%,
30%,
50%,
70% {
  transform: translateX(-8px);
}

20%,
40%,
60% {
  transform: translateX(8px);
}

80% {
  transform: translateX(6px);
}

90% {
  transform: translateX(-6px);
}
}
@keyframes center-to-full {
0% {
  transform: scaleX(0);
}

100% {
  transform: scaleX(1);
}
}
.center-w-to-full-w{
animation: center-to-full 1s ease 0s 1 alternate forwards;
}

/**********************************animations hi-end***********************************/


#header .nav-item.active > a {
background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #06EAED, #2277DD);
background-repeat: no-repeat;
background-position: 117%, 122%, 0 130%;
background-size: 101% 9px;
/* margin: 0 auto; */
text-align: left;
font: normal normal bold 14px/17px Barlow;
letter-spacing: 0px;
color: #2277DD !important;
text-transform: uppercase;
opacity: 1;
/* width: min-content; */
}
ul.dropdown-menu.show li.active a {
  background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #06EAED, #2277DD);
  background-repeat: no-repeat;
  background-position: 117%, 122%, 0 130%;
  background-size: 101% 9px;
  margin: 0 auto;
  text-align: left;
  font: normal normal normal 14px/17px Barlow !important;
  letter-spacing: 0px;
  color: #2277DD !important;
  text-transform: capitalize;
  opacity: 1;
}
#header .dropdown-menu .nav-item.active > a {
color: #FFFFFF !important;

}
.read-more-banner-section:hover {

background: #3F8FEF;
color: #fff;
z-index: 999;
transition-duration: 0.7s;

}
.site-banner-section .carousel-control-next,.site-banner-section .carousel-control-prev{
width: 6% !important;

}
.padding-right-up-header:hover{
color: #06EAED !important;
transition-duration: 0.7s;

}
.overflow-h{
overflow: hidden;

}

.desktop-hidden-set{
display: none;

}
.mobile-offcanvas{
display: none;

}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
color: #0d6efd !important;
text-decoration: none;
outline: 0;
opacity: 1 !important;
}

/* 2022-05-11 qa changes */
.welcome-section-main-site-description {
  padding-top: 45px;
}
.our-service-wpper .col-lg-2 {
  flex: 0 0 auto;
  width: 18.666667%;
}
.unitpadding {
  padding-bottom: 30px;
  margin-bottom: 0;
}
.partner-carousel .owl-nav.disabled {
  display: block !important;
}
.footer-title-col {
  margin-bottom: 0;
  padding-bottom: 24px;
}
.buisness-hours-footer-section {
  padding-top: 15px;
}
.huge-col-wdth-solar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main-image-recent-project-card {
  width: 100%;
  height: 544px;
}
.main-image-recent-project-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* end 2022-05-11 qa changes */

/**************************************responsiveness*************************************/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 992px) {
.img-1 {
  padding-right: 313px;
  padding-top: 50px;
  width: 100%;
}

.sect-1 h1 {
  font-family: 'Barlow';
  font-size: 35px;
  line-height: 49px;
}
.section-wrapper {
  width: 100% !important;
  margin: auto;
}
.service:hover {
  padding-bottom: 15px !important;

}
.service2:hover{
  padding-bottom: 15px !important;

}
.service1:hover{
  padding-bottom: 15px !important;

}
.service2 {
  background-color: #FFFFFF;
  border-radius: 20px;
  width: 90% !important;
  height: auto !important;
  padding-top: 30px;
  margin-left: 0 !important;
  position: relative;
  transition-duration: 0.5s;
  bottom: 0;
}
.service {
  background-color: #FFFFFF;
  border-radius: 20px;
  width: 90% !important;
  height: auto !important;
  padding-top: 30px;
  position: relative;
  transition-duration: 0.5s;
  bottom: 0;
  margin-bottom: 20px;
}
.service1 {
  background-color: #FFFFFF;
  border-radius: 20px;
  width: 90% !important;
  height: auto !important;
  margin-bottom: 20px;
  padding-top: 30px;
  margin-right: 0 !important;
  position: relative;
  transition-duration: 0.5s;
  bottom: 0;
}
.mobile-res-contatct-grid{

}
.get-para {
  font-family: 'Barlow';
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 40px !important;
}
.map-contact-us iframe {
  width: 100%;
}

.Sustainability-section-hienergy .video_wrapper {
  height: auto;
  width: 77%;
}
.home-new-hilight-carousel .slick-prev.slick-arrow {
  position: relative;
  right: -87%;
}
#header .nav-item.active > a {
  width: 107%;
  position: relative;
  padding-left: 16px;
  left: -13px;
  background-image: unset;
  background-color: #2277DD !important;
  background-repeat: no-repeat;
  background-position: unset;
  background-size: unset;
  margin: 0 auto;
  text-align: left;
  font: normal normal bold 14px/17px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  text-transform: uppercase;
  opacity: 1;
}
.responive-ls-scol-media-up-dnwm {

  padding-bottom: 5px;
  display: flex;
  justify-content: left !important;
}
.responive-ls-scol-media-up-dnwm{
  margin-top: -33px;
 

}
.mobile-maile-wapper {
  position: relative;
  top: -10px;
  left: 6px;
}

.mobile-menu-bottom-section button.mobile-contact-header-btn-ls-inner {
  position: relative;
  right: 0px;
  top: 0px;
  left: 11px;
  padding-bottom: 30px;
  border: none;
  font: normal normal 400 14px/6px Barlow;
  padding-top: 24px;
  background-color: var(--light-red);
  color: var(--white);
  color: white;

}
.mobile-menu-bottom-section .sciocal-media-icon-sec-heading {
position: relative;
top: 8px;
}
.mobile-menu-bottom-section p.mail-sl {
  font: normal normal 400 14px/17px Barlow;
  color: #ffffff;
  position: relative;
  left: 26px;
  top: -21px;
}
a.inner-top-col-cn {
  position: relative;
  color: #000;
  left: -8px;
  margin-bottom: 20px;
  margin-top: 20px;
  /* padding-bottom: 20px; */
  font: normal normal 400 14px/37px Barlow;
  /* padding-top: 10px; */

}
.mobile-menu-bottom-section {
position: relative;
width: 109%;
left: 2px;
left: -17px;
background-color: #2277dd;
bottom: 0;
padding-bottom: 20px;
padding-top: 10px;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: #ffffff;
  border: none;
  text-align: left;
  font: normal normal normal 14px/17px Barlow;
  letter-spacing: 0px;
  color: #212529 !important;
  text-transform: capitalize;
  opacity: 1;
  padding-left: 25px;
  padding-top: 10px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  background-color: #ffffff;
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 2rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #ffffff00;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid rgba(0,0,0,.15);
  border-radius: 0;
  padding-bottom: 0;
  padding-top: 0;
}
img.img-project-inner-cover-img {
  width: 100%;
  height: 226px;
}

.key-fact-section-inner-project {
  padding-bottom: 5%;
  padding-left: 15px;
  padding-right: 15px;
}
.inner-project-content-cennter-bl-st {
  margin-top: -19%;
}
.blue-blue-box-div {
  background-color: #2277DD;
  border-radius: 10px;
  width: 97%;
  padding: 45px 0px 12px 15px;
  margin: 0 auto;
}
.video_wrapper iframe {
 
  border-radius: 24px;
}
p.date-news-ls::after{
  top: 54px;

}
.bac-to-news-btn{
  top: -5px;
}
section.paragrph-section-inner-project-slider {
  padding-left: 12px;
  padding-right: 12px;
}
.news-and-events-inner-gallery-slider .owl-nav button.owl-prev {
 
  height: 47px;
  background-repeat: no-repeat;
  width: 30px;
  float: left;
  position: relative;
  top: 122px;
  left: 0% !important;
}
.news-and-events-inner-gallery-slider .owl-nav button.owl-next {

  height: 42px;
  background-repeat: no-repeat;
  width: 19px;
  transform: rotate(180deg);
  float: right;
  position: relative;
  top: 125px;
  right: 0% !important;
}
.tab-section-solor .nav {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-direction: column;
  align-items: stretch;
}

.page-id-363 .content-para-main-description{
  padding-bottom: 25px;

}
.card-projects-fl-c {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}
.page-id-363 .our-project-singleinner {
width: 100% !important;
}
.bottom-card-tow-col-link-dv-right.text-light a{
  color: #ffffff;

}
.solar-third-content {
  padding-top: 15%;
  padding-bottom: 9%;
}
.small-col-wdth-solar-para-des {
  text-align: center;
  font: normal normal normal 18px/26px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  padding-right: 0%;
  padding-top: 8%;
  position: relative;
  padding-left: 0%;
  left: 0;
  position: relative;
  background: #2277DD;
  padding-bottom: 9%;
  width: 100%;
}
.small-col-wdth-solar {
  width: 100%;
}
.inner-two-col-solr-temp {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.huge-col-wdth-solar {
width: 100%;
}
img.huge-col-wdth-solar-image {
  width: 100%;
}
.video_wrapper {
  border-radius: 20px;
}
.videoPoster {
  border-radius: 20px !important;
}
.left-col-content-ser {
  position: relative;
  width: 100%;
  border-radius: 54px;
}
.parent{
  width: 100%;
  margin-left: 0;

}
img.grid_center_image {
 
  width: 55% !important;
}
.parent img{
  width: 100%;
}
.left-col-huge-serves {
  width: 100%;
  padding-bottom: 25px;
}
.parent-war {
  padding-top: 25px;
}
.servis-war-mob-wap-ch{
  width: 100% !important;

}
div#wpcf7-f356-o1 {
  padding-left: 1%;
}
.second-sub-title-warrenty {
  text-align: center;
  font: normal normal 600 18px/25px Barlow;
}
img.huge-col-wdth-warr-center-image {
  position: absolute;
  top: 37%;
  right: 38%;
  width: 24%;
}

.text-left-sustanability-para {
  text-align: left;
  font: normal normal normal 12px/20px Barlow;
  letter-spacing: 0px;
  color: #474747;
  opacity: 1;
  padding-top: 4%;
  padding-right: 0%;
  padding-bottom: 29px;
}
section.sustainability-fnal-section {
  
  padding-left: 10px;
  padding-right: 10px;
}
.sustainability-contribution-title {
  text-align: center;
  font: normal normal normal 22px/30px Barlow;
}
.right-col-content-ser {
  padding-left: 2% !important;
  padding-right: 2%;
  text-align: center;
  padding-top: 17%;
}
.page-id-484 .left-col-content-ser {
  position: relative;
  width: 100%;
  top: 17%;
}
.sustain-ful-con-center-blue-color-text {
  text-align: center;
  font: normal normal 600 18px/28px Barlow;
  letter-spacing: 0px;
  color: #2277DD;
  opacity: 1;
  margin: 0 auto;
  width: 95%;
  padding-top: 8% !important;
  padding-bottom: 8% !important;
}
.blue-background-sustanability {
  background: #071D59;
  padding-left: 23px;
  padding-bottom: 60px;
  padding-top: 60px;
  padding-right: 23px;
}
.blue-background-sustanability-white-blue-upper-text {
  text-align: center;
  font: normal normal 500 18px/25px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  padding-bottom: 9%;
}
.text-left-sustanability-para{
  text-align: center;
}
.pagination-sty {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  z-index: 99999;
  position: relative;
}
.inner-col-awards-content-inner-reverse {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  margin-left: 1% !important;
  margin-right: 1% !important;
  justify-content: center !important;
  align-content: center;
  flex-wrap: nowrap;
}
.inner-col-awards-content-inner p{
  text-align: center;

}
.awardsrecognision-main-title {
  text-align: center;
  font: normal normal 600 18px/26px Barlow;
  letter-spacing: 0px;
  color: #071D59;
  text-transform: uppercase;
  opacity: 1;
  padding-top: 5%;
  padding-bottom: 1%;
}
.inner-col-awards-content-inner {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  padding-left: 20px;
}
.awards-rec {
  position: relative;
  overflow: hidden;
}
.left-banner-csr-pr-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.col-up-padding-ser {
  text-align: center;
  font-size: 12px;
  
  font: normal normal normal 12px/20px Barlow;
}
.awards-carosel-wapp-wi-padd {
  padding-left: 5%;
  padding-right: 5% !important;
}
.award-page-wap {
  width: 100%;
  margin: 0 auto;
 
}
.full-news-ev-section-card{
  border-radius: 10px;
}
.news-con-section-first {
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 12px;
  padding-right: 12px;
}
section.news-con-section-second {
  padding-left: 12px;
  padding-right:  12px;
}
p {
  font: normal normal normal 12px/20px Barlow;
}
.content-para-main-description {
  text-align: center;
  font: normal normal normal 12px/21px Barlow;
}
.page-main-title {
  text-align: center;
  font: normal normal 500 35px/40px Barlow;
}
.full-news-ev-section-card {
  display: flex;
  flex-direction: column;
}
.image-side-ne-even-card {
  width: 100%;
}
.content-side-ne-even-card {
  padding-left: 4%;
  width: 100%;
  display: flex;
  padding-right: 4%;
  flex-direction: column !important;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  padding-bottom: 20px;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
  height: auto;
  border-radius: 10px;

}
.age-template-our-parters .gradiant-paragraph-page-innr-inner-page::before{
  left: -58px !important;

}
.row-vender-wp {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  /* margin-bottom: 23px; */
}
.vendors-col-card-tree {
width: 100%;
margin-left: 4%;
margin-right: 4%;
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid #EBEBEB;
border-radius: 10px;
}
.group-of-company-description {
  padding-left: 10px;
  padding-right: 10px;
}
.small-col--card-of-company-reverse {
  border-radius: 0px 0px 0px 15px !important;
}

.small-col--card-of-company{
  margin-bottom: 26px;
  border-radius: 0 20px 20px 0;
}
.huge-col-imag-card-of-company {
  width: 85.4%;
}
.small-col--card-of-company-reverse {
/* padding: 18px
px
; */
width: 97% !important;
padding-top: 18px;
margin-left: 0px;
padding-bottom: 0%;
padding-right: 0px;
padding-left: 13px;
position: relative;
left: 8px !important;
}
.small-col--card-of-company {
  /* padding: 18px; */
  width: 100%;
  padding-top: 21px;
  margin-left: -8px;
  margin-right: 10px;
  padding-bottom: 2%;
  padding-right: 21px;
  padding-left: 25px;
}
img.high-width-company-image {
  width: 100%;
  height: auto;
  margin-left: 2px;
}
.small-col--card-of-company-reverse {
  /* padding: 18px; */
  width: 40%;
  padding-top: 18px;
  margin-left: 0px;
  padding-bottom: 0%;
  padding-right: 0px;
  padding-left: 13px;
  position: relative;
  left: 8px !important;
}
img.group-of-company-logo-image {
  width: 93%;
  padding-bottom: 6%;
  padding-top: 5%;
}
.page-template-group-of-companies .gradiant-paragraph-page-innr-inner-page::before{
  left: -55px !important;
  top: -39px !important;
}



section.management-team {
  
  padding-left: 10px;
  padding-right: 10px;
}
.management-team-card:hover .member-management-team-content {
  padding-top: 2%;
  padding-bottom: 1%;
  width: 94%;
  background-color: #2277DD;
  transition-duration: 0.5s;
  margin: 0 auto;
  margin-bottom: 25px;
}
.member-management-team-content {
  padding-top: 2%;
  padding-bottom: 1%;
  width: 100%;
}
.management-team-member-imag {
  display: flex;
  justify-content: center;
}
.center-text-page-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin: 0 auto;
}
.col-milstone-repons{
  width: 50%;

}
.page-id-65 .col-milstone-sec-title-ab {
  text-align: center;
}
.col-milstone-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  align-content: center;
}
.col-milstone-sec-title-ab {
  text-align: left;
  font: normal normal 600 12px/25px Barlow;
  letter-spacing: 0px;
  color: #071D59;
  text-transform: uppercase;
  opacity: 1;
  padding-top: 5%;
  padding-right: 0;
}
.about-inner-row-upper-row-element-col-title {
  
  font: normal normal 500 14px/25px Barlow;
}
.col-up-padding-ser {
 
  text-align: center;
}
.company-value-objective {
  text-align: center;
}
.vition-mition-w-para {
  text-align: center;

  padding-top: 1%;
  padding-left: 1%;
}
.mision-logo::before {

  position: absolute;
  left: 48px !important;
  top: 7px !important;
  height: 50px;
  background-repeat: no-repeat;
  width: 51px;
}
.vision-logo::before {
 
  
  background-repeat: no-repeat;
  position: absolute;
  width: 45px;
  height: 35px;
  top: 14px !important;
  left: 46px !important;
}
.vition-mition-w-title {
  text-align: center;
  font: normal normal 500 35px/50px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: capitalize;
  opacity: 1;
  padding-top: 2%;
  padding-left: 0%;
}
.certificate-section-vi-mi {
  padding-top: 6%;
  background-color: #071D59;
  padding-bottom: 6%;
  padding-left: 20px;
  padding-right: 20px;
}
.right-about-us-col-brighter-future-section-title {
  text-align: center;
}
.col-padding-about-right {
  padding-top: 4%;
  padding-left: 12px !important;
  padding-right: 12px !important;
  text-align: center;
}
.about-inner-row-upper-row {
  display: flex;
  flex-direction: row;
  align-content: center;
  padding-top: 4%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.blue-counter-box {
 
  position: absolute;
  width: 45%;
  background-size: contain;
  padding-left: 0px;
  top: 10%;
  right: 2%;
}
/* .gradiant-paragraph-page-innr-inner-page::before {
  

  position: absolute;
  width: 98px;
  height: 55px;
  background-repeat: no-repeat;
  left: -22px !important;
  top: -39px !important;
} */
.gradiant-paragraph-page-innr-inner-page{
  text-align: center;

}
.page-tempelete-main-page-upper-setion{
  padding-top: 30% !important;
  padding-bottom: 30% !important;

}
.title-page-main-title-sections-inner-page {
  text-align: center;
  font: normal normal bold 35px/45px Barlow;
}
.row.center-text-page-center {
  width: 100%;
}

img.sustainability-left-img-light {
  width: 100%;
}


/******************mobile-burger*******************************************/
span.line.third-line-di {
  width: 20px;
  float: left;
  top: -7px;
  position: relative;
}


.mobile-offcanvas{
  display: block !important;

}
.navbar-dark .navbar-toggler-icon{
 
}
div#hamburger-1 {
  position: relative;
  /* left: 50px; */
  margin-top: -53px;
  /* top: -37px; */
  float: right;
  z-index: 1000;
}
.header-padding-content-wi{
z-index: 998;

}
.offcanvas-header{ display:block; }
button.mobile-contact-header-btn-ls-inner {
  position: absolute;
  right: 0;
  left: 0;
  padding-bottom: 20px;
  border: none;
  padding-top: 20px;
  background-color: var(--light-red);
  color: var(--white);
}
.mobile-offcanvas .scioal-media-div-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
.col-sm-12.p-0.mobile-contact-header-btn {
position: relative;
left: 0;
right: 0;
width: 100%;
margin: 0;
display: flex;
justify-content: flex-start;
}
.mobile-offcanvas{
visibility: hidden;
transform: translateX(-100%);
border-radius: 0;
display: block;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 9;
padding-top: 26%;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
transition: visibility .3s ease-in-out, transform .3s ease-in-out;
background-color: #ffffff !important;

}
.mobile-offcanvas.show{
  visibility: visible;
  transform: translateX(0);
}
.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
  display: block;
}

.hamburger .line{
width: 44px;
  height: 3px;
  border-radius: 20px;
background-color: #0d6efd ;
display: block;
margin: 8px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.hamburger:hover{
cursor: pointer;
}


/* ONE */

#hamburger-1.is-active .line:nth-child(2){
opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
-webkit-transform: translateY(13px) rotate(45deg);
-ms-transform: translateY(13px) rotate(45deg);
-o-transform: translateY(13px) rotate(45deg);
transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){


-webkit-transform: translateY(-13px) rotate(-45deg);
-ms-transform: translateY(-13px) rotate(-45deg);
-o-transform: translateY(-13px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
width: 44px !important;
position: relative !important;
left: -2px !important;
top: -10px;
}
.offcanvas-header .btn-close{
display: none;
}


.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}
img.company-logo-comapny-single-page-img {
  width: 100%;
}
img.company-logo-comapny-single-page-img-ls {
  width: 100%;
}
div#navbarToggleExternalContent {
  
 
  
  background-color:#FBFFD4 ;
  padding-top: 13vh;
  text-align: center;

  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100vh;
  z-index: 9999 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center !important;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 99999999;
  
}







body.offcanvas-active{
  overflow:hidden;
}
.offcanvas-header{ display:none; }
.screen-darken{
  height: 100%;
  width:0%;
  z-index: 30;
  position: fixed;
  top: 0;
  right: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
  z-index: 9999;
  padding-top: 25%;
}
.screen-darken.active{
  z-index:10; 
  transition:opacity .3s ease, width 0s;
  opacity:1;
  width:100%;
  visibility:visible;
}
/*************************************************************************/

.desktop-hidden-set{
  display: block;

}


.card__overlay {
  
  transform: translateY(77%);
  
}


.our-globle-right-sidecontent p{
  text-align: center;

}
.our-project-singleinner{
  height: 450px !important;
}
.owl-awards-carosel .owl-nav {
  
  top: -18em !important;
  left: 0em;
}
.owl-awards-carosel.owl-item img {
display: block;
width: 100%;
height: 100%;
}
.owl-news-carosel .owl-item img {
display: block;
width: 100%;
height: 100%;
}
.owl-news-carosel .owl-nav.disabled {
display: block !important;
position: relative;
top: -19em !important;
left: 9em !important;
}
.our-project-slider-carosel .owl-nav button.owl-prev{
  display: none;
}
.our-project-slider-carosel .owl-nav button.owl-next{
  display: none;
}
.our-project-singleinner {
  width: 95%;
}
.capacity-tot-project-carosel::before{
  left: -1px !important;

}
.completion-type-years{
  left: 21%;
  top: -14px;

}
.capacity-tot-project-carosel {
  position: relative;
  padding-left: 20px;
}
.ourproject-section {
  padding-top: 19%;
}
.ourproject-section .col-up-padding-ser p{
  text-align: center;
}
.video_wrapper {
  width: 95%;
  margin: 0 auto;
  position: relative;
  background-color: #000;
  height: 45%;
}
.color-word-cleanerenergy {
  text-align: center;
  font: normal normal normal 20px/30px Barlow;
}
.title-save-title-save-sec {
  font: normal normal normal 45px/50px Barlow;
  position: absolute;
  right: 23%;
  top: 23%;
}
.typing-demo {
  text-align: left;
  font: normal normal normal 40px/54px Barlow;
  position: relative;
  top: 38px;
}
.counter-number-main-sustain {
  text-align: left;
  font: normal normal normal 18px/25px Barlow !important;
}
.counter-number-sum-titel-sustain {
  text-align: left;
  font: normal normal normal 18px/18px Barlow;
}
.Sustainability-section-hienergy .col-lg-7  p{
  text-align: center !important;
}
.Sustainability-section-hienergy .col-lg-5 {
  padding-left: 31px !important;

}
.Sustainability-section-hienergy .read-more-banner-section {
  display: flex;
  margin: 0 auto;
  margin-top: 9px;
  margin-bottom: 20px;

}
.col-sm-save-para-ls{
  position: relative;

}
.save-carosel-img{
  width: 33%;
  padding-top: 32px;
  position: relative;
  left: 36px;


}
.save-with-solor-img-behind-img{
  display: none;
}
.col-save-para-padd p{
  text-align: center;

}
.what-do-title-sec {
  text-align: center;
  font: normal normal normal 30px/40px Barlow;
}
.counter-number-sum-titel {
  text-align: left;
  font: normal normal 500 13px/19px Barlow;
}
.counter-number-main {
  text-align: left ;
  font: normal normal 500 18px/43px Barlow !important;
  letter-spacing: 1.5px !important;
  color: #071D59;
  text-transform: uppercase;
  opacity: 1;
}
.single-card-servise-res-3{
  width: 33% !important;

}
.inner-service-card{
  margin: 10px;

}
.inner-service-card-title {
  padding-top: 18px;
  padding-bottom: 1px;
  text-align: center;
  font: normal normal 600 14px/20px Barlow;
}
.single-card-servise-res{
  width: 50% !important;

}
.our-service-wpper{
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

}
.wlcome-section-hienergy .read-more-banner-section{
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-globle-wapp {

display: none !important;
}

.min-site-wap {
  width: 93%;
  margin: 0 auto;
}
.welcome-section-main-site-description{
  text-align: center;

}
.background-welcome-right-ali-img{
  display: none;
}
.gradiant-paragraph-page-innr::before {
  
  left: -60px !important;
  top: -6px !important;
  height: 54px !important;
}
.title-page-main-title-sections {
  text-align: center !important;
  font: normal normal 500 30px/40px Barlow !important;
}
.footer-description-font {
  text-align: center !important;
}
.footer-title-col {
  text-align: center !important;
  font: normal normal 600 14px/17px Barlow !important;
  letter-spacing: 0.28px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  padding-top: 2em !important;
}
.gradiant-paragraph-page-innr {
padding-top: 25px !important;
text-align: center !important;
}
.site-banner-section span.carousel-control-prev-icon {
  position: relative;
  left: 9em !important;
  top: 11em !important;
  width: 44px !important;
  height: 44px !important;
  background-size: cover;
}
.site-banner-section span.carousel-control-next-icon {
position: relative;
top: 11em !important;
left: -9em !important;
width: 44px !important;
height: 44px !important;
background-size: cover;
}
.creative-heading::before {
  content: "";
  
  position: absolute;
  width: 100px !;
  height: 53px !important;
  background-repeat: no-repeat;
  left: 5px !important;
  top: -15px !important;
}
.creative-heading {
  text-align: center;
  font: normal normal 500 12px/17px Barlow;
  letter-spacing: 1.6px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}
img.send-telegrm-logo-inner-btn {

left: 190px !important;
/* top: 252px !important; */
}


.upper-hedaer-section{
  display: none;
  
}
.site-banner-section .carousel-item {
  height: 100vh;
  position: relative;
}
.carousel-caption {
  position: absolute;
  right: 0;
  top: 106px;
  bottom: 0;
  left: 0;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.site-banner-section .carousel-caption p{
text-align: center;
}
.width-col-footer-card {
width: 100%;
margin: 0 auto;
text-align: center;
}
.main-img-bnner-res{
height: 100%;

}
.banner-heading {
text-align: center !important;
font: normal normal bold 30px/50px Barlow !important;
}




}

@media only screen and (min-width:480px) and (max-width:767px){
.vendors-col-card-tree {
  width: 40%;
}
.row-vender-wp {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  /* margin-bottom: 23px; */
  flex-wrap: wrap;
}
.about-us-count-section {
  margin: 0 auto;
  width: 52%;
}
.vision-logo::before{
  top: 24px !important;
  left: 173px !important;


}
.mision-logo::before {
  position: absolute;
  left: 170px !important;
  top: 24px !important;
}
.single-solar-system .gradiant-paragraph-page-innr::before {
  left: -59px !important;
}
.page-tempelete-main-page-upper-setion {
  padding-top: 14% !important;
  padding-bottom: 11% !important;
}
.managemet-tm-ls-w{
  width: 33%;

}
.management-team-card:hover .member-management-team-content{
  width: 100%;
}
img.management-team-member-imag.wp-post-image {
  width: 100%;
  height: 100%;
}
.page-id-363 .gradiant-paragraph-page-innr::before {
  left: -63px !important;
}
.page-id-363 .our-project-singleinner {
  width: 100% !important;
  height: auto !important;
}
.waper-servise-hi {
  height: 303px !important;
}
.parent {
  width: 60%;
  margin-left: 0;
  margin: 0 auto;
}
.site-banner-section span.carousel-control-next-icon {
  position: relative;
  top: 10em !important;
  left: -17em !important;
}
.site-banner-section span.carousel-control-prev-icon {
  position: relative;
  left: 16em !important;
  top: 10em !important;
}
div#hamburger-1 {
  position: relative;
  left: 29em;
  margin-top: -53px;
  /* top: -37px; */
  float: right;
  z-index: 1000;
}
.only-tab-bul-capacity{
  position: relative;
  left: -30px;

}
.card:hover .card__overlay .home-slider-service-titile::after{
  right: -15px;

}
.parag-heder-hov-up {
  text-align: left;
  font: normal normal 600 14px/7px Barlow;
}
.title-save-title-save-sec {
  font: normal normal normal 56px/50px Barlow;
  position: absolute;
  right: 30%;
  top: 23%;
}
.parag-description-hov-up {
text-align: left;
font: normal normal normal 10px/14px Barlow;
}
.card__overlay {
transform: translateY(80%);
}
.susteinability-down-boxhs{
  position: relative;
  left: -52px;

}
.typing-demo {
  text-align: left;
  font: normal normal normal 55px/54px Barlow;
  position: relative;
  top: -13px;
  left: 150px;
  width: 150px;
}
.owl-awards-carosel .owl-nav {
  top: -27em !important;
  left: 0em;
}
.inventor-partner-carousel .owl-nav {
  
  top: -36.5vh !important;
}
.partner-carousel .owl-nav {

top: -35.5vh !important;
}
.gradiant-paragraph-page-innr::before {
left: 122px !important;
}
.home .videoPoster {
height: 17em;
}
.home .play-btn-with-div {
position: absolute;
top: 132%;
}
.count-bx-inndr-flex {
padding-top: 2%;
display: flex;
align-items: center;
justify-content: center;
}

}

/*tab portrait*/


@media only screen and (min-width:768px) and (max-width:992px){
.partner-carousel .owl-nav {
  
  top: -14.5vh !important;
}
.mision-logo::before {
  position: absolute;
  left: 211px !important;
  top: 21px !important;
}
.inventor-partner-carousel .owl-nav {
  
  top: -14.5vh !important;
}
.vision-logo::before {
  
  top: 28px !important;
  left: 216px !important;
}
.capacity-tot-project-pre-pge-carosel {
  position: relative;
  left: 0;
}
p.completion-type-years-pre-pge {
top: -16px;
position: relative;
left: 0;
}
.completion-time-project-carosel-pre-pge {
  position: relative;
  left: 0;
}
p.completion-type-year-pre-pge {
  position: relative;
  left: 0;
}
.blue-blue-box-div {
  background-color: #2277DD;
  border-radius: 10px;
  width: 80%;
}
img.img-project-inner-cover-img {
  width: 100%;
  height: 400px;
}
.single-news-and-events .videoPoster {
  height: 29em;
}
.single-news-and-events .news-and-events-inner-gallery-slider .owl-nav {
position: relative;
top: -31vh;
}
.single-news-and-events .play-btn-with-div {
position: absolute;
top: 25em;
}
.only-tab-bul-capacity{
  position: relative;
  left: -50px;

}
.conent-sec-news-and-events.bacground-col-inner {
  width: 86%;
}
.page-id-363 .our-project-singleinner {
  width: 45% !important;
}
.page-id-363 .gradiant-paragraph-page-innr::before {
  left: -59px !important;
}
.inner-recent-project-item-inner-card:hover .overlay-project-rectent-carosel {
  padding-top: 7vh;
  display: block !important;
  transition-duration: 1s;
  height: 100% !important;
  transform: translateY(-43px);
  bottom: 0 !important;
}
.overlay-project-rectent-carosel {
  padding: 10%;
  position: absolute;
  background-color: #071d59d4;
  width: 100%;
  top: 0;
  bottom: 0;
}
.servise-second-content .gradiant-paragraph-page-innr::before {
  left: -63px !important;
}
.single-hienergy_services .videoPoster {
  height: 30em;
}
.single-hienergy_services .play-btn-with-div {
position: absolute;
top: 24em;
}
.parent {
  width: 50%;
  margin-left: 0;
  margin: 0 auto;
}
.row-vender-wp {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  /* margin-bottom: 23px; */
}
.vendors-col-card-tree {
  height: 556px;
  width: 30%;
  margin-left: 1%;
  margin-right: 1%;
}
img.high-width-company-image {
  width: 100%;
  height: 93%;
  margin-left: 2px;
}
.small-col--card-of-company {
  /* padding: 18px; */
  width: 50% !important;
}
.huge-col-imag-card-of-company {
  width: 48% !important;
}

.management-team-card:hover .member-management-team-content{
  width: 100%;
}
img.management-team-member-imag.wp-post-image {
  width: 100%;
  height: auto;
}
.managemet-tm-ls-w {
  width: 33% !important;

}

.card:hover .card__overlay {
  transform: translateY(1%);
  background-color: #071D59;
  padding: 5px;
  padding-left: 10px !important;
}
.bacground-col-inner {
  background-color: #fff;
  padding-left: 18px;
  padding-right: 110px;
  padding-top: 20px;
}
.play-btn-with-div {
  position: absolute;
  top: 16em;
}
.videoPoster{
  height: 21em;

}
.susteinability-down-boxhs{
  position: relative;
  left: -50px;

}
.owl-news-carosel .owl-nav.disabled {
  display: block !important;
  position: relative;
  top: -24em !important;
  left: 7em !important;
}
.owl-awards-carosel .owl-nav {
  top: -30.5em !important;
  left: 0em;
}
.gradiant-paragraph-page-innr::before {
  left: 120px !important;
  top: -6px !important;
  height: 63px !important;
}
.count-bx-inndr-flex {
  padding-top: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin: 0 auto; */
  align-content: center;
  /* text-align: left; */
}
.count-bx-inndr-flex {
  padding-top: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carosel-in-con {
  position: relative;
  left: 24em;
  top: -8em;
  /* height: 42px; */
}
.title-save-title-save-sec {
font: normal normal normal 60px/50px Barlow;
position: absolute;
right: 30%;
top: 31%;
}
.typing-demo {
  text-align: left;
  font: normal normal normal 60px/54px Barlow;
  position: relative;
  top: 38px;
  width: 160px;
}
.site-banner-section span.carousel-control-prev-icon {
  position: relative;
  left: 2em !important;
  top: 0em !important;
  width: 25px !important;
  height: 25px !important;
  background-size: cover;
}
.banner-heading {
text-align: center !important;
font: normal normal bold 36px/50px Barlow !important;
padding-bottom: 12px;
}
.creative-heading::before {
content: "";
position: absolute;
width: 100px !;
height: 53px !important;
background-repeat: no-repeat;
left: 191px !important;
top: -15px !important;
}
.site-banner-section span.carousel-control-next-icon {
position: relative;
top: 0em !important;
left: -2em !important;
width: 25px !important;
height: 25px !important;
background-size: cover;
}
.site-banner-section .carousel-item {
  height: 90vh;
  position: relative;
}
div#hamburger-1 {
position: relative;
left: 32em;
margin-top: -53px;
/* top: -37px; */
float: right;
z-index: 1000;
}
img.send-telegrm-logo-inner-btn {
left: 381px !important;
/* top: 263px !important; */
}
.carousel-caption {
position: absolute;
right: 0;
top: 274px;
bottom: 0;
left: 0;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
width: 80%;
padding-left: 141px;
padding-right: 0px;
}



}


@media(max-width:1800px){
  .title-page-main-title-sections {
    font: normal normal 500 50px/60px Barlow !important;
  }
  .col-lg-9.p-0.col-up-padding-ser {
    width: 80% !important;
  }
  .page-id-220 .gradiant-paragraph-page-innr::before {
    content: "";
    left: 66px !important;
  }
  .center-text-page-center {
    width: 50% !important;
}
.servise-second-content .col-lg-8.P-0 {
  width: 60% !important;
}
.min-site-wap {
  width: 80% !important;
  margin: 0 auto;
}
.page-main-title {
  font: normal normal 500 50px/60px Barlow !important;
}
.awards-carosel-wapp-wi-padd .item {
  width: 100%;
}
.video_wrapper {
  height: auto !important;
}
.play-btn-with-div {
  top: 70% !important;
}
.sri-lanka-divition {
  position: absolute;
  right: 2% !important;
  top: 42% !important;
}
.dubai-divition {
  position: absolute;
  top: 18% !important;
  left: 35% !important;
}
.pakistan-divition {
  position: absolute;
  top: 13% !important;
  left: 66% !important;
}
.bangaladesh-divition {
  position: absolute;
  top: 28% !important;
  right: -2% !important;
}
}

@media only screen and (min-width:1200px) and (max-width:1600px){
.center-text-page-center{
  width: 55% !important;

}
.right-col-content-ser {
  padding-left: 23% !important;
}
.map-contact-us iframe{
  width: 100%;
}
.service1 {
  background-color: #FFFFFF;
  border-radius: 20px;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100% !important;
}
.dubai-divition {
  position: absolute;
  top: 18% !important;
  left: 35% !important;
}
.home-slider-service-titile{
  padding-bottom: 3% !important;
}
.col-milstone-sec-title-ab{
  font: normal normal 600 14px/30px Barlow;
}
.row.center-text-page-center {
  width: 50%;
}
.card__overlay {
  transform: translateY(77%);
}
.pakistan-divition {
  position: absolute;
  top: 13% !important;
  left: 66% !important;
}
img.lik-location-place-pakistan {
  position: absolute;
  top: 101px !important;
  left: -10px !important;
}
.our-globle-right-sidecontent {
  padding-left: 12%;
}
.bangaladesh-divition {
  position: absolute;
  top: 28% !important;
  right: -3% !important;
}
.maldives-divition {
  position: absolute;
  right: 6% !important;
  top: 57% !important;
}
.sri-lanka-divition {
  position: absolute;
  right: 4% !important;
  top: 42% !important;
}

/* img.lik-location-content-srilanka{
  width: 78%;

} */
p.white-text.text-location-map-srilanka{
  left: 38%;

}

.bottom-card-tow-col-link-dv {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 9%;
}
.small-col--card-of-company {
  /* padding: 18px; */
  width: 40%;
  padding-top: 70px;
  margin-left: -23px;
  padding-bottom: 8.5%;
  padding-right: 21px;
  padding-left: 66px;
}
.management-team-card:hover .member-management-team-content {
  padding-top: 2%;
  padding-bottom: 1%;
  width: 100%;
}
img.management-team-member-imag.wp-post-image {
  width: 100%;
  height: 100%;
}
.col-padding-about-right {
 
  padding-left: 4% !important;
}
.blue-counter-box {
 
 
  top: 8%;
  right: 5%;
  width: 33%;
}
img.lik-location-place {
  position: absolute;
  top: -20px;
  left: 35px;
}
.content-heding-infor-sec-heading {
  display: flex !important;
  justify-content: space-evenly !important;
  padding-left: 0%;
  width: 68%;
}
.padding-right-up-header {
padding-left: 10px;
padding-right: 10px;
transition-duration: 0.7s;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 8.25rem;
}
img.send-telegrm-logo-inner-btn{
top: 352px;

}
.card__overlay{
transform: translateY(76%);

}
.title-save-title-save-sec{
right: 12%;

}
.typing-demo {
width: 250px;
animation: typing 2s steps(10), blink .5s step-end infinite alternate;
white-space: nowrap;
overflow: hidden;
border-right: 3px solid;
font-family: monospace;
text-align: left;
font: normal normal normal 70px/144px Barlow;
letter-spacing: 0px;
color: #06EAED;
text-transform: capitalize;
opacity: 1;
position: relative;
left: 17px;
}
.title-page-main-title-sections {
  font: normal normal 500 50px/60px Barlow !important;
}
.col-lg-9.p-0.col-up-padding-ser {
  width: 80% !important;
}
.page-id-220 .gradiant-paragraph-page-innr::before {
  content: "";
  left: 66px !important;
}
.capacity-tot-project-carosel::before {
  left: 20px !important;
}
.capacity-tot-project-carosel {
  position: relative;
  padding-left: 57px !important;
}
.project-inner-gallery-slider .item img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}
.counter-number-sum-titel {
  font-size:16px !important;
}
.counter-number-main{
  font-size: 35px !important;
}
}
@media only screen and (min-width:993px) and (max-width:1199px){

.parent img{
  width: 100%;
  margin-left: 0;
}
.member-management-team-content{
  width: 100%;
}
.management-team-card:hover .member-management-team-content{
  width: 100%;
}
img.management-team-member-imag.wp-post-image {
  width: 100%;
  height: 100%;
}
.vendors-col-card-tree-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 4%;
  padding-right: 7%;
  padding-top: 8%;
  padding-bottom: 12%;
}
.vendors-col-card-tree {
  width: 33%;
  margin-left: 1% !important;
  margin-right: 1% !important;
}
.page-id-220 .gradiant-paragraph-page-innr::before{
  left: -14px !important;
  top: -35px !important;

}
.center-text-page-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 74%;
}
.small-col--card-of-company {
  /* padding: 18px; */
  width: 40%;
  padding-top: 41px;
}
.small-col--card-of-company-reverse {
  /* padding: 18px; */
  width: 40%;
  padding-top: 25px;
  margin-left: -23px;
  padding-bottom: 3%;
  padding-right: 21px;
  padding-left: 59px;
  position: relative;
  left: 15px !important;
}
img.high-width-company-image {
  width: 100%;
  height: 85.5%;
}
.col-milstone-sec-title-ab {
  text-align: left;
  font: normal normal 600 13px/30px Barlow;
}
.blue-counter-box {
  
  top: 8%;
  right: 3%;
  width: 39%;
}
.counter-number-main-ab {
  text-align: center;
  font: normal normal 500 50px/62px Barlow;
  letter-spacing: 3.32px;
}
.row.center-text-page-center {
  width: 75%;
}
.slider-down-content-sec {
  background: #2277DD;
  padding-top: 8px;
  padding-bottom: 3px;
  padding-left: 20px;
}

.parag-description-hov-up{
  font: normal normal normal 12px/23px Barlow;

}
.parag-heder-hov-up {
  text-align: left;
  font: normal normal 600 12px/0px Barlow;
  letter-spacing: 0.2px;
}
.card:hover .card__overlay {
  transform: translateY(50px);
  background-color: #071D59;
  padding: 5px;
}
.home-slider-service-titile {
  text-align: left;
  font: normal normal 600 16px/16px Barlow;
}
.card__overlay{
  transform: translateY(81%);

}
.read-more-news{
  font: normal normal 600 12px/25px Barlow;

}

.news-heading-l {
  text-align: left;
  font: normal normal 600 12px/17px Barlow;
}
.capacity-tot-project-carosel::before{
  left: 11px !important;

}
.completion-type-years{
  left: 38%;

}
.capacity-tot-project-carosel {
  position: relative;
  padding-left: 40px;
}
.our-project-singleinner {
  width: 98%;
}
img.map-image-main {
  width: 100%;
  height: 100%;
}

.inner-service-card-title{
  font: normal normal 600 16px/24px Barlow;

}
img.save-carosel-img {
  width: 40%;
}
img.save-with-solor-img-behind-img {
  width: 10%;
  position: absolute;
  top: 72%;
}
.carosel-in-con {
  position: relative;
  left: 7em;
  top: -5em;
}
.title-save-title-save-sec{
  right: 13%;
  top: 13%;
  font: normal normal normal 57px/77px Barlow;

}
.typing-demo{
  font: normal normal normal 44px/136px Barlow;

}

img.d-block.save-carosel-img {
  width: 100px;
}
.what-do-title-sec {
  text-align: left;
  font: normal normal normal 38px/40px Barlow;
}
.title-page-main-title-sections {
  text-align: left;
  font: normal normal 500 35px/54px Barlow;
}
.counter-number-main {
  text-align: left;
  font: normal normal 500 25px/52px Barlow;
  letter-spacing: 1px;
}
.counter-number-sum-titel{
  font: normal normal 600 17px/22px Barlow;

}
img.send-telegrm-logo-inner-btn{
  top: 277px;
}
.banner-heading {
  text-align: left;
  font: normal normal bold 50px/63px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}
.col-nav-hi-main-right-align .navbar-dark .navbar-nav .nav-link {
  font: normal normal 500 10px/14px Barlow;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
  color: #474747 !important;
  padding-right: 13px;
  padding-left: 12px;
}

.padding-right-up-header {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  transition-duration: 0.7s;
}
.content-heding-infor-sec-heading {
display: flex !important;
justify-content: space-evenly !important;
padding-left: 1%;
width: 174%;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 0.25rem;
left: 6.5%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: left;
width: 60%;
}

}



/* style 2022-05-02 */
.image-our-project-ingle-inner img {
width: 100%;
height: 100% !important;
object-fit: cover;
border-radius: 11px 11px 0 0;
}
.image-our-project-ingle-inner {
  width: 100%;
  height: 225px;
}
.project-inner-gallery-slider .item {
  width: 100%;
  height: 500px;
}
.project-inner-gallery-slider .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inventor-partner-carousel .item {
height: 68px;
width: 100%;
}
img.inner-award-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-sec-news-and-events {
  width: 50%;
  height: 155px;
}
.page-id-464,.page-id-109,li#menu-item-299 {
  display: none;
}
.bottom-card-tow-col-link-dv-right:hover p,.bottom-card-tow-col-link-dv-left:hover a {
  color: #06EAED !important;
}
.uppercase{
  text-transform: uppercase;
}
.centerAlign{
  text-align: center;
}
.content-para-main-description.text-center {
  padding-top: 20px;
  padding-bottom: 40px;
}
.solar-second-content {
  padding-top: 2%;
  padding-bottom: 3%;
}
.inner-two-col-solr-temp {
  padding-top: 20px;
}
:focus-visible{
  outline: 1px solid #2277DD;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,
 .wpcf7 form.aborted .wpcf7-response-output {
  margin-top: 10%;
}
li.nav-item button {
  font: normal normal  18px/60px Barlow;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: capitalize;
  font-weight: 500;
  opacity: 0.55;
}
#pills-all-hi-projects-11 .our-project-singleinner{
  display:none;
}
.display-none{
  display:none !important;
}
.display{
  display:flex !important;
}
a.vbutton:hover {
  text-decoration: underline !important;
}
.content-inner-service {
  padding-top: 6%;
}
.single-news-and-events a.active.pgTitle, .single-hienergy-projects a.active.pgTitle {
  color: #474747 !important;
}
img.image-our-project-ingle-inner-logo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  display: none;
}
button.read-mor-news-and-events:hover {
  background-color: #3F8FEF;
  box-shadow: 0px 3px 6px #00000029;
  transition: all .5s;
}
.innerTitle {
  font: normal normal 40px/60px Barlow;
  letter-spacing: 0px;
  color: #071D59;
  text-transform: capitalize;
  opacity: 1;
  font-weight: 500;
}
p.newsInner {
  color: #06EAED !important;
  transition-duration: 0.7s;
}
.page-id-432 .wpcf7 form.invalid .wpcf7-response-output, .page-id-432 .wpcf7 form.unaccepted .wpcf7-response-output, .page-id-432 .wpcf7 form.payment-required .wpcf7-response-output, .page-id-432 .wpcf7 form.failed .wpcf7-response-output, .page-id-432 .wpcf7 form.aborted .wpcf7-response-output {
  margin-top: 20%;
}
button.read-more-banner-section a {
  color: #FFFFFF;
}
.single-hienergy-projects .breadcrumb {
  height: 60px !important;
}
.min-site-wap .our-project-slider-carosel button.owl-next {
  position: relative;
  left: 50%;
}
.min-site-wap .our-project-slider-carosel button.owl-prev {
  position: relative;
  left: -50%;
}
.min-site-wap .owl-awards-carosel.owl-theme .owl-dots,.min-site-wap  .owl-theme .owl-nav {
  top: -30vh;
  right: 2%;
}
.owl-awards-carosel.owl-theme .owl-nav {
  top: -54vh;
  right: -45%;
}
video {
  width: 100%;
  margin: 0 auto;
  /* position: relative; */
  background-color: #000;
  height: 73%;
}
.play-btn-with-div {
  position: absolute;
  top: 60%;
  display: flex;
  flex-direction: row;
  left: 15%;
  align-items: flex-end;
  transform: translate(-50%,-50%);
  width: auto;
}
.video_wrapper {
  background-color: transparent;
  /* height: auto !important; */
  display: flex;
}
.page-id-484 video {
  width: 58%;
  height: auto;
}
.page-id-484 .play-btn-with-div {
  top: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 30%;
}
.wrapAddress img, .wrapContact img, .wrapEmail img {
  width: 13px;
  height: 16px;
  margin-right: 12px;
}
.wrapEmail img {
  width: 18px;
  height: 13px;
  margin-right: 12px;
}
.page-id-363 ul#pills-tab li {
  padding: 15px 0;
}
.page-id-363 .tab-section-solor .nav-link {
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-news-ev-section-card:hover {
  border-top:1px solid #EBEBEB;
  border-bottom:1px solid #EBEBEB;
  border-left:1px solid #EBEBEB;
  background-repeat: no-repeat;
  border-right-width: 4px;
  border-right-style: solid;
  border-image: linear-gradient(to bottom, #06eaed, #2277dd) 1 !important;
}
.full-news-ev-section-card:nth-child(2n):hover {
  border-top:1px solid #EBEBEB;
  border-bottom:1px solid #EBEBEB;
  border-right:1px solid #EBEBEB;
  background-repeat: no-repeat;
  border-left-width: 4px;
  border-left-style: solid;
  border-image: linear-gradient(to bottom, #06eaed, #2277dd) 1 !important;
}
input.wpcf7-submit:hover {
  background: #3F8FEF;
  color: #fff;
  z-index: 999;
  transition-duration: 0.7s;
}
.col-lg-2.p-0.single-card-servise-res-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100% !important;
  height: 100% !important;
}
.image-side-ne-even-card-inner-img {
  width: 100%;
  height: auto;
}

:focus, :focus-visible{
  outline: none !important;
}
section.bottom-servise-content, .servise-thired-content {
  display: none;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }

}
@media screen and (min-width:1537px){
  img.map-image-main {
    width: 100%;
    height: auto;
}

}


@media (max-width:1537px){
  .map-globle-wapp img.map-image-main {
      width: 100%;
      height: auto;
  }
 
.video_wrapper {
  height: auto !important;
}
img.send-telegrm-logo-inner-btn {
  top: 88% !important;
}
.counter-number-main {
font: normal normal 500 40px/60px Barlow;
}
.sri-lanka-divition {
  position: absolute;
  right: 3% !important;
  top: 42% !important;
}
}

@media screen and (max-width:1440px) and (min-width:900px){
  .dubai-divition {
    position: absolute;
    top: 16% !important;
    left: 33% !important;
}
.pakistan-divition {
  position: absolute;
  top: 9% !important;
  left: 65% !important;
}
.bangaladesh-divition {
  position: absolute;
  top: 26% !important;
  right: -6% !important;
}
.sri-lanka-divition {
  position: absolute;
  right: 1% !important;
  top: 45% !important;
}
.maldives-divition {
  position: absolute;
  right: 4% !important;
  top: 56% !important;
}
}

@media screen and (max-width:1366px) and (min-width:1200px){
  .dubai-divition {
    position: absolute;
    top: 14% !important;
    left: 31% !important;
}
.pakistan-divition {
  position: absolute;
  top: 7% !important;
  left: 65% !important;
}
.sri-lanka-divition {
  position: absolute;
  right: -1% !important;
  top: 40% !important;
}
.maldives-divition {
  position: absolute;
  right: 2% !important;
  top: 56% !important;
}
.owl-awards-carosel.owl-theme .owl-nav {
  top: -33vh !important;
  right: -45%;
}

}

@media screen and (max-width:1280px) and (min-width:720px){
.owl-awards-carosel.owl-theme .owl-nav {
  top: -58vh !important;
  right: -45%;
}
.title-save-title-save-sec {
  right: 9% !important;
}
img.save-with-solor-img-behind-img {
  top: 63% !important;
}
.counter-number-sum-titel,.news-heading-l {
  font-size:14px !important;
}
.counter-number-main {
  font-size:35px !important;
}
.play-btn-with-div {
  left: 20% !important;
}
.col-lg-5.linediv {
  width: 40% !important;
}
.col-lg-2.socildiv {
  width: 20% !important;
}
hr.solid {
  border-top: 1px solid #bbb;
  width: 100% !important;
  margin-left: 0px !important;
}
.col-nav-hi-main-right-align .navbar-dark .navbar-nav .nav-link{
  padding-right: 0 !important;
}
.img-sec-news-and-events {
  width: 50% !important;
}
.slick-prev.slick-arrow {
  right: -86% !important;
  top: -18px !important;
}
.page-id-548 .section-wrapper {
  width: 95%;
  margin: auto;
}
.dubai-divition {
  position: absolute;
  top: 12% !important;
  left: 29% !important;
}
.pakistan-divition {
  position: absolute;
  top: 4% !important;
  left: 65% !important;
}
.bangaladesh-divition {
  position: absolute;
  top: 22% !important;
  right: -10% !important;
}
.sri-lanka-divition {
  position: absolute;
  right: -3% !important;
  top: 43% !important;
}
.maldives-divition {
  position: absolute;
  right: -1% !important;
  top: 56% !important;
}
}

@media(max-width:1024px){
  .col-lg-6.mapsection {
    display: none;
}
.col-lg-6.our-globle-right-sidecontent {
  width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px)
{
.page-id-363 .our-project-singleinner {
  width: 45% !important;
  height: 500px !important;
}
.project-inner-gallery-slider .item {
  width: 100% !important;
  height: 300px !important;
}
.servise-second-content .col-lg-8.P-0 {
  width: 100% !important;
}
.page-id-548 img.img-1 {
  width: 50% !important;
}
.page-id-548 img.img-1 {
  width: 50% !important;
  padding-top: 80px !important;
}
.sect-2 h2 {
  padding-top: 0px !important;
}
img.high-width-company-image {
  width: 100%;
  height: 93%;
  margin-left: 2px;
  object-fit: cover;
}
.min-site-wap {
  width: 95% !important;
  margin: 0 auto;
}
.vendors-col-card-tree {
  width: 45% !important;
}
.capacity-tot-project-carosel {
  position: relative;
  padding-left: 25px !important;
}
.service-bottom-flex-section {
  justify-content: space-between;
}
.capacity-tot-project-carosel::before {
  left: 25px !important;
}
.completion-type-years,.completion-type-year {
  top: 0px !important;
}
.awards-carosel-wapp-wi-padd .item {
  width: 100% !important;
  padding: 0 !important;
}
.page-id-484 .servise-thired-content {
  height: auto !important;
}
.padding-right-up-header {
  padding: 10px 0 0 !important;
  font-size: 16px;
  text-transform: uppercase !important;
  color: #474747 !important;
}
a.inner-top-col-cn {
  left: -12px !important;
}
.navbar-dark .navbar-nav .nav-link {
  text-transform: uppercase;
}
.mobile-offcanvas {
  padding-top: 20% !important;
}
#header .dropdown-menu .nav-item.active > a {
  color: #FFFFFF !important;
  padding: 10px 15px !important;
}
.footer-image {
  display: none !important;
}
.mon-none-d {
  display: none;
}
.wrapEmail, .wrapContact, .wrapAddress {
  justify-content: center;
}
.page-id-484 video {
  width: 100%;
  height: auto;
}
.Sustainability-section-hienergy .video_wrapper {
  height: auto;
  width: 95% !important;
}
.page-id-484 .play-btn-with-div {
  left: 17% !important;
}
img.send-telegrm-logo-inner-btn {
  top: 58% !important;
  left: 61% !important;
}
.title-save-title-save-sec {
  right: 30% !important;
}
}

@media screen and (max-width:768px)  {
  img.send-telegrm-logo-inner-btn {
    top: 48% !important;
    left: 62% !important;
}
.welcome-section-main-site-description {
  padding-top: 0px;
  height: 108px;
}
.header-service-project {
  font-size: 16px !important;
}
span.bold-service-project-description {
  font-size: 14px !important;
}
.content-inner-service {
  padding: 30px !important;
}
.capacity-tot-project-carosel::before {
  left: -12px !important;
}
.our-project-singleinner {
  height: 100% !important;
}
.owl-awards-carosel.owl-theme .owl-nav {
  top: -54vh !important;
  left: 19em !important;
}
.slick-next.slick-arrow {
  content: "";
  top: -25em !important;
}
h4.blue-background-sustanability-white-blue-upper-text {
  display: none;
}
.single-card-servise-res-3 {
  padding-bottom: 20px !important;
}
.inner-ward-carosel-content-inner img.inner-award-image {
  height: 420px;
}
.blue-counter-box {
  background-repeat: no-repeat;
  width: 20%;
  right: 22%;
}
h3.vendors-col-card-tree-header-title {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vendors-col-card-tree {
  height: 465px;
}
.vendors-col-card-tree-content {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.single-hienergy_services .video_wrapper {
  height: 30vh !important;
}
.right-col-content-ser {
  padding-top: 5% !important;
}
.page-id-344 .inner-service-card {
  height: 335px !important;
}
.page-id-392 .gradiant-paragraph-page-innr::before {
  left: -90px !important;
  top: -6px !important;
  height: 63px !important;
}
.image-side-ne-even-card-inner-img-inverce {
  float: none !important;
}
}

@media only screen and (max-width:595px) {
.project-inner-gallery-slider .item {
  width: 100% !important;
  height: 100px !important;
}
img.send-telegrm-logo-inner-btn {
  left: 195px !important;
}
.footer-image {
  display: none !important;
}
.mon-none-d {
  display: none;
}
.title-page-main-title-sections {
  font: normal normal 500 28px/40px Barlow !important;
}
.key-facts-main-title-cs {
  font: normal normal 500 25px/60px Barlow !important;
}
h2.main-title-sections-blue-white {
  font: normal normal 500 16px/30px Barlow !important;
}
.project-inner-gallery-slider.owl-theme .owl-dot span, .single-solar-system .solar-solution-recent-carousel.owl-theme .owl-dot span{
  display: none;
}
.single-hienergy-projects .breadcrumb {
  height: 60px !important;
}
.conent-sec-news-and-events.bacground-col-inner {
  padding: 10px 10px 10px 18px!important;
}
.news-date-l ,.news-heading-l{
  font-size: 14px !important;
}
.read-more-news {
  font-size: 12px !important;
}
.main-image-recent-project-card img {
  width: 90% !important;
  height: auto !important;
  margin: auto !important;
}
li.menu-item-299 {
  display: none;
}
.overlay-project-rectent-carosel {
  width: 90% !important;
  margin: auto !important;
  left: 5%;
  padding-top: 75px !important;
}
.bottom-card-tow-col-link-dv {
  padding-top: 0% !important;
}
.capacity-tot-project-carosel::before {
  left: -2px !important;
}
.capacity-tot-project-carosel {
  padding-left: 28px;
}
.high-width-company-image {
  height: 150px !important;
}
img.high-width-company-image {
  height: auto !important;
}
img.company-logo-image-single-sep {
  bottom: -8% !important;
}
.huge-col-imag-card-of-company {
  width: 100% !important;
}
.page-id-220 .gradiant-paragraph-page-innr::before {
  content: "";
  left: -14px !important;
}
.servise-second-content .col-lg-8.P-0 {
  width: 100% !important;
}
/* .min-site-wap {
  width: 90% !important;
} */
.carrer-card-full-sec {
  flex-wrap: wrap;
}
.carr-card-fill {
  width: 49% !important;
  display: flex !important;
  flex-wrap: wrap;
  padding-bottom: 5% !important;
}
.Open-position .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .Open-position .nav-pills .nav-link {
  padding-bottom: 7px !important;
  padding-top: 7px !important;
  font-size: 13px;
}
.padding-right-up-header {
  padding: 0 !important;
  font-size: 16px;
  text-transform: uppercase !important;
  color: #474747 !important;
}
.upper-links-wapper {
  padding-top: 10px !important;
}
.navbar-dark .navbar-nav .nav-link {
  color: #474747 !important;
  text-transform: uppercase;
}
.padding-right-up-header:hover {
  color: #474747 !important;
}
.center-text-page-center {
  width: 77% !important;
}
.gradiant-paragraph-page-innr-inner-page::before {
  left: -36px !important;
}
.page-tempelete-main-page-upper-setion {
  padding-top: 20% !important;
  padding-bottom: 5% !important;
}
.breadcrumb {
  height: 50px !important;
}
.awards-carosel-wapp-wi-padd .item {
  width: 80% !important;
  height: auto !important;
  margin: auto;
  padding: 0 !important;
}
.mobile-offcanvas {
  padding-top: 35% !important;
}
.wrapEmail, .wrapContact, .wrapAddress {
  justify-content: center;
}
.our-project-singleinner {
  height: auto !important;
}
.play-btn-with-div {
  display: none;
}
.title-page-main-title-sections-inner-page {
  text-align: center;
  font: normal normal bold 30px/40px Barlow;
}
.page-id-484 video {
  width: 100%;
  height: auto;
}
#header .dropdown-menu .nav-item.active > a {
  color: #FFFFFF !important;
  padding: 10px 15px !important;
}
.award-name {
    font: normal normal 500 12px/15px Barlow !important;
}
.owl-awards-carosel.owl-theme .owl-nav {
  top: -53vh !important;
}
.home-new-hilight-carousel .slick-next.slick-arrow {
  content: "";
  top: -21.5em !important;
}
.owl-awards-carosel .owl-theme .owl-nav {
  text-align: end !important;
}
.img-sec-news-and-events {
  width: 49%;
}
button.navbar-toggler {
  display: none;
}
.service-bottom-flex-section {
  justify-content: space-between;
}
}