@import url('https://use.fontawesome.com/releases/v5.1.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700;900&display=swap');

:root {
    --primary: #2d2d2d;
    --sliver: #f4f4f4;
    --grey: #cecece;
    --border: #12121214;
    --theme: #ef7b14;
    --white: #FFFFFF;
    --action: #282535;
    --theme2: #b8c930;
}

*{-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: 'Montserrat',sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;position:relative;margin:0;padding:0;color: var(--primary);overflow-x: hidden;background: #fff;/* letter-spacing: 0.3px; */}
.container{ width: 100%; max-width: 1300px; margin: 0 auto; }
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 700;margin:0;font-family:'Bricolage Grotesque' ,sans-serif;}
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: var(--theme);color:var(--white); }
::-moz-selection {background: var(--theme);color:var(--white);}

.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}
.bgsliver{background: var(--sliver);}
.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:#fff;border-top: 1px solid #ee7f22;}
.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: 280px;}
@media (max-width: 992px) {
     .header-main{padding:15px 0}
.header-main .header-wrap{display:block}
}


body.fixed .header-main{position:fixed;background: var(--white);padding-bottom: 0;top:0;left:0;right:0;z-index:9;-webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;box-shadow: 0 9px 9px rgba(0,0,0,.1);height: auto;}
body.fixed{padding-top: 81px;}
body.fixed .logo img{/* width: 242px; *//* padding: 0; */filter: none;}
body.fixed #cssmenu > ul > li::after{top: 16px;}
body.fixed #header .main-header{background: transparent;}



.htitle{position:relative;display:block;color: var(--theme);margin: 0 0 15px 0;line-height: 1.3;font-size: 36px;}
.htitle.small{font-size: 28px;}
.htitle.white, .htitle.white + p{color:var(--white);}
.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-left: auto;margin-right: auto;}
@media (max-width: 992px) 
{
    .htitle{font-size: 28px;}
    .htitle + p{width: 100%;}
}


/*----------*/
.page-head{padding: 80px 0 80px 0;position:relative;background: var(--sliver);text-align: center;}
.page-head h1{margin:0;padding: 0px 0 8px 0;font-size: 42px;text-transform: capitalize;color:var(--theme)}
.breadcrumb{padding: 0;margin: 0;display: inline-block;}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;content:"/\00a0"}
.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li + li:before{color: var(--primary);}


/*------------*/
.section {position: relative;padding: 80px 0;    scroll-margin-top: 82px;overflow: clip;}
.sectionbg{background: var(--sliver);padding:80px 0;position: relative;scroll-margin-top: 82px;overflow: clip;}


.about-box{grid-template-columns:1fr 1fr;gap: 10px;display: grid;}
.about-box .item-box{text-align:center;gap:7px;width: 100%;aspect-ratio: 1 / 1;max-width: 307.5px;padding: 10px;text-align: center;color: var(--white);}
.about-box .item-bg-1{background-color:var(--theme);}
.about-box .item-bg-3{background-color:var(--theme2);}
.about-box .count{font-size:55px;line-height: 55px;}
.about-box p{margin:0}

.about-box .img-style img{width:100%;object-fit:cover;}
@media (min-width: 992px){
    .about-box{margin-left:65px;}
}
@media (max-width: 991px){
    .about-box .item-box{max-width:100%;}
}

.custbtn{border-radius: 0;padding: 15px 35px;background: var(--theme);display:inline-block;margin-top: 0;border: 1px solid #ffff;color:#fff;text-transform:uppercase;font-weight: 600;border-radius: 5px;}
.custbtn:hover,.custbtn:active,.custbtn:focus{text-decoration:none;background: var(--primary);color: #fff;}
@media (max-width: 768px) 
{.custbtn{float:none !important; margin-top:5px}}


.box8{position:relative;overflow:hidden;}
.box8 .box-img img{width:100%;object-fit:cover;min-height: 390px;}
.box8 h4{position:relative;z-index:2;color: var(--white);/* padding-bottom: 17px; */display: block;font-size:20px}
.box8 p{font-size:16px;line-height:26px;}
.box8 .box-text{position:absolute;padding: 18px;-webkit-line-clamp: 2;background-color: var(--primary);overflow:hidden;bottom: 0;transition:all 0.3s ease;color: var(--white);/* padding-bottom: 38px; */width: 100%;}
.box8:hover .box-text{padding-bottom:15px}
@media (min-width: 992px){
.box8 .box-text .text{margin-top:-124px;opacity:0;transition: all 0.6s, opacity 0.4s;display: -webkit-box;-webkit-line-clamp: 3;      /* number of lines */-webkit-box-orient: vertical;overflow: hidden;}
.box8 .box-text .text p{transform:translateY(60px);opacity:0;transition:all 0.7s, transform 0.8s, opacity 0.8s;margin: 0;}
.box8:hover .box-text .text{opacity:1;margin-top:0;-webkit-line-clamp: unset;  /* Remove the line clamp on hover */overflow: visible;}
.box8:hover .box-text .text p{transform:translateY(0);opacity:1;}
}

@media (max-width: 992px) {
    .box8 .box-text{padding-bottom:0;position: relative;}
    .box8 .box-img img{width:100%;min-height: auto;}
                          }

.highlight2{position:relative;padding: 60px 60px;background: var(--primary) url(../images/machine-banner2.jpg) fixed;overflow:hidden;color: var(--white);text-align: center;}
.highlight2 .container{position:relative}
.highlight2:before{content:' ';position:absolute;left:0;right:0;top: 0;bottom: 0;background:var(--primary);opacity:0.8}
.highlight2 a{background: transparent;transition:all .3s ease;display:inline-block;border-color: var(--white);margin-top: 20px;}
.highlight2 a:hover{color: var(--white);background: var(--theme);border-color: var(--theme);}
@media (max-width: 992px) {
.highlight2{padding:60px 20px;text-align:center}
}



/*--------------*/
.hdwatsp {position: fixed;bottom: 10px;right: 10px;z-index: 21 }
.hdwatsp a{text-align: center;width: 50px;height: 50px;float: left;color: #FFFFFF;border-radius: 10px;background-color: #25D366;background-color: #25D366;}
.hdwatsp i{font-size: 40px;margin-top: 5px;}

.address{}
.address li{margin: 10px 0;}
.address h4{padding-bottom: 6px;margin-bottom: 13px;color: var(--theme);}
.address i{display:inline-block;vertical-align:top;margin-top: 4px;width: 20px;text-align: center;font-size: 17px;margin-right: 10px;}
.address p{display:inline-block;text-align:left!important;margin:0;}
.address a{color: #1c1c1c;}




.footer{padding-top:60px;color:var(--primary);position:relative;background: var(--sliver);background-repeat:no-repeat}
.footer p,.footer a, .footer .address i{color: var(--primary);}
.footer .ftcontact{border-top: 1px solid var(--grey);padding-top:45px;margin-top:15px}
.footer h4{color:var(--theme);margin-bottom:30px;text-transform:uppercase}
.footer img{padding:10px 0 15px;width:300px;display:inline-block}
.footer .social{text-align:right}
.copyrights{padding:21px 0;overflow:hidden;margin-top:45px;border-top: 1px solid var(--grey);}
.copyrights p,.copyrights a{margin:0;color: var(--primary);}
@media (max-width: 992px) {
    .footer,footer .textright, .footer .social,
    .footer .address p{text-align:left!important}
}