@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.menuu_btn{background:url(../images/menu.png) no-repeat 0 0/100%; width: 32px; height: 32px; border:none; 

position:absolute; ;right: 16px;
top: 20px;
	}
.menuss{position: absolute;
right: 76px;z-index: 10;top: 106px;}

@media(min-width:1200px)
{
  .menuu_btn{display:none;}

}

.parent {
    flex-direction: row;}

@media(max-width: 767px)
{
.parent {
  display: flex;
  flex-direction: column-reverse;
}
}

@charset "UTF-8";

@font-face{
    font-family: "GraphikBlack";
    src:url("../font/GraphikBlack.otf");
}


ul.sp li:hover > ul.dropdown-menu {
    display: block;
}


/* CSS Document */

.no-padding{padding: 0px !important;}

.img-100{width:100%;}

.slider-item{padding: 0px 12px;}


body{background-color: #fff;  
      font-family: "Poppins", sans-serif;
  font-weight: 400;
      font-size:14px;}
.navbar .nav {
    width: unset;
    float: right;
	  padding-top: 0px;
	  padding-left:0px;

}

.navbar-wrapper{ 
padding:0px 20px 10px;
/*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
	background: transparent;}

.navbar .nav > li > a {
    float: none;
    color:white;
    text-decoration: none;
}
.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    text-decoration: none;
background-color: #8dc63f;
color: #383636;
}
.navbar .nav > .active > a {
    text-decoration: none;
    color: white;
    font-weight: 400;
	background:#8dc63f;
	
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background-color: #8dc63f;
color: white;
    text-decoration: none;

}
.navbar .brand {
    float: left;
    display: block;
    padding: 0px;
    margin: 10px 0px 10px;
    font-size: 20px;
    font-weight: 200;
    color: white;
    cursor: pointer;
}
.nav-static{ position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999;}

.na{display: block ruby;}


.show500 {
    display:none !important;
}



.nav > li > a {
   position: relative;
display: block;
padding: 0px 15px;
margin: 0;
font-size: 14px;
font-family: "Open Sans", sans-serif;font-weight: 400;
transition: ease-out .3s;
text-decoration:none;
color: #fff;text-transform: uppercase;
}

/*..............index.................*/
ul.sp li:hover > ul.dropdown-menu {
    display: block;
}


.mmenu{position: absolute;
right: 30px;
top: 45px;}

.blogo{float: left;padding: 10px 0px 0 0px;}

.subsection1{padding: 0px 0 0 20px;
  /*float: right;*/
}

.nav{float: right;}

.callmail{display: flex;}
.callmail p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 14px; margin:0px;color:#fff;line-height: 1;}
.callmail p i{font-size: 16px;
  padding-right: 5px;}

#hmail{background: url('../images/mail.png') no-repeat 0px 0px;
  padding: 15px 0px 0px 45px;
  float: left;}
#hcall{background: url('../images/call.png') no-repeat 0px 0px;
  padding: 15px 12px 10px 45px;
  float: left;}



.sect1{background: #dddddd url('../images/bg1.png') no-repeat right;background-size: cover; padding: 110px 30px 150px;}
.sect1 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #fff;padding: 0;margin: 0 0 12px;}
.sect1 p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 13px;color: #fff;padding: 0;margin: 0 0 12px;}
.box-white{background: #fff;padding: 25px 15px 30px;}
.box-white h3{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 18px;color: #565656;padding: 0;margin: 0 0 12px;text-align: center;}
.box-white p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 13px;color: #4d4d4d;padding: 0;margin: 0 0 12px;text-align: center;}
.btn-read{background: #fff;border: 1px solid #fff;text-transform: uppercase;font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 13px;color: #4d4d4d;padding: 5px 20px;margin: 0 0 30px;}

.sect1-new{background: #dddddd url('../images/bg1-new.jpg') no-repeat right;background-size: cover; 
  padding: 210px 30px 230px;}
.sect1-new h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #075056;padding: 0;margin: 0 0 12px;line-height: 1;}
.sect1-new h2 span{font-size: 85px;}
.sect1-new p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 14px;color: #075056;padding: 0;margin: 0 0 12px;}


.logo-sect{padding: 150px 30px 150px;background: #fff;}
.logo-sect h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 37px;color: #000;padding: 0;margin: 0 0 12px;line-height: 1.3;}
.logo-sect h3{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 24px;color: #075056;padding: 0;margin: 0 0 12px;line-height: 1;}
.logo-sect p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 18px;color: #000;padding: 0;margin: 0 0 12px;}
.logo-sect img{border: 1px solid #bdbdbd;margin-bottom: 20px;}



.execute-sect{padding: 0px 30px 150px;background: #fff;}
.execute-sect h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 37px;color: #000;padding: 0;margin: 0 0 12px;}
.execute-sect p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 18px;color: #000;padding: 0;margin: 0 0 12px;}



.sect2{background: #fff; padding: 0px 30px 120px;}
.box-serv p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 13px;color: #4e4e4e;padding: 0px 20px 40px;margin: 0px;}
.box-serv{background: #ececec;}
.box-serv h3{font-family: "Poppins", sans-serif;
  font-weight: 600;font-size: 22px;color: #000;padding: 40px 20px 0px;margin: 0 0 12px;text-transform: capitalize;}


.sect3{background: #000 url('../images/bg2.jpg') no-repeat fixed;background-size: cover;padding: 150px 30px 110px;}
.sect3 h2{font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #075157;
  padding: 0 0 0 20px;
  margin: 0 0 15px;}
.sect3 ul{
  padding: 0 0 0 40px;
  margin: 0;
}
.sect3 ul li{font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #075157;
  padding: 0 85px 0 0px;
  margin: 0 0 12px;list-style: url('../images/ulli.png');}
.orange-padding{padding-left: 15px;}


.sect4{background: #000 url('../images/bg3.jpg') no-repeat fixed;background-size: cover;padding: 180px 30px 160px;}
.sect4 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #fff;padding: 0;margin: 0 0 12px;}
.sect4 p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 15px;color: #fff;padding: 0px;margin: 0 0 12px;}



.sect5{background: #fff;padding: 80px 0px 0px;}
.sect5 h2{font-family: "Poppins", sans-serif;
  font-weight: 600;font-size: 22px;color: #000;padding: 0 290px;margin: 0 0 12px;text-align: center;}
.sect5 h3{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #000;padding: 0 30px;margin: 0 0 50px;text-align: center;text-transform: capitalize;}
.img-hgt1{object-fit: cover;height: 225px;width: 100%;}
.img-padd1{padding: 0 10px 10px 0;}
.img-padd2{padding: 0 0 10px 0;}
.sect5 .row{
  align-items: stretch;
}

.project-col{
  display:flex;
  flex-direction:column;
  /*height:100%;*/
   justify-content:space-between;
}

.project-col img{
  width:100%;
  object-fit:cover;
  flex:unset;

}


.sect6{background: #efefef url('../images/bg4.jpg') no-repeat bottom;background-size: cover; padding: 145px 30px 300px;}
.sect6 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #000;padding: 0 0px;margin: 0 0 80px;text-align: center;text-transform: capitalize;}
.sect6 p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 14px;color: #454545;padding: 0px;margin: 0 0 10px;text-align: center;}
.sect6 p span{font-size: 12px;font-weight: 500;}
.box-test{background: #fff;padding: 80px 15px 40px;}
.sect6 img{position: absolute;top: -65px;left: 50%;transform: translateX(-50%);border-radius: 50%;}
.sect6 .slick-list{overflow: unset !important;}


footer{padding: 30px 30px 30px !important;background: #efefef;}
footer ul{padding: 0;
  margin: 40px 0 20px;}
footer ul li{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 13px;color: #424141;padding: 0;margin: 0 0 8px;text-transform: lowercase;list-style: none;}
footer ul li a{color: #424141;text-decoration: none;}
footer ul li a:hover{color: #000;text-decoration: underline;}

footer h2{font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 28px;
  color: #000;
  padding: 0 0 0px;
  margin: 0px 0 10px;text-transform: capitalize;}
footer p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 12px;color: #424141;padding: 0px 0 0px;
  margin: 0 0 5px 0;}
footer p span{font-weight: 500;color: #000;}
#floc{background: url('../images/floc.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 35px;}

#fmail{background: url('../images/fmail.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 35px;}

#fcall{background: url('../images/fcall.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 35px;}

.social{display: inline-block;}
.social img{padding-right: 10px;}


.sect-last{background: #a6a6a6;padding: 20px;}
.sect-last p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 12px;color: #fff;padding: 0px 0 0px;
  margin: 0;}
.sect-last p a{color: #fff;text-decoration: none;}
.sect-last p a:hover{color: #000;text-decoration: underline;}
.textright{float: right;}

.form-pos{position: absolute;
  left: 0;
  right: 0;
  top: -200px;}
.box-form{background: #fff;padding: 50px 20px;box-shadow: 0 0 8px #666;}
.cnt-frm{border: 1px solid #c1c1c1;
  border-radius: unset;font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #a6a6a6;}
.btn-black{background: #000;border: 1px solid #000;color: #fff;text-transform: uppercase;font-family: "Poppins", sans-serif;
  font-weight: 500;padding: 5px 0;margin: 0;width: 100%;}
.area-hgt{height: 100px;}


.about-sect2{background: #dddddd url('../images/bg4.jpg') no-repeat bottom;
  padding: 80px 30px 200px;}
.abtimg-hgt1 {
  object-fit: cover;
  height: 544px;
  width: 100%;
}
.abtimg-hgt2 {
  object-fit: cover;
  height: 205px;
  width: 100%;
}
.abtimg-hgt3 {
  object-fit: cover;
  height: 325px;
  width: 100%;
}
.new-about{margin-bottom: 50px;}
.about-content p {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #4d4d4d;
  padding: 0;
  margin: 0 0 30px;
}


.sub-section{background: url('../images/sub-bg1.jpg') no-repeat; background-size: cover;}
.sub-b1{padding: 0 0 0 190px;}
.subbnr-txt{position: absolute;bottom: 0px;right: 30px;width: 40%;}
.subbnr-txt h1{font-family: "Poppins", sans-serif;
  font-weight: 100;font-size: 80px;color: #000;padding: 0;margin: 0 0 10px;line-height: 1;}
.subbnr-txt h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 30px;padding: 0 0 15px;margin: 0 0 15px;}


.about-sect3{background: #dddddd url('../images/bg4.jpg') no-repeat bottom;
  padding: 0px 30px 300px;}
.project-sect1{background-image: linear-gradient(to top, #ddd,#f8f8f8);padding: 50px 30px 80px;}
.project-sect1 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #000;padding: 0;margin: 0 0 10px;text-transform: capitalize;}


.gallery-sect1{background-image: linear-gradient(to top, #ddd 50%,#f6f6f6 50%);padding: 50px 30px 300px;}
.gallery-sect1 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #000;padding: 0;margin: 0 0 20px;text-transform: capitalize;}

.footer-pos{position: absolute;bottom: 0;left: 0;}

.test-sect1{background: #dbdcdc;padding: 50px 30px 200px;}
.test-sect1 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #075258;padding: 0;margin: 0 0 20px;text-transform: capitalize;}

.story h5{font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #000;
  padding: 0px;
  margin: 0px 0px 12px;
}
.story p{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #343434;
  padding: 0px;
  margin: 0px 0px 12px;
}
.story h4{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4f4e4e;
  padding: 0px;
  margin: 0px 0px 12px;
}
.story h4 span{font-size: 12px;}
.each-story{display: flex;
  align-items: center;border-bottom: 1px solid #9b9b9b;}
.test-margin{margin-bottom: 50px !important;}
.each-story img{margin-bottom: 15px;}


.contact-sect{
  background: #fff url('../images/bg-contact.jpg') no-repeat center;
    background-size: cover;
  padding: 50px 30px 370px;
  
}
.contact-sect h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #075258;padding: 0;margin: 0 0 20px;text-transform: capitalize;}

.cnt-frm2{background: #fff;
  border: 1px solid #aaa;
  border-radius: 5px;
  font-size: 14px;
  color: #6c6c6c;}
textarea{height: 100px;}
.form-group{margin-bottom: 20px;}
.btn-blue{background: #075258;
  border: 1px solid #075258;
  width: 100%;
  padding: 5px 0;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;font-family: "Poppins", sans-serif;
  font-weight: 600;font-size: 14px;transition: all 0.5s;}
.btn-blue:hover{background: #000;border: 1px solid #000;}







.pr-nopadding{padding-right: 0px !important;}
.pl-nopadding{padding-left: 0px !important;}
.mm-btn_next::after{
 width: 10px !important;
  height: 10px !important;bottom: 35px !important;}
.mm-listitem__text{font-family: "Open Sans", sans-serif;
  font-weight: 400;font-size: 15px;}
.mm-btn{font-family: "Open Sans", sans-serif;
  font-weight: 400;}
.mm-listitem a:hover {
  color: #3682bc !important;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
  color: #3682bc !important;
  text-decoration: none;
}

.slick-prev{bottom: -50px !important;
top: unset !important;
left: unset !important;
right: 60px !important;} 
.slick-next{top: unset !important;
bottom: -50px !important;
right: 10px !important;}
.slick-prev::before, .slick-next::before{font-size: 25px !important;padding: 0 10px;background: #013f78;}

ul.sp li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-menu {
  list-style: none;
  font-size: 18px;
}
.dropdown-menu {
  position: absolute;
  top: 48px;
  list-style: none;
  font-size: 18px;
  width: auto;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-menu > li > a {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
  background: none;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 13px;
  background: #676767;
border-bottom: 1px solid #4f4f4f;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: 0px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-menu > li > a:hover {
  background: #136dd2;
  color: #fff;
}
.dropdown-menu{padding: 0px !important;}

.owl-carousel .item{
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;padding: 0 6px;
}
.owl-banner .owl-nav{display: none;}
.owl-dots{display: none;}

.mm-listview {
  padding: 40px 0 !important;
  float: unset;
}

/*************
  subpages
**************/






/*************
  new menu
**************/
.nav-menu > li:first-child {
  border-left: none;
}
.nav-menu > li{list-style: none;
  /*border-left: 1px solid #fff;*/
  padding: 0;
  margin: 0;}

.nav-bar {
  /*min-height: 4.375em;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;margin-bottom: 10px;
}

.nav-menu {
  position: fixed;
  left: -100%;
  top: 6.375em;
  flex-direction: column;
  width: 100%;
  // height: 100%;
  text-align: center;
  transition: 750ms;z-index: 999;padding: 0;margin: 0;
  /*top: unset;bottom: 0px;*/
}

.nav-menu.active {
  left: 0;
}

.nav-item {
  margin: 0em 0 1em;
}

.nav-link {
  transition: 400ms ease;
  position: relative;
  display: block;
  padding: 30px 10px 25px;
  margin: 0;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  transition: ease-out .3s;
  text-decoration: none;
  color: #fff;
  text-transform: lowercase;
  line-height: 1;

}



.hamburger {
  cursor: pointer;
}

.bar {
  display: block;
  background: linear-gradient(to right, #3896d1, #064b85);
  width: 24px;
  /* The following 2 properties are essential in creating the "X" when the hamburger is clicked. If you change just 1 of the 2, then you need to find the proper combination for the other one */
  height: 2px;
  margin: 6px auto;

  /*    -webkit-transition: all 300ms ease;  */
  transition: all 300ms ease-in-out;
}

.hamburger.active .bar:nth-child(2) {
  opacity: 0
}

.hamburger.active .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.hamburger.active .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.sub-nav .nav-link{color: #2c2c2c;}
.sub-nav li {
  border-left: 1px solid #2c2c2c;
}
.sub-navbar .bar{background-color: #0967ca;}

@media (min-width: 1200px) {

  .nav-menu {
    position: static;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /*gap: 1em;*/
    width: auto;
  }

  .hamburger {
    display: none;
  }
}

@media(max-width: 1199px)
{
  .nav-menu{background-color: #fff;top: unset;
  bottom: 0px;}
  .nav-link{color: #3682bc;text-align: center;}
  .nav-menu > li {
  border-left: unset;
  margin: 0px 0px;}
  .nav-link {
  padding: 20px 10px;font-size: 15px;}

  .dropdown-menu {
  width: 100%;position: unset;
}
.dropdown-menu > li > a {
  text-align: center;
  padding: 12px 20px;
}

}
@media(max-width: 767px)
{
  .bar {
  background-color: #0967ca;}
}


.sec-p{font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 13px !important;
  color: #000;
  padding: 0;
  margin: 0 0 10px !important;
  line-height: 1.3;text-align: center;}


.nav-menu .dropdown:hover > .dropdown-menu{display: block;}



.sub-navbar{
  background: #cdcdcd;
}
.sub-navbar #hmail{background: url('../images/smail.png') no-repeat 0px 0px;
  padding: 15px 0px 0px 45px;
  float: left;}
.sub-navbar #hcall{background: url('../images/scall.png') no-repeat 0px 0px;
  padding: 15px 12px 10px 45px;
  float: left;}
.sub-navbar .callmail p {
  color: #075258;
}
.sub-navbar .nav-link{color: #075258;}

.banner-sect{background: #cdcdcd;padding: 0 15px 30px;}
.banner-sect h1{
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 39px;
  color: #075258;
  padding: 0;
  margin: 0 0 12px;
}
.banner-sect h2{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #075258;
  padding: 0;
  margin: 0 0 12px;
}
.banner-sect ul li{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #075258;
  padding: 0;
  margin: 0 0 12px;list-style: url('../images/b-ulli.png');
}
.sub-heading{position: absolute;top: 30px;left: 30px;color: #075258 !important;}

.about-sect2{background: #fff;}
.vision-wrap h2{
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 37px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;
}
.vision-wrap p{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 22px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;line-height: 1.2;
}
.vision-wrap{position: absolute;
  bottom: 40px;
  text-align: center;
  left: 20px;
  right: 20px;}


/***************************************/
.sect-process{padding: 0 30px 100px;}
.sect-process h2{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #000;
  padding: 0;
  margin: 0 0 12px;text-align: center;
}
.clr-box-conent{
  border-radius: 5px;
}
.clr-box-conent img{
  border-radius: 5px 5px 0 0;
}
.clr-box-conent h3{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  padding: 30px 20px 0px;
  margin: 0 0 12px;
  text-transform: capitalize;
}
.clr-box-conent p {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  padding: 0px 20px 40px;
  margin: 0px;
}
.clr-box1 {
  background: #628083;
}
.clr-box2 {
  background: #c57b64;
}
.clr-box3 {
  background: #928864;
}
.clr-box4 {
  background: #646e92;
}
.clr-box5 {
  background: #8a6174;
}
.clr-box6 {
  background: #c59b64;
}
.clr-box7 {
  background: #5ca7a7;
}
.clr-box8 {
  background: #64926e;
}
.clr-box9 {
  background: #626783;
}

/*****************************************/
/* NAV WRAPPER */
.owlslider .owl-nav{
  position:absolute;
  top:-60px;               /* move arrows above slider */
  right:10px;
  display:flex;
  gap:12px;
}

/* ARROW BUTTONS */
.owlslider .owl-nav button{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#000 !important;
  color:#fff !important;
  font-size:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .3s ease;
}

/* Hover */
.owlslider .owl-nav button:hover{
  background:#4CAF50 !important;
  transform:scale(1.1);
}

/* Disabled state */
.owlslider .owl-nav button.disabled{
  opacity:.4;
  cursor:not-allowed;
}
/************/
/* DOTS WRAPPER */
.owlslider .owl-dots{
  margin-top:25px;
  display:flex;
  justify-content:center;
  gap:10px;
}

/* DOT */
.owlslider .owl-dot span{
  width:10px;
  height:10px;
  background:#ccc;
  border-radius:50%;
  display:block;
  transition:all .3s ease;
}

/* Active dot */
.owlslider .owl-dot.active span{
  background:#4CAF50;
  width:24px;
  border-radius:20px;
}
@media(max-width:767px){
  .owlslider .owl-nav{
    top:auto;
    bottom:-55px;
    right:50%;
    transform:translateX(50%);
  }
}
 .owlslider .item{
  padding: 10px 0;
}

.owl-stage{
  display:flex;
}

.owl-item{
  display:flex;
}


/* responsive */
/**************/

@media(min-width: 1610px)
{
  
  
}

@media(max-width: 1199px)
{

.navbar-wrapper {padding: 10px 15px 10px;}
.blogo {
  float: left;
  padding: 0px;
  width: 25%;
}
.callmail {
  display: none;
}
.bnr-txt h1 {
  font-size: 70px;
}
.bnr-txt h2 {
  font-size: 28px;
}

.sect1 {
  padding: 85px 30px 100px;
  background: #085158;
}
.sect2 {
  padding: 90px 30px 90px;
}
.sect3 {
  padding: 130px 30px 180px;
}
.sect5 h2 {
  padding: 0 275px;}

.sub-b1 {
  padding: 0 0 0 100px;
}

.sect1-new {
  background: #ddd url('../images/bg1-new.jpg') no-repeat center;}


}

@media(max-width: 991px)
{

.nav-section{padding-bottom: 40px;
  background: #e1e1e1;
}

.nav-section{background: #ddd url('../images/bg1-bg.jpg') no-repeat;
}


.sect1 {
    padding: 60px 30px 80px;
}
.sect1-img{object-fit: cover;
  height: 280px;
  width: 100%;}
.sect3 h2 {
  font-size: 29px;
}
.sect5 h2 {
    padding: 0 120px;
}
.sect5 {
  padding: 50px 0px 85px;
}

.sub-b1 {
    padding: 0;
    display: block;
    margin: auto;
  }
.subbnr-txt {
  position: unset;
  width: 100%;
  text-align: center;
}

.sect-last p{text-align: center;}
.textright {
  float: unset;
}

.h2-text {
  display: unset;
}
.s-text {
  width: 100%;margin: 0 0 35px !important;
}
.solar-sect2 h2{margin: 0 0 15px;}
.partner-div{display: unset;}
.each-part{margin-bottom: 20px;}
.solar-sect2 {
  padding: 60px 30px 100px;
}

.yellow-div {
  padding: 30px 42px 50px;
}

.sect1-new {
    background: #d5dfe0;padding: 0px 30px 100px;
  }
.logo-sect {
  padding: 80px 30px 80px;
}
.execute-sect {
  padding: 0px 30px 80px;
  }
 .sect3 {
    padding:20px 30px   80px;
    background: #fb6a02;
  }
.sect6{padding: 80px 30px 300px;
}
.callmail{display: none;}


.about-sect{
    padding: 90px 30px 100px;
  }

.contact-sect {
  background: #9da3b1;
  padding: 50px 30px 20px;
}

.gallery-mob img{
  object-fit: cover;
  height: 350px;
  width: 100%;
}

}


@media(max-width: 800px)
{
  

}


@media(max-width: 767px)
{

.sect5 h2 {
    padding: 0 30px;
}
.sect5 {
    padding: 50px 0px 65px;
}
.sect6 {
  padding: 0px 30px 215px;
}
.sect6 h2 {
  font-size: 30px;
  margin: 0 0 90px;
}
.form-pos {
  position: unset;
}

.abtimg-hgt1 {
  object-fit: cover;
  height: 430px;
  width: 100%;
}
.abtimg-hgt2 {
  object-fit: cover;
  height: 150px;
  width: 100%;
}
.abtimg-hgt3 {
  object-fit: cover;
  height: 265px;
  width: 100%;
}

.solar-sect2 h2 {
  font-size: 25px;
}
.solar-sect2 h2 span {
  font-size: 35px;
}
.solar-sect2 h3 {
  font-size: 28px;line-height: 1.2;}
.solar-sect {
  padding: 0px 0px 200px;
}

.sect1{margin-top: 0px;}

.execute-sect h2 {
  font-size: 28px;
}
.execute-sect p {
  font-size: 15px;
  }
 
 .sect3 h2 {
    font-size: 18px;
  }
.sect6 {
    padding: 80px 30px 215px;
  }
.banner-sect ul{display: none;}
.banner-sect {
  background: #cdcdcd;
  padding: 25px 15px 25px;
}

}

@media(max-width: 576px)
{

.callmail{display: none;}
.sect1 h2 {
  font-size: 28px;
}
.box-white p{text-align: center;}
.sect4 {
  background: #000 url('../images/bg3.jpg') no-repeat fixed -70px/100%;
  background-size: cover;
  padding: 160px 30px 140px;
}
.sect-last p{text-align: center;}
.textright {
  float: unset;
}

.blogo {
    padding: 0;
    width: 40%;
}

.subbnr-txt h1 {
  font-size: 60px;
}
.subbnr-txt h2 {
  font-size: 20px;
}
.abtimg-hgt1 {
    object-fit: cover;
    height: 360px;
    width: 100%;
  }
.abtimg-hgt2, .abtimg-hgt3 {
    object-fit: cover;
    height: 265px;
    width: 100%;
  }
 .each-story {
    display: unset;
  }
.story h5 {
    font-size: 18px;
  }
.each-story img{margin-bottom: 12px;
}
.test-sect1 {
  padding: 50px 30px 80px;
}
.test-sect1 h2 {
  font-size: 30px;
}

.solar-sect2 ul li {
  font-size: 18px;
}
 .solar-sect2 {
    padding: 45px 30px 80px;
  }
.solar-sect2 h2 {
    font-size: 22px;
    display: grid;
    line-height: 1.2;
  }
 .solar-sect2 h2 span {
    font-size: 32px;
  }
.solar-sect2 h2 font {
  font-size: 22px;
}
.solar-sect2 h4 {
  font-size: 18px;
}

.yellow-div ul li {
  font-size: 16px;
  margin: 0 0 5px;
}
.yellow-div h3 {
  margin: 0 0 15px;
}

.sect1-new h2 {
  font-size: 26px;
}
.sect1-new h2 span {
  font-size: 55px;
}
.logo-sect h2 {
  font-size: 28px;
  }
.logo-sect p {
  font-size: 15px;
}
.logo-sect h3 {
  font-size: 18px;
}
 .execute-sect h2 {
    font-size: 25px;
  }

.vision-wrap h2 {
  font-size: 32px;
}
.vision-wrap p {
  font-size: 15px;
}
.vision-wrap {
  position: absolute;
  bottom: 15px;
  }


}

@media(max-width: 420px)
{

.sect4 {
    background: #000 url('../images/bg3.jpg') no-repeat fixed -140px/100%;
    background-size: cover;
}

.about-sect2 {
    padding: 60px 30px 120px;
  }
.project-sect1 {
  padding: 50px 30px 60px;
}


.banner-sect h1 {
  font-size: 30px;
}
.banner-sect h2 {
  font-size: 20px;
}
 .sect2 {
    padding: 0px 15px 90px;
  }
.sect-process {
  padding: 0 15px 100px;
}
.sect-process h2 {
  font-size: 30px;
}
.sect5 h2 {
    padding: 0 30px;
    font-size: 18px;
  }
.sect5 h3{
  margin: 0 0 25px;
}
.orange-tile{
  width: 160px;
}
.sect3 h2{padding: 0px;}
.sect3 ul {
  padding: 0 0 0 20px;
  margin: 0;
}
.orange-padding {
  padding-left: 0;
}

}



.menu .active a, .nav-link:hover{background: #075056;
  color: #fff;}
 .toggle, [id^=drop] {
 display: none;
}
nav {
  margin: 0;
  padding: 0;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

nav ul li ul li:hover { background: #000000; }

nav a:hover { background-color: #000000; }

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;background: #6c6c6c;padding: 10px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1199px) {

.side-menu{
  font-size: 20px;font-weight: 600;color: #000;background-color: unset !important;
  padding: 0px;
}
nav { margin: 0; 
  /*background: #fff;*/
}
.sidemenu-img{
  width: 40px;position: absolute;
    top: 0;
    right: 0;
}

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: unset;
  text-decoration: none;
  border: none;cursor: pointer;
}

/*.toggle:hover { background-color: #000000; }*/

[id^=drop]:checked + ul { display: block;transition: all 0.5s; background: #fff;}

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #000000; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}



.menu-toggle{
  width:37px;
  height:27px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer;
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%);
  z-index:9999;
}

.menu-toggle span{
  height:3px;
  width:100%;
  background:#000;
  border-radius:4px;
  transition:.4s;
}


/* Middle line shorter */
.menu-toggle span:nth-child(2){
  width:70%;
}

/* Hover effect */
.menu-toggle:hover span{
  width:100%;
}
.menu-toggle.active span:nth-child(1){
  transform:rotate(45deg) translate(7px,7px);
}

.menu-toggle.active span:nth-child(2){
  opacity:0;
}

.menu-toggle.active span:nth-child(3){
  transform:rotate(-45deg) translate(7px,-7px);
}
/* Desktop */
@media(min-width:992px){
  .menu-toggle{
    display:none !important;
  }
}

/* Mobile / Tablet */
@media(max-width:991px){
  .menu-toggle{
    display:flex !important;
  }
}




/* Overlay */
.overlay-menu{
  position:fixed;
  inset:0;
  background:rgba(7,80,86,.95);
  backdrop-filter:blur(10px);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:.4s;
  z-index:1001;
}

.overlay-menu.active{
  opacity:1;
  visibility:visible;
}

.overlay-menu ul{
  list-style:none;
  padding:60px 0 0;
  text-align:center;
}

.overlay-menu ul li{
  margin:20px 0;
}

.overlay-menu ul li a{
  font-size:18px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
  letter-spacing:1px;
}

.overlay-menu ul li.active a{
  color:#ffd200;
}
/* DEFAULT: Desktop visible */
.desktop-menu{
  display:block;
}

.mobile-only{
  display:none;
}

/* MOBILE VIEW */
@media(max-width:991px){

  .desktop-menu{
    display:none;
  }

  .mobile-only{
    display:block;
  }
}


#website{
    display: none;
}