
 #body .container{
    max-width: 1300px !important;
}

body{
    font-family: 'Jost', sans-serif !important;
}

.a-font{
    font-family: 'Arsenal', sans-serif;
}


/*--------------- new navigation ---------------------*/

.nav-content {
    position: absolute;
    top: 10px;
    left: -150px;
    z-index: 999;
    background: rgb(52 161 62);
    display: inline-block;
    
    transition: all .5s ease-in-out;
       opacity: 0;
    visibility: hidden;            
}

.nav-top3 {
    top: -90px !important;
}

/* ul.sub-content li {
    border-bottom: 1px solid #ffffff;
    
} */

ul.sub-content li a:hover{
    text-decoration: none;
}

 ul.sub-content{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.sub-content li a {
    color: #fff !important;
    white-space: nowrap;
    display: inline-block;
    padding: 12px 60px 12px 60px !important;
    text-align: center;
    /* padding: 20px !important; */
    width: 100%;
    transition: all .5s ease-in-out;
}

ul.sub-content li a:hover{
    background-color: #000;
    transition: all .5s ease-in-out;
}

.active3{
    background-color: #000;

}

.menu .nav-in2:hover .nav-content{
     opacity: 1;
    visibility: visible;
    left: -261px; 
      /* top: 43px;     */
    
}

.nav-in2{
    position: relative;
    transition: all .5s ease-in-out;
}


.menu {
    height: 100%;
    width: 14%;
    /* background-color: slategrey; */
    z-index: 9999;
    display: none;
    text-align: center;
    background: #34a13e;
    /* margin-left: auto; */
    position: fixed;
    z-index: 999;
    /* left: 0; */
    top: 0;
    right: 0;
    padding-top: 341px;
    
    
}
  
  .menu li  {
    
      /* padding-top:3em;
      padding-bottom:3em; */
      text-decoration:none;
      list-style-type: none;
      
    
  }
  
  .menu li  a {
    /* padding-top: 3em; */
    text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    padding: 12px;
    display: inline-block;
}
  
  .master-container {
    /* width: 97%; */
    /* margin: 0 auto; */
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}
  
 .new1{
    /* background: rgba(255, 255, 255, 0.7); */
    width:100%;

 }

 .new-top{
    position: absolute;
    top: 0;
    z-index: 99999;
 }
  
  .burger-menu { 
    margin-top:25px;
    cursor:pointer;
  
  }
  
  
  .bar {
    transition: 0.4s;
    /* position: fixed; */
    /* top: 0; */
    position: fixed;
    top: 24px;
    z-index: 999999;
    right: 30px;
}
  
  
  .bar-1 {
    
    width:5em;
    display: block;
    width: 40px;
    border-top: 6px solid white;
    padding-top:6px;
    cursor:pointer;
    transition:0.4s;
  }
  
  
  
   .bar-2 {     
    width:5em;
    display: block;
    width: 40px;
    border-top: 6px solid white;
    padding-top:5px;  
    display:fixed;
    transition:0.4s;
    }
  
  
     .bar-3 {  
  
    width:5em;
    display: block;
    width: 40px;
    border-top: 6px solid white;
    padding-top:5px;
    transition:0.4s;
  
    }
  
  
  .change .bar-1 {
  
  -webkit-transform: rotate(-45deg) translate(-10px, 5px);
      transform: rotate(-45deg) translate(-10px, 8px);
  }
  
  .change .bar-2 {opacity:0;}
  
  .change .bar-3 {
      -webkit-transform: rotate(45deg) translate(-10px, 5px);
      transform: rotate(45deg) translate(-10px, -5px);
  }

  .logo2 a img {
    width: 100px;
}
  
  

/*--------------- top navigation ---------------------*/

.top-list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.top-list li a {
    display: inline-block;
    color: #464646;
    font-size: 16px;
}

.top-list li a i {
    color: #000000;
    font-size: 14px;
    margin-right: 8px;
}

.top-social a i {
    display: inline-block;
    color: #000;
}

.top-nav {
    padding: 15px 0;
    /* border-bottom: 1px solid #d3d3d3; */
    /* background: #34a13e; */
}

.top-img {
    text-align: center;
    margin-right: 54px;
}

.top-img a i{
    width: 90px;
}

.top-social {
    margin-top: 18px;
}

.to-rt {
    margin-top: 37px;
}
.t-border {
    border-left: 1px solid #000;
    margin-left: 28px;
    padding-left: 17px;
}

.top-img a img {
    width: 105px;
}

.top-social {
    margin-top: 34px;
}


/*--------------- navigation ---------------------*/

a.navbar-brand img {
    width: 90px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 99999;
    /* background: black; */
    /* box-shadow: 0px 2px 17px 6px #dedddd; */
    box-shadow: 0 6px 17px -6px #abaaaa; 
}


/* .navbar-brand img {
    width: 110px;
} */

/* .navbar-brand img {
    width: 100px;
} */

/* .top-nav2 .navbar-nav li a {
    font-size: 16px;
    color: #000 !important;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    padding: 0 27px !important;
} */

.top-nav2 .navbar-nav {
    margin-left: 30px;
}

.nav-list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.nav-list li a{
    display: inline-block;
    font-size: 15px;
    color: #6a6a6a;
}

.top-nav2 .navbar {
	background-color: #fff !important;
	padding: 9px 0 !important;
}

.nav-btn {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 15px !important;
    padding: 9px 25px;
    font-weight: 500;
}

.nav-btn i{
    margin-left: 8px;
    font-size: 14px;
}

.ico-1 {
    margin-top: 15px;
}

.ico-2 {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 22px;
}

.top-nav2 .navbar-nav li a {
    font-size: 16px;
    color: #000000 !important;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    padding: 0 30px !important;
}

.nav-top {
    transform: translateY(23px);
}

li.nav-item a img {
    margin: 0 40px;
    width: 90px;
}

.navbar-nav li{
    position: relative;
 }


.top-nav2 .nav-content {
    position: absolute;
    top: 63px;
    left: 17px;
    z-index: 999;
    background: rgba(52, 161, 62, 0.9);
    display: inline-block;
    
    transition: all .5s ease-in-out;
       opacity: 0;
    visibility: hidden;          
}

.top-nav2 ul.sub-content li {
    border-bottom: 1px solid #ffffff;
    
}

.top-nav2 ul.sub-content li a:hover{
    text-decoration: none;
}

.top-nav2 ul.sub-content{
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-nav2 ul.sub-content li a {
    color: #fff !important;
    white-space: nowrap;
    display: inline-block;
    padding: 8px 145px 8px 20px !important;
}

.top-nav2 .navbar-nav .nav-in2:hover .nav-content{
     opacity: 1;
    visibility: visible;
      top: 43px;    
    
} 

/*--------------- banner ---------------------*/

/* .main-banner{
    padding: 0 30px;
} */

.bc-img{
    background: url(../images/banner-a.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 682px;
}

.bc-img2{
    background: url(../images/banner-b.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 682px;
}

.bc-img3{
    background: url(../images/banner-c.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 682px;
}

h6.ban-header {
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
}

h1.ban-header2 {
    font-size: 60px;
    color: #fff;
    margin-bottom: 18px;
}

p.ban-para {
    color: #fff;
    font-size: 17px;
    padding: 0 200px;
    margin-bottom: 35px;
}

a.ban-link {
    background: #fff;
    color: #000;
    font-weight: 500;
    display: inline-block;
    padding: 14px 47px;
}

a.ban-link i{
    font-size: 14px;
    margin-left: 6px;
}

.ban-text {
    text-align: center;
    padding: 211px 0;
}

.banner-content{
    position: absolute;
    top: 0;
    left: 0;
}

.main-banner i.fa-solid.fa-angle-left {
    color: #000;
    background: #fff;
    padding: 8px 10px;
    font-size: 17px;
}

.main-banner i.fa-solid.fa-angle-right {
    color: #000;
    background: #fff;
    padding: 8px 10px;
    font-size: 17px;
}

.m-icon {
    width: 75px;
    height: 75px;
    background: #ffffff;
    text-align: center;
    border-radius: 100%;
    line-height: 55px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 36px 0px, rgba(188, 207, 76, 0.08) 0px 0px 0px 1px;
}

.m-icon img {
    margin-top: 20px;
    width: 38px;
}

p.m-para {
    color: #3f3f3f;
    line-height: 28px;
}

.manufacture {
    background: url(../images/m-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    /* margin-top: 70px; */
    padding: 65px 0;
    
}

.m-container{
    width: 1100px;
    margin: 0 auto;
}

.m-box {
    background: rgba(255,255,255,0.7);
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

h5.m-title {
    color: #000000;
}


/*--------------- about us ---------------------*/

.abt-logo img {
    /* font-size: 60px; */
    width: 60px;
}

.abt-text {
    margin-top: 75px;
}

.abt-img img {
    width: 86%;
}

h6.a-header {
    text-transform: uppercase;
    color: #797979;
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: 500;
    margin-bottom: 8px;
}

h5.a-header2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 58px;
    margin-top: 20px;
    position: relative;
}

h5.a-header2 span{
    color: #34a13e;
}

h5.a-header2::before {
    content: url(../images/tab.png);
    position: absolute;
    bottom: -42px;
    left: 544px;
}

p.a-para {
    color: #7e7e7e;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 17px;
    /* padding-right: 80px; */
    padding: 0 178px;
}

a.a-link {
    background: #34a13e;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    padding: 12px 49px;
    margin-top: 50px;
}

a.a-link:hover{
    color: #ffffff;
    text-decoration: none;
}

.ab-color {
    background-color: #000 !important;
    margin-right: 12px;
}

.about {
    background: url(../images/abt-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    /* padding: 70px 0; */
    /* margin-top: 50px; */
}

.co-icon {
    width: 100px;
    height: 100px;
    /* border: 3px solid #34a13e; */
    border-radius: 7px;
    text-align: center;
    line-height: 100px;
    border-radius: 100%;
    background: #65c536;
    margin: 0 auto;
}

.co-icon img {
    width: 48px;
    /* text-align: center; */
    /* filter: brightness(0) saturate(100%) invert(55%) sepia(10%) saturate(4269%) hue-rotate(79deg) brightness(91%) contrast(69%); */
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(340deg) brightness(109%) contrast(101%);
}

.co-img {
    width: 40px !important;
}

h5.co-title {
    font-weight: 600;
    color: #000000;
    font-size: 24px;
    margin-bottom: 12px;
    /* line-height: 20px; */
    text-align: center;
}

h5.co-title2 {
    margin-bottom: 0;
    line-height: 27px;
    text-align: center;
    color: #6e6e6e;
}

.co-box2 {
    margin-top: 20px;
}

h5.co-header.a-font.text-center {
    font-size: 35px;
    color: #34a13e;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

h5.co-header2.a-font.text-center {
    font-size: 20px;
    color: #4d4d4d;
    font-weight: 600;
    margin-bottom: 30px;
}

.abt2 {
    margin-top: 20px;
    /* margin-bottom: 70px; */
    padding-bottom: 100px;
}

/*--------------- products ---------------------*/

.pro-container {
    width: 1400px !important;
    margin: 0 auto !important;
}

.pro-img {
    width: 100%;
    height: 428px;
    overflow: hidden;
    float: left;
    position: relative;
    /* border-radius: 50px; */
    background-color: #ddd;
}

.pro-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: auto;
    height: auto;
    transition: all .5s ease-in-out;
}

/* .pro-img::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.pro-img:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .80s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
} */

.pd-text2 {
    /* position: absolute; */
    margin-top: -54px;
    /* z-index: 9999; */
    position: relative;
}

h5.pd-header a {
    /* background: rgb(0 0 0 / 49%); */
    color: #fff;
    display: inline-block;
    /* width: 100%; */
    /* padding: 13px; */
    font-size: 23px;
    /* font-family: "Fanwood Text", serif; */
    padding-left: 30px;
    text-transform: capitalize;
}

h5.pd-header a:hover{
    text-decoration: none;
    color: #fff;
}

.p-btm {
    margin-bottom: 27px;
}

.pro-title {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 600;
    letter-spacing: 2px;
}

/* .pro-para3::after {
    content: url(../images/tab.png);
    position: absolute;
    bottom: -38px;
    left: 607px;
} */

.product {
    margin-top: 70px;
}

p.pro-para3 {
    padding: 0 216px;
    text-align: center;
    color: #6e6e6e;
    position: relative;
}

/*--------------- counting ---------------------*/


.counter-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 30px 50px;
  }
  
  .counter {
    font-size: 40px;
    margin-top: 10px;
    color: #fff;
}
  
  @media (max-width: 580px) {
    body {
      flex-direction: column;
    }
  }
  
  .c-flex {
    justify-content: space-between;
}

.counter-container img {
    width: 50px;
    margin: 0 auto;
}

.c-bg{
    background: url(../images/bg.png) no-repeat;
    background-size: cover;
    min-height: auto;
}

span.c-span {
    color: #e5e5e5;
    font-size: 20px;
    text-transform: capitalize;
}

.counting{
    margin-top: 50px;
}

/*----------- testimonial -----------*/

.test-top {
    margin-top: 100px;
}

h5.t-header {
    color: #000000;
    font-size: 30px;
    position: relative;
    margin-bottom: 45px;
    font-weight: 600;
    padding-bottom: 18px;
}

h5.t-header::after {
    content: url(../images/tab.png);
    /* width: 100px;
    height: 4px;
    background-color: #0f8881; */
    position: absolute;
    bottom: -25px;
    left: 0;
}

.t-para2 {
    color: #858585;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 35px;
}

.te-link {
    display: inline-block;
    background: #35995c;
    color: #fff;
    padding: 8px 21px;
    font-weight: 500;
}

.te-link i{
    font-size: 14px;
    margin-left: 10px;

}

.te-link:hover{
    text-decoration: none;
    color: #fff;
}

.text-box {
    background: #f3faf3;
    padding: 45px 35px 30px;
    position: relative;
    /* border-radius: 15px; */
}

.text-box::before {
    content: "";
    width: 330px;
    height: 1px;
    background-color: #d0d0d0;
    position: absolute;
    bottom: 127px;
    left: 0;
}

p.t-para {
    color: #022047;
    line-height: 28px;
}

.text-rating i {
    color: #34a13e;
    font-size: 15px;
}

.text-q i {
    color: #dafadd;
    /* text-align: right; */
    /* display: inline-block; */
    float: right;
    font-size: 70px;
}

.clear{
    clear: both;
}

.t-1 img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

h5.t-cap {
    font-size: 16px;
    color: #34a13e;
    margin-bottom: 6px;
    font-weight: 600;
}

h5.t-cap2 {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
}

.t-2 {
    margin-top: 9px;
    margin-left: 20px;
}

/* .testimonial {
    margin-top: 70px;
} */

.t-bg img {
    width: 95%;
    /* border-radius: 0 50px 50px 0; */
}

.testimonial .container-fluid{
    padding: 0 15px 0 0 !important;
}

h5.t-caption {
    text-transform: uppercase;
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 12px;
}

.testimonial .container-fluid .row .col-lg-6 .test-content .contain .owl-carousel .owl-dots {
    float: left;
    /* margin-top: 105px; */
}

.testimonial .owl-theme .owl-dots .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    background: #4cb856 !important;
    margin-top: 20px !important;
}


.testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3a3a3a !important;
}

p.t-para3 {
    color: #676767;
    line-height: 26px;
    margin-bottom: 25px;
}

.testimonial {
    background: url(../images/t-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: auto;
    padding: 70px 0 45px;
}

/*--------------- sustainibility ---------------------*/

h5.su-header {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 50px;
    position: relative;
}

h5.su-header::after {
    content: url(../images/tab.png);
    position: absolute;
    bottom: -38px;
    left: 42%;
}

p.su-para {
    font-size: 16px;
    padding: 0 178px;
    line-height: 27px;
    margin-bottom: 40px;
}

.su-color {
    background: #a6eca8 !important;
}

.su-color2 {
    background: #d2fdbb !important;
}

.su-box {
    background: #d2fdbb;
    padding: 27px;
    min-height: 307px;
}

.su-icon img {
    width: 65px;
    /* filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(17deg) brightness(110%) contrast(113%); */
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(4784%) hue-rotate(255deg) brightness(80%) contrast(107%);
}

h5.su-title {
    text-transform: capitalize;
    /* font-weight: 600; */
    color: #000;
    font-size: 20px;
    line-height: 30px;
    margin-top: 18px;
}

p.su-para2 {
    color: #616161;
    line-height: 29px;
    margin-bottom: 0;
}

.sustain {
    margin-top: 50px;
    background: #fcfdf3;
    padding: 60px 0 70px;
}

/*--------------- blog ---------------------*/

.bl-link{
    display: inline-block;
}

.bl-link {
    display: inline-block;
    color: #34a13e;
    font-weight: 500;
}

.bl-img {
    width: 100%;
    height: 246px;
    overflow: hidden;
    float: left;
    position: relative;
    background-color: #ddd;
    
    /* border-radius: 15px 15px 0 0; */
}

.bl-img img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: auto;
    height: auto;

}

.bl-logo img {
    width: 50px;
}

h5.bl-header {
    font-size: 45px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 14px;
}

p.bl-para {
    font-size: 16px;
    color: #71757c;
    font-weight: 500;
    line-height: 28px;
    padding: 0 300px;
    margin-bottom: 40px;
}

.bl-li {
    font-size: 15px;
    font-weight: 500;
    color: #71757c;
    white-space: nowrap;
}

.bl-li i{
    color: #1e3d75;
    margin-right: 10px;
}

.bl-com {
    margin-left: -40px;
}

h4.bl-title a {
    color: #1e3d75;
    font-weight: 600;
    /* padding-right: 100px; */
    display: inline-block;
    line-height: 35px;
    margin-top: 6px;
    margin-bottom: 8px;
}

p.bl-para2 {
    font-size: 15px;
    color: #71757c;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0;

}

.bl-text {
    display: inline-block;
    background: #fff;
    padding: 30px 40px;
    /* border-radius: 0 0 15px 15px; */
}

h5.bl-date {
    font-size: 14px;
    /* font-weight: 600; */
    background: #34a13e;
    display: inline-block;
    padding: 5px 19px;
    /* border-radius: 7px 7px 0 0; */
    position: absolute;
    top: 218px;
    left: 50px;
    /* bottom: 0; */
    color: #fff;
}

.bl-box {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

/* .b-bg{
    background: url(../images/bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 506px;
    margin-top: 80px;
} */

/* .blog {
    margin-top: 80px;
} */

h4.bl-title a {
    color: #000000;
    font-weight: 600;
    /* padding-right: 100px; */
    display: inline-block;
    line-height: 27px;
    margin-top: 6px;
    margin-bottom: 8px;
    font-size: 18px;
}

.bl-li i {
    color: #34a13e;
    margin-right: 10px;
}


h5.bl-header {
    font-size: 33px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 27px;
}

.blog {
    /* margin-top: 50px; */
    margin: 70px 0;
}

.bl-link {
    display: inline-block;
    color: #34a13e;
    font-weight: 500;
}

.bl-link i{
    margin-left: 10px;
    font-size: 14px;
}

/*--------------- why ---------------*/

.wh-img img {
    width: 342px;
    margin: 0 auto;
}

.wh-container{
    width: 1270px;
    margin: 0 auto;
}

.wh-box {
    text-align: right;
}

.wh-box2 {
    text-align: left;
}

h5.wh-num {
    font-size: 32px;
}

h5.wh-title {
    font-size: 22px;
}

p.wh-para {
    color: #565656;
}

a.wh-link {
    display: inline-block;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

a.wh-link i{
    font-size: 12px;
    margin-right: 8px;
}

a.wh-link:hover{
    text-decoration: none;
    color: #000;
}

h5.wh-title {
    font-size: 22px;
    margin-bottom: 20px;
}

.wh-1 {
    padding: 20px;
}

.wh-2 {
    margin-top: 15px;
}

.wh-box {
    margin-top: 95px;
}

p.wh-para {
    color: #565656;
    line-height: 28px;
}

.wh-img {
    text-align: center;
}

.why {
    background: url(../images/wh-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    /* padding: 60px 0; */
    /* margin-top: 50px; */
}

.wh-top {
    padding-top: 60px;
    padding-bottom: 70px;
}


/*--------------- client ---------------------*/

.cl-img img {
    width: 80px !important;
    margin: 0 auto;
}

.cl-img {
    background: #fff;
    text-align: center;
    /* margin: 0 auto; */
    padding: 10px 0;
    min-height: 123px;
    border: 1px solid #ddd;
    line-height: 135px;
}

.client {
    padding: 27px 0;
}

.i-width{
    width: 60px !important;
}

/*---------------- footer ----------------------*/

.footer {
    background: #323232;
    min-height: auto;
    padding: 60px 0;
}

.ftr-logo img {
    width: 150px;
}

.ftr-header {
    font-size: 20px;
    color: #fff;
    /* font-weight: 600; */
    margin-bottom: 20px;
    font-family: 'Arsenal', sans-serif;
}

.ftr-list{
    margin: 0;
    padding: 0;
    list-style: none;

}

.ftr-list li a {
    display: inline-block;
    color: #d4d4d4;
    font-size: 16px;
    line-height: 36px;
}

.ftr-list li a i {
    margin-right: 15px;
    font-size: 12px;
}

.ftr-list li a:hover{
    text-decoration: none;
}

.ftr-list2 li a:hover{
    text-decoration: none;
}

.ftr-list2{
    margin: 0;
    padding: 0;
    list-style: none;

}

.ftr-list2 li a{
    display: inline-block;

}

.ftr-social a i{
    display: inline-block;

}

p.ftr-para {
    font-size: 16px;
    /* color: #fff; */
    color: #d4d4d4;
    line-height: 26px;
}

.footer .form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: initial;
    border-radius: initial !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.footer .form-control::placeholder{
    font-size: 15px;
    padding-left: 10px;
}

a.frm-link i {
    background: #34a13e;
    color: #fff;
    display: inline-block;
    padding: 10px 12px;
    font-size: 17px;
    /* border-radius: 5px; */
}

.frm-btn {
    position: absolute;
    top: 6px;
    right: 6px;
}

.ftr-icon i {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.1);
    text-align: center;
    color: #fff;
    line-height: 45px;
    /* border-radius: 5px; */
    border: 1px dashed rgba(255, 255, 255, 0.3);
}

.ftr-list2 li a {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.ftr-h2 {
    font-weight: 400 !important;
    color: #d4d4d4 !important;
    line-height: 24px;
}

.mt-top {
    margin-top: 33px;
}

.ftr-social a i {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    text-align: center;
    color: #fff;
    line-height: 40px;
    /* border-radius: 5px; */
    border: 1px dashed rgba(255, 255, 255, 0.3);
}

.ftr-2 {
    margin-left: 65px;
}

.ftr-3 {
    /* margin-right: 71px; */
    /* display: inline-block; */
    margin-left: -16px;
}

.ftr-4 {
    margin-left: -37px;
}

.footer2 {
    background-color: #3e3e3e;
    padding: 20px 0;
}

.ftr-cap {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

/*---------------- Product Banner ----------------------*/

.product-banner{
    background: url(../images/pro-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: auto;
}



.p-header {
    padding: 212px 0;
}

.product-des .container-fluid {
    padding: 0 80px !important;
}

.pro-box {
    background: #ffffff;
    padding: 30px 20px;
    width: 85%;
    box-shadow: 0px 10px 22px -1px #d0d0d0;
}

h5.pro-header {
    text-transform: capitalize;
    font-size: 23px;
    color: #078381;
    margin-bottom: 16px;
}

ul.pro-list li {
    /* background: #fff; */
    margin-bottom: 15px;
    /* padding: 5px 5px; */
}

.pro-list li:last-child{
    margin-bottom: 0;
}

.pro-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.pro-list li a {
    display: inline-block;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all .5s ease-in-out;
}

.pro-list li a:hover {
    background: #078381;
    color: #fff !important;
    padding: 4px 8px;
    width: 100%;
}

 .active1 {
    background: #afca11 !important;
    color: #000 !important;
    
} 

.p-img {
    width: 57%;
    height: 395px;
    overflow: hidden;
    /* float: left; */
    position: relative;
    margin: 0 auto;
}

.p-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
  
}

h5.p-title a {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    /* letter-spacing: 1px; */
    display: inline-block;
    margin-bottom: 5px;
}

h5.p-title a:hover{
    text-decoration: none;
}

a.p-link {
    display: inline-block;
    background: #078381;
    color: #fff;
    text-transform: capitalize;
    font-size: 17px;
    padding: 7px 34px;
    font-weight: 600;
    /* width: 100%; */
    text-align: center;
}

a.p-link i{
    font-size: 14px;
    margin-left: 8px;
}

a.p-link:hover{
    color: #fff;
    text-decoration: none;
}



.product-des{
    margin-top: 70px;
}

p.p-para {
    font-size: 17px;
    color: #706f6f;
    margin-bottom: 25px;
}

a.pro-link {
    display: inline-block;
    background: #afca11;
    color: #000;
    padding: 6px 18px;
    font-weight: 500;
}

a.pro-link i{
    font-size: 14px;
    margin-left: 6px;
}

a.pro-link:hover{
    color: #000;
    text-decoration: none;
}

.p-btm2{
    margin-bottom: 40px;
}

.p-box {
    background: #fff;
    width: 88%;
    border-right: 1px solid #ababab;
    height: 97%;
}

.p-cap {
    text-transform: capitalize;
    font-size: 27px;
    /* margin-left: 12px; */
    margin-bottom: 20px;
}

.p-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.p-list li a {
    background: #f5f6ec;
    margin-bottom: 12px;
    padding: 4px 15px;
    display: inline-block;
    width: 90%;
    color: #000;
    font-size: 17px;
    border-radius: 6px;
}

.p-list li a:hover{
    text-decoration: none;
}

.pt-btm {
    padding-top: 85px;
}

.contact-banner{
    background: url(../images/contact-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.pro-banner{
    background: url(../images/pro-banner2.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.about-banner{
    background: url(../images/abt-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.beach-banner{
    background: url(../images/beach-ban.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.fe-banner{
    background: url(../images/fe-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.wi-banner{
    background: url(../images/wi-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.leader-banner{
    background: url(../images/leader.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.sustain-banner{
    background: url(../images/sustain.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.legacy-banner{
    background: url(../images/legacy.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 494px;
}

.contact2 {
    margin-top: 80px;
}

h5.con-title {
    color: #fff;
    font-size: 44px;
    letter-spacing: 2px;
}

.con-txt {
    padding: 20px 0;
    background-color: #f3f3f3;
}

.con-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.con-list li a {
    display: inline-block;
    color: #000000;
    font-size: 17px;
}

.con-list li a i {
    font-size: 11px;
    margin: 0 6px;
}

.con-rt .form-get-bg .form-control {
    height: 55px;
    border-radius: initial !important;
    margin-bottom: 25px;
    border: 1px solid #a7a7a7;
}
.con-rt .form-get-bg .form-control::placeholder{
    color: #1f1f1f;
}

.con-rt .form-get-bg .form-grp-1 .msg {
    resize: none;
    height: 125px;
    padding-top: 45px;
}

input.get-link {
    background: #34a13e;
    border: initial !important;
    color: #fff;
    width: 100%;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 16px;
}

.container-wi {
    width: 1410px;
    margin: 0 auto;
    padding: 80px 80px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

h5.co-header {
    font-size: 33px;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

h5.co-header2 {
    font-size: 22px;
    margin-bottom: 11px;
}

p.co-para {
    font-size: 20px;
    color: #7c7c7c;
    margin-bottom: 8px;
}

a.co-call {
    font-size: 18px;
    color: #34a13e;
    display: inline-block;
}

.con-2 {
    margin: 35px 0;
}

.con-rt {
    margin-left: 45px;
}

.map{
    margin-top: 80px;
}

.des-container {
    width: 1540px;
    margin: 0 auto;
}

.product-des .des-container .row {
    margin-left: -6px !important;
    margin-right: -6px !important;
}

.product-des .des-container .row .col-lg-3 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

h5.p-title6 a {
    display: inline-block;
    color: #1c1c1c;
    font-size: 18px;
    margin-top: 17px;
    margin-bottom: 25px;
}

h5.p-title6 a i{
    font-size: 12px;
    /* line-height: 7px; */
    transform: translateY(-1px);
}

.sh-head {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 79px;
    margin-top: 20px;
    position: relative;
}

.sh-head span{
    color: #34a13e;
}

.sh-head::before {
    content: url(../images/tab.png);
    position: absolute;
    bottom: -46px;
    left: 679px;
}

.ab-2 {
    width: 100%;
    height: 474px;
    overflow: hidden;
    float: left;
    position: relative;
    /* border-radius: 50px; */
    background-color: #ddd;
    border-radius: 16px;
}

.ab-2 img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: auto;
    height: auto;
}

.ab-1 {
    width: 100%;
    height: 225px;
    overflow: hidden;
    float: left;
    position: relative;
    /* border-radius: 50px; */
    background-color: #ddd;
    border-radius: 16px;
}

.ab-1 img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: auto;
    height: auto;
}

.ab-rt2 {
    margin-left: 20px;
    margin-top: 15px;
}

.ov-header {
    text-transform: uppercase;
    color: #797979;
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: 500;
    margin-bottom: -10px;
}

.ov-header2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 27px;
    margin-top: 20px;
    position: relative;
}

.ov-header2 span{
    color: #34a13e;
}

p.ov-para {
    font-size: 17px;
    color: #666666;
    line-height: 28px;
}

.company {
    margin-top: 70px;
}

.ov-bg {
    background: url(../images/abt-bg2.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: auto;
    padding: 60px 0;
    margin-top: 70px;
}

.ov-cap {
    font-weight: 600;
    font-size: 30px;
    line-height: 43px;
    padding: 0 210px;
    margin-bottom: 25px;
}

.ov-link {
    display: inline-block;
    background: #34a13e;
    color: #fff;
    font-size: 17px;
    padding: 12px 35px;
    font-weight: 500;
}

.ov-link i{
    font-size: 12px;
    margin-left: 8px;
}

.ov-link:hover{
    text-decoration: none;
    color: #fff;
}

.v-container{
    width: 1220px;
    margin: 0 auto;
}

.v-txt {
    background: #ffffff;
    margin-left: -100px;
    padding: 40px;
    border: 1px solid #34a13e;
    border-radius: 10px;
    margin-top: 110px;
}

.v-txt2 {
    background: #ffffff;
    margin-right: -100px;
    padding: 40px;
    border: 1px solid #34a13e;
    border-radius: 10px;
    margin-top: 110px;
    position: relative;
    z-index: 99;
}

.v-img img{
    width: 100%;
    border-radius: 20px;
}

h5.v-header {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

p.v-para {
    margin-bottom: 0;
    color: #6c6c6c;
    line-height: 27px;
}

.v-icon  img {
    width: 65px;
    filter: brightness(0) saturate(100%) invert(46%) sepia(97%) saturate(331%) hue-rotate(75deg) brightness(92%) contrast(96%);
    margin-bottom: 17px;
}

.mision{
    margin-top: 50px;
}

.vision {
    margin-top: 70px;
}

.ft-top{
    margin-top: 70px;
}

.le-img img {
    width: 100%;
}

.le-header span{
    color: #34a13e;
}

.le-header {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 14px;
    margin-top: 0;
    position: relative;
}

p.le-para {
    font-size: 17px;
    margin-bottom: 28px;
}

h5.le-cap {
    color: #34a13e;
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 12px;
}

p.le-para2 {
    margin-bottom: 0;
    color: #525252;
}

.le-box {
    background: #fff;
    padding: 30px;
    /* box-shadow: rgba(52, 161, 62, 0.2) 0px 8px 24px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid #e2ffe5;
    min-height: 424px;
}

.leader {
    margin-top: 70px;
}

p.ga-para {
    font-size: 18px;
    line-height: 31px;
    /* padding-left: 100px; */
    padding-right: 131px;
    margin-bottom: 35px;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 18px;
}

.legacy {
    margin-top: 70px;
}

.s-img {
    width: 100%;
    height: 259px;
    overflow: hidden;
    float: left;
    position: relative;
    /* border-radius: 50px; */
    background-color: #ddd;
}

.s-img img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: auto;
    height: auto;
    transition: all .5s ease-in-out;
}

.su-icon2 img {
    /* font-size: 45px; */
    width: 42px;
    /* width: 60px; */
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(63deg) brightness(103%) contrast(103%);
}

.su-icon2 {
    background: #7fb902;
    text-align: center;
    padding: 6px 9px;
    width: 66px;
    height: 66px;
    line-height: 50px;
    display: inline-block;
    /* margin-top: -67px; */
    transform: translateY(-67px);
}

h5.su-head2.a-font {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-top: -40px;
    /* margin-left: 30px; */
    /* margin-bottom: -3px; */
    /* display: inline-block; */
}

.su-txt2 {
    display: inline-block;
    position: relative;
    background: #fff;
    padding: 30px;
    /* box-shadow: rgba(52, 161, 62, 0.2) 0px 8px 24px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid #e2ffe5;
    min-height: 577px;
}

.su-flex {
    margin-left: 22px;
}

p.s-para2 {
    margin-bottom: 0;
    font-size: 16px;
    color: #323232;
    line-height: 27px;
    margin-top: 9px;
    display: inline-block;
}

.su-wi{
    width: 38px !important;
}

.su-icon3 img {
    width: 70px;
}

h5.su-head.a-font {
    font-size: 21px;
    font-weight: 600;
    color: #000000;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 17px;
}

p.s-para {
    margin-bottom: 0;
    font-size: 17px;
    color: #585858;
    line-height: 28px;
}

.su-container2 {
    width: 1430px;
    margin: 0 auto;
}

.su-txt {
    margin-right: 10px;
    margin-top: 75px;
}

.sustain2 {
    margin-top: 70px;
}

.su-bg .container-fluid {
    width: 1454px;
    margin: 0 auto;
}

.su-bg2 {
    background: url(../images/su-bg.png) no-repeat;
    /* background-size: cover; */
    background-position: center;
    min-height: auto;
    padding: 57px 0;
    border-radius: 10px;
    margin-top: 70px;
}

h5.st-head.a-font {
    text-align: center;
    font-weight: 700;
    font-size: 27px;
    padding: 0 200px;
    color: #000000;
    line-height: 39px;
}

.cs-img img {
    width: 100%;
    /* margin-left: 42px; */
}

h5.cs-head.a-font {
    font-weight: 600;
    color: #34a13e;
    font-size: 25px;
    margin-bottom: 13px;
    letter-spacing: 1px;
}

p.cs-para {
    font-size: 19px;
    color: #3a3a3a;
    margin-bottom: 20px;
}
.cs-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.cs-list li a{
    display: flex;
}

.cs-list li a i {
    color: #34a13e;
    font-size: 13px;
    line-height: 22px;
    margin-right: 10px;
}

.cs-list li a h5 {
    font-size: 17px;
    color: #4a4a4a;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 24px;
}

.cs-list li a h5 span{
    font-weight: 500;
}

.cs-1 {
    margin-top: 14px;
}

.sustain4 .container-fluid {
    padding: 0 253px;
}

.st-top{
    margin: 60px 0;
}

.st-top2{
    margin-top: 70px;
}

.abt4 {
    margin-bottom: 50px;
}