@import url('https://use.fontawesome.com/releases/v6.2.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --primary: #2e2e2e;
    --sliver: #f4f4f4;
    --grey: #e2e2e2;
    --border: #12121214;
    --theme: #016630;
    --action: #000;
    --white: #FFFFFF;
    --lightbg: #f2f5f9;
}

*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:"Poppins",sans-serif;font-size: 16px;font-weight: 400;position:relative;margin:0;padding:0;color:var(--primary);overflow-x: hidden;background: #fff;}
.container{width: 100%;max-width: 1450px;margin: 0 auto;padding:0 15px;position: relative;}
.container-fluid{position: relative;}
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 600;margin:0;line-height: 1.2;}
h4{font-size: 20px;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color: var(--theme);}
ul,ol{padding:0;margin:0;list-style:none}
.cuani, a{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
b, strong{font-weight:600}
::selection {background: #00421f;color:var(--white); }
::-moz-selection {background: #00421f;color:var(--white);}
.mb-n40 { margin-bottom: -40px;}
.vcenter > .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.imgdrk{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.imgdrk:hover{filter: none; -webkit-filter: grayscale(0);filter: grayscale(0);}
.h100{height:100%;}
.w100{width:100%!important;}
.radius-10{border-radius:10px;}
.swbox{background:var(--white);box-shadow: rgb(0 0 0 / 6%) 0px 16px 40px 0px;border-radius: 6px;padding: 20px;}
.automrg{margin: auto;/* text-align: center; */float: none;}
.bgwhite{background:#fff!important}
.bgblack{background-color: #000!important;}
.bgsliver{background: var(--lightbg);}
.border-box{position:relative;border: 1px solid #00000030;border-radius: 10px;box-shadow: 0 3px 6px 0 #0106140f;}
.border-box.lightbg{background: #27b7b712;border: none;}

.box-swbox{box-shadow: #0000000f 0px 2px 12px 0px;border-radius: 10px;overflow:hidden}
.box-swbox.bg{background: #f9f6f3;box-shadow:none}
@keyframes slide-down {
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}


.header-main{transition:all .5s ease;padding:0;background:var(--white)}
.header-main .header-wrap{display:flex;justify-content:space-between;max-width:100%;flex-wrap:wrap;float:none;margin:0 auto;list-style:none;display:flex;flex-direction:row;align-items: center;}
.header-main .logo{margin-right:0;position:relative;z-index:1}
.header-main .logo img{width:200px;padding: 0;}
@media (max-width: 992px) {
.header-main .header-wrap{display:block;}
}

body.fixed .header-main{position:fixed;padding:0;top:0;left:0;right:0;z-index:9;-webkit-animation:slide-down .7s;-moz-animation:slide-down .7s;-o-animation:slide-down .7s;box-shadow:0 9px 9px #0000001a;height:auto}
body.fixed{padding-top:81px}
body.fixed .header-main{position:fixed;padding-bottom:0;top:0;left:0;right:0;z-index:9;-webkit-animation:slide-down .7s;-moz-animation:slide-down .7s;-o-animation:slide-down .7s;box-shadow:0 9px 9px #0000001a;height:auto}
body.fixed{padding-top:81px}
body.fixed .logo img{filter:none}
body.fixed #cssmenu > ul > li::after{top:16px}
body.fixed #header .main-header{background:transparent}

.tophead{list-style:none;margin:0;padding:0;float: right;position: relative;z-index: 2;}
.tophead li {display: inline-block;color: #fff;padding: 0px 5px;font-weight: 500;}
.tophead li a{color: var(--white);text-transform:lowercase;font-size: 18px;margin-left: 0;padding: 6px;display: inline-block;background: var(--theme);width: 40px;height: 40px;border-radius: 5px;text-align: center;}
.tophead li i{}
@media (max-width: 992px) 
{
	.tophead ul{float:none;text-align:center}
	.tophead{position: absolute;right: 54px;top: 13px;}
}

@media (max-width: 992px)
{   
	.header-main .header-wrap{display: block;}
}
   
/*------------*/
.section{position:relative;padding: 80px 0;background: #fff;scroll-margin-top: 82px;overflow: clip;}
.sectionbg{background: #f4f4f4;padding:80px 0;position: relative;scroll-margin-top: 82px;overflow: clip;}
.bgbox{background: #f4f4f4;padding: 20px;position: relative;border-radius: 10px;}
.bgbox.nobg{background:none}


.box-swbox{box-shadow: #0000000f 0px 2px 12px 0px;border-radius: 10px;padding: 10px;}
.box-swbox.bg{background: #f9f6f3;box-shadow:none}

.htitle{position:relative;display:block;font-size: 34px;color: #016630;margin: 0 0 15px 0;/* text-transform: uppercase; */}
.htitle.white, .htitle.white + p{color:#fff}
.htitle.center{text-align:center}
.htitle + p{width: 60%;margin: 0;margin-bottom: 25px;font-size: 18px;position: relative;}
.htitle.center + p{text-align:center;margin:0 auto;margin-bottom: 25px;}
@media (max-width: 992px) 
{
    .htitle{font-size: 28px;}
    .htitle + p{width: 100%;}
}


.about-section{position:relative;padding-bottom: 0;} 
.about-section img{position: absolute;z-index: 1; bottom: 0;opacity: 0.1;}

@media only screen and (min-width: 1200px) {
   .about-section::before {content:"";width: 47%;height: 100%;position: absolute;top: 0;left: 0;background-color: var(--sliver);z-index: 0;}
   
}

/* funfact */
.fun-box {position: relative;text-align: center;}
.fun-box h3{font-size: 60px;line-height:1em;position:relative;letter-spacing: 0.01em;color: transparent;-webkit-text-stroke: 1px var(--theme);}
.fun-box h4{position:relative;display:block;padding: 10px 0 0 0;}
@media (max-width: 768px) {
	.fun-box h3{font-size: 40px;}
}

.highlight2 .fun-box h3{color: transparent;-webkit-text-stroke: 1px var(--white);}
.highlight2 .fun-box h4{color:var(--white);text-transform:uppercase}


.box6{padding: 15px;background: var(--sliver);border: 1px solid var(--border);border-radius: 10px;overflow: hidden;}
.box6.white{background:#fff}
.box6 .box-img {position: relative;overflow: hidden;border-radius: 6px;}
.box6 .box-text{position:relative;padding: 20px 0;color: #161616;text-align: left;}
.box6 .box-text h4{color: var(--theme);margin-bottom: 15px;}
.box6 .box-text p{margin:0}
@media (max-width:767px) {
    .box6 .box-text {padding: 15px}
}

.highlight{width:100%;display:block;position:relative;background-size:cover!important;background: #000 url(../images/highlight.jpg) no-repeat fixed;padding-bottom: 350px;}
.highlight:before{position:absolute;top:0;left:0;height:100%;width:100%;content:"";background: #0000009c;}
.highlight .inner-text{position:relative}
.highlight .custbtn{margin-top:20px;background:transparent}
@media (max-width:767px) {
    .highlight{padding-bottom: 80px}
}

.highlight2{width:100%;display:block;position:relative;background-size:cover!important;background: #000 url(../images/highlight2.jpg) no-repeat fixed;}
.highlight2{width:100%;display:block;position:relative;background-size:cover!important;background: #000 url(../images/highlight2.jpg) no-repeat fixed;}
.highlight2:before{position:absolute;top:0;left:0;height:100%;width:100%;content:"";background: #0000009c;}
.highlight2 .inner-text{position:relative}
.highlight2 .custbtn{margin-top:20px;background:transparent}

.infra-img{margin-top: -250px;border-radius: 10px;}
@media (max-width:767px) {
    .infra-img {margin-top: -50px;}
}

.mfg-box{display:flex;align-items:stretch;gap:15px;background: var(--white);}
.mfg-box .icon{display:flex;justify-content:center;align-items:center;background: var(--theme);padding:10px;min-width: 80px;min-height: 80px;}
.mfg-box .icon img{max-width:40px;height:auto;filter: brightness(0) invert(1);}
.mfg-box .text{display:flex;flex-direction:column;justify-content:center;padding: 15px;padding-left: 0;}
.mfg-box .text h4{margin-bottom: 2px;text-transform: uppercase;}
.mfg-box .text p{margin:0;color:#666}

.box22{position:relative;overflow-y:hidden;box-shadow:.1rem .1rem 1rem #0000001a}
.box22::before{content:"";width:100%;height:100%;position:absolute;background-image:linear-gradient(#00000000,#00000000,#00000040,#000000de);z-index:1;left:0;right:0}
.box22:hover::before{background-image:linear-gradient(#00000,#00087,#000bf,#000)}
.box22 .box-img{position:relative;display:block;background:#01a4d4;overflow:hidden;transition:all 500ms ease}
.box22 .box-img img{width:100%;opacity:1;transition:all 500ms ease}
.box22:hover .box-img img{transform:scale(1.05)}
.box22 .box-inner{display:flex;flex-direction:column;justify-content:center;height:100%;position:absolute;width:100%;top:0;transition:transform 300ms;transform: translate3d(0,90px,0);z-index:1;color:#fff}
.box22 .box-inner h4{margin:0 0 15px;color:#fff;transform:translate3d(0,-0,0);transition:transform 300ms;font-size:22px;text-align:center}
.box22 .box-inner .box-text{flex-grow:1;padding:1rem;opacity:0;transition:opacity 500ms 100ms}
.box22 .box-inner .box-text p{margin:0}
.box22:hover .box-inner{transform:translate3d(0,87%,0)}
.box22:hover .box-inner h4{transform: translate3d(0,-120px,0);}
.box22:hover .box-inner .box-text{opacity:1}

.single_box{padding: 40px 20px;background: var(--sliver);position:relative;z-index:1;transition:all .4s ease;border-radius: 10px;overflow: hidden;}
.single_box::before{content:"";background: var(--theme);inset:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .5s ease-in-out;z-index:-1}
.single_box .icon{position:relative;z-index:1}
.single_box .icon::before{content:"";position:absolute;background: #282535c2;opacity:.1;width: 40px;height: 40px;border-radius:50%;left:0;top:10px}
.single_box .icon img{transition:.3s ease;width: 70px;filter: invert(50%) sepia(10%) saturate(3207%) hue-rotate(
56deg) brightness(64%) contrast(100%);}
.single_box:hover::before{transform:scaleX(1);transform-origin:left}
.single_box:hover  .icon img{filter: brightness(0) invert(1);}
.single_box:hover h4,.single_box:hover{color:#fff}
.single_box h4{margin: 25px 0;}
.single_box p{margin:0}

/*--------------*/
.fix-penal{position: fixed;bottom: 0;right: 10px;z-index:21}
.fix-penal a{text-align: center;width: 45px;height: 45px;display: block;color: #FFFFFF;border-radius: 10px;background-color: #25D366;margin-bottom: 10px;font-size: 20px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.fix-penal .callus{background: #e8c925;color: #000;}
.fix-penal .callus i{color:#493e4f}
.fix-penal .btntop{opacity: 0;background: #0000007a;}




  /*-----------*/
.box2{text-align: center;overflow: hidden;}
.box2 img{border: 1px solid var(--grey);padding: 5px;border-radius: 8px;}
.box2:hover img{border-color:var(--theme)}
.box2 h4{padding: 15px 0 15px 0;color: var(--primary);margin:0;}
.box2 h4 a{color:var(--primary)}
.box2:hover a, .box2:hover h4{color:var(--theme)}
.box2 p{color:var(--primary);margin: 0;}


/*--------*/
.social{list-style-type:none;padding:10px 0 0;margin:0}
.social li{display:inline-block}
.social a{margin-right:5px;cursor:pointer;display:block;width: 40px;height: 40px;text-align:center;text-decoration:none;background: transparent;border: 1px solid var(--primary);line-height: initial;font-size: 20px;color: black;border-radius: 50%;}
.social a i{line-height: 40px;color: var(--primary);}
.social a:hover{background: var(--theme);color: var(--white);border-color: var(--theme);}
.social a:hover i{color: #fff;}

/*--------------*/
.cenq{display:none}
.form label{font-weight:600;margin-bottom: 5px;text-transform: uppercase;}
.form button{margin-top:30px}
.form textarea.text-field{height:80px}
.form .select{margin:0!important;font-size:15px!important}
.form  input[disabled],.form .text-field{background: #f6f6f6;border: 0;color: #222d35;/* font-size: 16px; */margin: 0 0 18px;padding: 15px;width:100%;border-radius: 5px;border: 1px solid #e4e4e4;}
.form .text-field:focus,.form .text-field:hover{/* border-color: #c3002f; */box-shadow:none;/* border-width:1px; */background: #fff;}
.errorbox,.errorbox span,.errorbox li{color:#e8c925}
.errorbox .sucmsg{color:#046310}
.custbtn{border-radius: 0;padding: 15px 35px 15px 35px;background: var(--theme);position:relative;display:inline-block;line-height: 20px;margin-top: 0;font-weight: 600;border: 1px solid #ffff;color:#fff;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all;border-radius: 5px;}
.custbtn:hover{text-decoration:none;background: var(--primary);color: #fff;}

.capcha{background:transparent !important}
.capcha + input{width:200px !important;margin-top:5px !important}



/*------*/
.contact-main{/* margin-top: -150px; */background: transparent;}
.contact-item{margin-bottom:15px;}
.contact-item h4{font-size: 18px;text-transform:uppercase;margin-bottom:10px;color: var(--theme);}
.contact-item p{margin:0}
.contact-item a{color:var(--primary)}
.contact-item i{width: 16px;text-align:center;margin-right: 5px;}
.contact-item .content{padding: 15px 0;border-bottom: 1px solid #eee;}
.contact-item .content:first-child{padding-top:0}
.contact-item .content:last-child{border-bottom:none;padding-bottom:0}

.google-map {width: 100%;/* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); */height: calc(64% + 30px);overflow: hidden;}


/*---------------*/
.footer{position: relative;background: #f4f4f4;background-repeat: no-repeat;padding-bottom: 0;}
.footer a{margin: 0;}
.footer .copyrights{padding:25px 0 10px 0;border-top: 1px solid var(--border);margin-top:25px;background: var(--primary);color: var(--white);}
.footer .copyrights a{color: var(--white);}

@media (max-width: 992px) 
{
    .header-main{/* position:inherit; */padding: 20px 0;/* height: auto; *//* background: #fff; */}
    .header-main .container{width:100%}
    .logo{margin-right:0;text-align: left;position: inherit;padding: 5px 0;}
    .logo img{margin: 0;filter: inherit;}
}