﻿
@import "https://use.fontawesome.com/releases/v6.2.0/css/all.css";
@import "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";
: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:Poppins;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: 1600px;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:18px}
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)}

.vcenter > .row{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.bg1{background-color:#f58731}
.bgblack{background-color:#000}
.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}
}
.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 .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 10px;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%}
}
.subtitle1{color: #464646;text-transform:uppercase;letter-spacing:2px;font-weight: 300;font-size: 18px;margin-bottom:10px;position:relative;padding-left:50px}
.subtitle1.white{color:#fff}
.subtitle1:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:1px;background: #464646;}
.subtitle1.white:before{background:#fff}

.center{display:block;text-align:center}
@media (max-width: 768px) {
.vcenter > .row{display:initial}
}
.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}
@media (max-width:767px) {
.box6 .box-text{padding:15px}}
.htitle2{font-size: 18px;text-transform:capitalize;color:#000;margin-bottom: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}
.about-left h6{color:#ee7f22;text-transform:uppercase}
.about-left p{color:#fff}
.contact-info{display:flex;flex-direction:column;gap:20px}
.contact-card{display:flex;background: #141414;border-radius:10px;padding:15px 20px;/* box-shadow:0 2px 10px #0001; */}
.icon-box{width:50px;height:50px;background:#ee7f22;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}
@media (max-width: 576px) {
.contact-card{flex-direction:column;align-items:flex-start}
.icon-box{margin-bottom:8px}}
.form-group{margin-bottom:15px}
input,textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:15px}
.submit-btn{background:#cf1018;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;width:100%;font-size:16px}
.info-content p{margin:4px 0 0;font-size:.95rem;color:#666}
.form label{color:#fff;font-weight:600;margin-bottom:5px}
.form button{margin-top:30px}
.form textarea.text-field{height:80px}
.form .select{margin:0!important;font-size:15px!important}
.form .text-field,input[disabled]{background-color:#000;margin:0 0 15px;padding:12px 15px;width:100%;border-radius:5px;border:1px solid #444}
.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}



.border-grey{border-color:#ccc!important}
.companies{border-radius:10px;padding:120px 5%;background:#000;color:#fff}
.companies-grid{}
.company-card{background:#ffffff0d;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;}
.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%;background-color: #f4f4f4;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}}


.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}
}