﻿
@import "https://use.fontawesome.com/releases/v6.2.0/css/all.css";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
    --primary: #2d2d2d;
    --sliver: #f4f4f4;
    --grey: #cecece;
    --border: #12121214;
    --theme: #ef7b14;
    --white: #FFFFFF;
    --action: #282535;
    --theme2: #b8c930;
}

html{-webkit-text-size-adjust:100%}
*{-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}
body{font-family:Montserrat;font-size: 16px;font-weight:400;line-height:24px;position:relative;margin:0;padding:0;color:#181818;overflow-x:hidden;background-color:#fff}
.container{width: 100%;max-width: 1400px;margin: 0 auto;position: relative;}
.container-fluid{position: relative;}
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 600;margin:0;word-spacing:3px;line-height: 1.3;}
h4{font-size: 20px;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color:#434344}
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:#ee7f22;color:#fff}
::-moz-selection{background:var(--theme);color:var(--white)}

.center{display:block;text-align:center}
.border-grey{border-color:#ccc!important}
.vcenter > .row{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media (max-width: 768px) {
.vcenter > .row{display:initial}
}
.bg1{background-color:#f58731}
.h100{height:100%}
.w100{width:100%!important}
.radius-10{border-radius:10px}
.swbox{background:var(--white);box-shadow:#0000000f 0 16px 40px 0;border-radius:6px;padding:20px}
.automrg{margin:auto;float:none}
.bgwhite{background:#fff}
.pwhite{color:#fff}
.bgblack{background-color:#000}
.box-swbox{border-radius:10px;overflow:hidden;background: #141414;}
.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}
.menugetquote{display:none!important}

@media (max-width: 992px) {
.header-main > div{display:inline-block!important}
.menugetquote{display:inline-block!important}
.getquote{display:none}
}



/*----------*/
.page-head{padding: 60px 0;color: var(--primary);position:relative;border-top: 2px solid var(--sliver);background: var(--sliver);}
.page-head h1{margin: 0;padding: 0;font-size: 40px;color: var(--theme);}
.page-head h1 + p, .page-head p{margin: 0;font-size: 18px;position: relative;}

.breadcrumb{padding: 0;margin-bottom: 0;list-style:none;margin-top:15px}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb > li, .breadcrumb > li > a, .breadcrumb > li + li:before{color: #858585;font-size: 14px;text-transform: uppercase;}
@media (max-width: 992px)
{   
	 .breadcrumb .container{width: 100%;padding: 0 15px;}
}


.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: 266px;}
@media (max-width: 992px) {
    .header-main{padding:15px 0}
    .header-main .header-wrap{display:block}
}
.section{position:relative;padding:80px 0;scroll-margin-top:82px;overflow:clip}
.sectionbg{background:#f8f8f8;padding:80px 0;position:relative;scroll-margin-top:82px;overflow:clip}

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;background:#fdfbff;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}

.htitle{position:relative;display:block;font-size:40px;color: #ee7f22;margin: 0 0 25px;line-height:1.3}
.htitle.small{font-size:28px}
.htitle.white{color:#FFF}
.htitle.center{text-align:center}
.htitle + p{width:60%;margin:0;margin-bottom:25px;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%}
}


.item{position:relative}
.item img{width:100%;height:500px;object-fit:cover;display:block}

.text-overlay{position:absolute;bottom:0;width:100%;padding:20px;background:linear-gradient(transparent,#000000b3);color:#fff;text-align:center;font-weight:600}
.owl-stage,.owl-stage-outer,.owl-item{margin:0!important;padding:0!important}
.owl-nav,.owl-dots{display:none}

.aboutsection{}
.aboutsection img{width: 202px;position: absolute;top: -64px;right: 70px;opacity: 0.2;}



ul.boxlist3{padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
ul.boxlist3 li{margin:0;padding:15px;width:calc(100%/3);display:flex}
@media screen and (max-width: 992px) {
ul.boxlist3 li{width:calc(100%/2)}
}
@media screen and (max-width: 565px) {
ul.boxlist3 li{width:100%}}


.box6{border: 2px solid #e4e4e4;border-radius:10px;overflow:hidden}
.box6 .box-img{position:relative;overflow:hidden}
.box6 .box-img img{width:100%;-webkit-transition:1s;-o-transition:1s;transition:1s}
.box6:hover .box-img img{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.box6 .box-text{position:relative;padding:20px;color:#161616}
.box6 .box-text h4{margin-bottom:15px}
@media (max-width:767px) {
.box6 .box-text{padding:15px}}

.blog-category{display:inline-block;background:#ef8831;color:#fff;padding:.3rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;margin-bottom:1rem}
.blog-card h3{color:#1e293b;font-size:1.3rem;margin-bottom:1rem;font-weight:700;line-height:1.4}
.blog-card p{color:#64748b;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}


.custbtn{border:none;padding:10px 15px;background:#ee7f22;border-radius:5px;position:relative;display:inline-block;font-weight:600;color:var(--white);transition:400ms all;-webkit-transition:400ms all}




.companies{border-radius:10px;padding:120px 5%;background:#000;color:#fff}
.companies-grid{}
.company-card{background: #f4f4f4;backdrop-filter:blur(10px);border-radius: 10px;overflow:hidden;border: 1px solid #d3d3d3;transition:all .4s}
.company-card:hover{transform:translateY(-10px);box-shadow: 0 10px 20px #0000004d;}
.company-header{padding:3rem 2rem;text-align:center;position:relative;overflow:hidden;background: #fff center center no-repeat;}
.company-header:before {content: ' ';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: var(--white);opacity: 0.8;}
.company-header img{max-width:100%;height:auto;margin-bottom:1rem;position:relative;z-index}
.company-header h3{font-size:1.8rem;margin-bottom:.5rem;font-weight:800}
.company-tagline{color:#000;min-height: 46px;font-size:1rem;text-align: center;font-style: italic;/* padding-bottom: 1.5rem; */border-bottom: 1px solid #0000001a;}
.company-body{min-height: 100%;padding: 15px;}
.company-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom: 1px solid #0000001a;}
.company-card a.custbtn{text-transform:uppercase;font-weight: 600;color: var(--white);}

.company-header.loho1bg{background: url(../images/motorsbg.jpg) center center no-repeat;}
.company-header.loho2bg{background: url(../images/machinelogobg.jpg) center center no-repeat;}
.company-header.loho3bg{background: url(../images/impleexportbg.jpg) center center no-repeat;}
.company-header.loho4bg{background: url(../images/intralogosticbg.jpg) center center no-repeat;}

.meta-item{flex:1}
.meta-label{font-size:.8rem;color: #000000a8;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px;font-weight: 400;}
.meta-value{font-weight:600;}

.company-body h4{color:#60a5fa;font-size:1.1rem;margin:2rem 0 1rem;font-weight:700}
.company-body p{line-height:1.7;padding-bottom: 15px;}
.company-body ul{list-style:none;padding:0}
.company-body li{color:#94a3b8;padding:.7rem 0;padding-left:1.5rem;position:relative;font-size:.95rem}
.company-body li:before{content:'→';position:absolute;left:0;color:#60a5fa;font-weight:700}
.company-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #ffffff1a}
@media (max-width: 576px) {
.companies{padding:40px 5%}
.company-header{padding:24px 16px}
.company-header h3{font-size:20.8px}
.company-tagline{font-size:13.6px}
.company-body{padding:19.2px}
.company-body p{font-size:14.4px}
.company-stats{gap:12.8px}

.mini-stat-number{font-size:24px}}

@media (max-width: 768px) {
.companies{padding:60px 3%;border-radius:0}
.companies-grid{grid-template-columns:1fr;gap:32px;margin:32px auto 0}
.company-card{border-radius:20px}
.company-header{padding:32px 24px}
.company-header h3{font-size:24px}
.company-tagline{font-size:14.4px;min-height:auto}
.company-body{padding:24px}
.company-meta{flex-direction:column;gap:16px}
.meta-item{display:flex;justify-content:space-between;align-items:center}
.meta-label{margin-bottom:0}}



.sec-title{position:relative;}
.sec-title .subtitle{align-items:center;color:var(--primary);border:2px solid var(--border);border-radius:50px;display:inline-flex;margin-bottom:20px;padding:6px 20px;position:relative;font-weight:600;text-transform:uppercase;}
.sec-title .subtitle.white{color:var(--white);border-color:var(--white)}
.sec-title .subtitle .dot{background-color:var(--theme);border-radius:50%;display:inline-block;height:8px;margin-right:10px;width:8px;}

.about-section .sec-title{position:relative;}
.about-section .content-column{position:relative;}
.about-section .content-column .content-wrapper{background:var(--sliver);background-position:center center;background-size:cover;border-radius: 15px;clip-path:path("M536 483C536 496.255 525.255 507 512 507H487.5C478.94 507 472 513.94 472 522.5C472 531.06 465.06 538 456.5 538H24C10.7452 538 0 527.255 0 514V85.5C0 77.4919 6.49187 71 14.5 71C22.5081 71 29 64.5081 29 56.5V24C29 10.7452 39.7452 0 53 0H512C525.255 0 536 10.7452 536 24V483Z");height:100%;max-height:538px;max-width:485px;overflow:hidden;padding:50px;position:relative;width:100%;}
@media (max-width: 1199.98px){
.about-section .content-column .content-wrapper{clip-path:none;padding:40px 30px;}
}
.about-section .content-column .large-count{background:var(--theme);-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-transform:capitalize;font-size:clamp(100px, 17.68vw, 283.448px);line-height:1.1;}
.about-section .content-column .year-box{display:flex;overflow:hidden;}
@media (max-width: 1299.98px){
.about-section .content-column .year-box{right:-100px;top:175px;}
}
@media (max-width: 1199.98px){
.about-section .content-column .year-box{right:auto;top:20px;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);left:0px;}
}
@media (max-width: 475.98px){
.about-section .content-column .year-box{width:auto;}
}
.about-section .content-column .year-box .title{text-transform:uppercase;}
@media (max-width: 399.98px){
.about-section .content-column .year-box .title{margin-left:10px;}
}
.about-section .about-ling{position:relative;}
.about-section .about-ling:before{background-color:var(--sliver);border-radius:20px;content:"";height:438px;left:0;margin:0 auto;position:absolute;right:0;width:2px;}
.about-section .about-ling:after{background-color:var(--theme);border-radius:4px;content:"";height:234px;left:-2px;margin:0 auto;position:absolute;right:0;top:102px;width:6px;}

.box7-1{position:relative;overflow:hidden;transition:all 300ms ease}
.box7-1 img{position:relative;width:100%;display:block;transition:all 600ms ease}
.box7-1:hover img{transform:scale(1.05,1.08)}
.box7-1 .overlay-box{position:absolute;left:0;top:0;right:0;bottom:0}
.box7-1 .overlay-box:before{position:absolute;content:'';left:0;top:0;right:0;bottom:-1px;transition:all 1000ms ease;background: -webkit-linear-gradient(top, #37354200 24%, #37354200 50%, #37354203 43%, #00000014 57%, #00000052 75%, #0000009e 92%, #000000b8 100%);}
.box7-1 .overlay-box:after{position:absolute;content:'';left:0;top:-100%;width:100%;height:100%;opacity:0;transition:all 700ms ease;background:#000000b3}
.box7-1:hover .overlay-box:before{top:100%;opacity:0}
.box7-1:hover .overlay-box:after{opacity:1;top:0}
.box7-1 .overlay-box h3{position:absolute;right:0;left:0;bottom: 15px;text-align:center;line-height:1.3em;padding-bottom:10px;font-size:20px;display:inline-block;transition:all 500ms ease;z-index:1;color:#fff}
.box7-1:hover .overlay-box h3{opacity:0;transform:translatey(150%)}
.box7-1 .overlay-box .overinner{position:absolute;left:0;top:50%;margin-top:-22px;width:100%;text-align:center;opacity:0;transform:translateY(-70px);transition:all 500ms ease;z-index:1}
.box7-1:hover .overlay-box .overinner{opacity:1;transform:translateY(0px)}
.box7-1 .overlay-box .overinner h4{position:relative;display:inline-block;color:#fff;font-size: 16px;transition:all 300ms ease}



/*-----*/
.features-area{background-color: #000000;padding:0;color: #fff;background: #000000 url(../images/parallax.jpg) center 50% no-repeat fixed;}
.feature-box {padding: 60px 35px 80px 35px;margin: 0;}
.feature-box:nth-child(even){background-color: #ffffff17;opacity: 1 !important;}
.feature-box img{filter: brightness(0) invert(1);width: 70px;margin-bottom: 25px;}
.feature-box h4{font-size: 26px;}
.feature-box p{margin-top: 25px;margin-bottom: 0;color:var(--white)}

@media (max-width: 991px) {
.features-wrapper{grid-template-columns:repeat(2,310px)}
}
@media (max-width: 767px) {
.features-wrapper{grid-template-columns:1fr}
}


.counter-inner-box{background-color: var(--sliver);text-align:center;padding: 55px;position:relative;z-index: 1;}

.counter-inner-box::before{content:"";position:absolute;right: 10px;bottom: 10px;height:45px;width:46px;background-color:var(--theme);z-index:-1;clip-path:polygon(100% 0, 0% 100%, 100% 100%);transition:all 0.4s;}
@media (max-width: 1399px){
    .counter-inner-box{padding:44px;}
.counter-inner-box::before{right:20px;bottom:20px;width:40px;height:40px;}
}
.counter-inner-box h2{color:var(--theme);font-size:60px;margin-bottom:40px;}
.counter-inner-box p{color:var(--header);margin:0 auto;font-weight:600;text-transform:uppercase;}
.counter-inner-box:hover::before{transition:all 0.4s;width:100%;height:100%;clip-path:initial;right:0;bottom:0;}
.counter-inner-box:hover h2{position:relative;color:var(--white);}
.counter-inner-box:hover p{position:relative;color:var(--white);}

@media (max-width: 991px){
.counter-inner-box{padding:40px;}
}
@media (max-width: 767px){
.counter-inner-box{padding:30px;}
}


/*--------*/
.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-radius: 50%;border: 1px solid #272524;line-height: initial;font-size: 20px;color: #272524 !important;}
.social a i{line-height: 40px;color: var(--primary);}
.social a:hover{background: var(--theme);color: #ffffff;border-color: var(--theme);}
.social a:hover i{color: #fff;}

/*------*/
.address{}
.address li{margin: 10px 0;}
.address h4{font-size: 24px;font-weight: 700;letter-spacing: .5px;padding-bottom: 6px;margin-bottom: 13px;display: inherit;color: #e31822;}
.address > li > i{display:inline-block;vertical-align:top;margin-top: 4px;width: 20px;text-align: center;font-size: 17px;margin-right: 7px;}
.address p{display:inline-block;margin:0;}
.address a{color: var(--primary);}
.address li:last-child{margin-bottom:0}

/*---------------*/
.footer{padding-top: 0;position:relative;background: #f4f4f4;border-top: 1px solid var(--theme);}
.footer .footer-inner{padding: 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.footer .footer-inner .inner-left, 
.footer .footer-inner .inner-right{padding-bottom: 60px;padding-top: 80px;position:relative;}
.footer p, .footer a{}
.footer h4{color: var(--theme);letter-spacing: 0;margin-top: 0;margin-bottom: 25px;position: relative;text-transform: uppercase;}
.footer img{padding: 10px 0 40px 0;width: 260px;display: inline-block;}


.copyrights{padding: 21px 0;overflow: hidden;margin-top: 0;border-top: 1px solid #d2d2d2;}
.copyrights p, .copyrights a{margin: 0;/* font-size: 12px; */}
@media screen and (max-width: 992px) {
	.footer .ftleft{padding: 15px;}
	.footer .ftright{padding: 15px;}
	.footer .ftleft::before,.footer .ftright::before {display:none}
	.footer .footer-inner .inner-left, .footer .footer-inner .inner-right{padding:15px}
}
