/*
Theme Name:Logistics
Theme URI:https://ecomlogisticspark.com/
Author:Logistics Team
Author URI:https:https://ecomlogisticspark.com/
Description:Logistics theme for home website
Version:1.0.0
License:GNU General Public License v2 or later
License URI:<https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain:Logistics
*/
@import url("assets/css/responsive.css");
:root {
	--white:#fff; 
	--black:#000; 
	--blue:#2ba3c4; 
	--grey-900:#101828;
	--main-font:"Rajdhani", sans-serif; 
	--jost:"Jost", sans-serif; 
	scroll-behavior:smooth;
}
@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
body *, html * {box-sizing:border-box;}
body {font-size:20px; line-height:1.5; font-family:var(--jost); font-weight:400; margin:0 auto; overflow-x:hidden;}
.container {margin:0 auto; width:100%; max-width:1440px; padding:0 32px;}
.container-fluid {width:100%; padding:0 32px;}
.row {margin:0 -32px;}
ul {margin:0; padding-left:20px; color:var(--grey-700);}
ol {padding-left:20px; color:var(--grey-700);}
.dn {display:none!important;}
h1, h2, h3, h4, h5, h6 {font-family:var(--main-font); margin:0; line-height:1.1;}
h1 {font-size:80px; font-weight:700;}
h2 {font-size:56px;}
h3 {font-size:38px;}
h4 {font-size:32px;}
h5 {font-size:26px;}
h6 {color:var(--grey-900);}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-weight:300;}
.greybg {background:#F9FAFB;}
.flex {display:flex;}
.btn {justify-content: center; align-items: center; gap: 8px; display: inline-flex; font-size: 18px; transition: all 0.5s; font-weight: 600; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); line-height: 28px; border-radius: 24px; border: 1px solid var(--grey-900); cursor: pointer; background: var(--grey-900); color: var(--white); overflow:hidden; width:fit-content;}
.btn a, .btn-holo a {padding:10px 30px;}
.btn:hover {background: none; color: var(--grey-900);}
.btn a, .btn-holo a {color:inherit; text-decoration:none;}
.btn-holo {justify-content: center; align-items: center; gap: 8px; display: inline-flex; font-size: 18px; transition: all 0.5s; font-weight: 600; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); line-height: 28px; border-radius: 24px; border: 1px solid var(--grey-900); cursor: pointer; background: transparent; color: var(--grey-900); overflow:hidden; width:fit-content;}
.btn-holo:hover {background: var(--grey-900); color: var(--white);}
.btn.blue-btn {background:var(--blue); border-color:var(--blue);}
.btn.blue-btn:hover {background:transparent; color:var(--blue);}
.btn-holo.blue-btn {border-color:var(--blue); color:var(--blue);}
.btn-holo.blue-btn:hover {background:var(--blue); color:var(--white);}
.btn-holo.white-btn {border-color:var(--white); color:var(--white);}
.btn-holo.white-btn:hover {background:var(--blue); border-color:var(--blue); color:var(--white);}
.text-center .btn-holo, .text-center .btn{margin:auto;}
#bodyinside p {font-size:18px; color:var(--grey-700); margin:0;}
#bodyinside ul {font-size:18px;}
#bodyinside ul li:not(:last-child){margin-bottom:16px;}
#bodyinside a {text-decoration:none; color:inherit;}
#bodyinside p a:not([class]) {text-decoration:underline;}
/* header */
header {position:sticky; top:0; padding:20px 0;z-index:9999; font-family:var(--main-font);}
header.sticky {background:var(--white); box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px;}
header .brand a {display:flex;}
header .navbar-collapse ul {list-style:none; padding-left:0;}
header .navbar-collapse ul li a {text-decoration:none;}
.search-form {display: flex; align-items: center;}
.search-submit {border: 0; background: none; padding: 0; display: flex; cursor:pointer;}
.search-submit:hover svg {filter: brightness(0) saturate(100%) invert(67%) sepia(44%) saturate(2874%) hue-rotate(154deg) brightness(86%) contrast(76%);}
.search-form input:-webkit-autofill {background-color::inherit;}
header ul.sub-menu li.menu-item-has-children > a {font-weight: 600; color: var(--black); gap: 8px; display: flex; align-items: center; font-size: 20px;}
header ul.sub-menu li.menu-item-has-children > a:before {content: ''; width: 6px; height: 7px; background: var(--red);}
header .menu-item-has-children ul {gap:20px; display:flex; margin-top:20px; flex-direction:column;}
header .menu-item-has-children ul li a {color:var(--white); font-weight:500; border-bottom:2px solid transparent;}
header .menu-item-has-children ul li:hover > a {border-color:var(--white)}
/* footer */
footer {background: url(/wp-content/uploads/2025/07/footer-bg.png) no-repeat center; background-size: cover;}
.card section .title {color: var(--white); font-size: 24px; font-weight: 700; font-family: var(--main-font);}
.card section:has(.title) {margin-bottom:20px;}
.card section > p {color: var(--white); font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; margin: 0 0 20px;}
.card section ul {padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px;}
.card section li a {color: var(--white); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.1px; text-decoration: none;}
.card section li a:hover {color:var(--blue);}
.navori-logo-footer {display: flex; flex-direction: column; gap: 10px;}
.navori-logo-footer p {font-size: 12px; margin:0}
footer .copyright {padding-top: 24px; border-top: 1px solid var(--white); color:var(--white);}
footer .social-icons {display: flex; gap: 20px; align-items:inherit;}
footer .social-icons a {display:inline-flex;}	
footer .social-icons a img {filter:brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(150deg) brightness(104%) contrast(103%);}
footer .social-icons a:hover img{filter:brightness(0) saturate(100%) invert(67%) sepia(44%) saturate(2874%) hue-rotate(154deg) brightness(86%) contrast(76%);}
footer .card:has(.custom-html-widget) {max-width:25%;}
.card .custom-html-widget p {color:var(--white); font-size:16px; }
.card .custom-html-widget img {filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(300deg) brightness(107%) contrast(100%);}
.vc_section .wpb_text_column:has(video) {overflow:hidden;}
.vc_section p:has(video) {margin:-45px 0;}
/* home */
#homebanner {position:relative; color:var(--white);}
#homebanner::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(15, 27, 36, 0.8); z-index: 0;}
#homebanner h1 {text-transform:uppercase;}
#homebanner > .vc_row {z-index:1; display:flex; align-items:center;}
#homebanner .vc_col-sm-5 > div {padding-right:25px;}
#homebanner .vc_single_image-wrapper {display: flex; justify-content: end;}
#homebanner img {width: 600px; height: 600px; border-radius: 50%; border: 20px solid rgba(255, 255, 255, 0.1); -o-object-fit: contain; object-fit: contain;}
.feature-inner > .vc_col-sm-4 {box-shadow: 0 0 10px -2px rgba(107,125,111, 0.2); border-radius: 10px; transition: all 0.2s;}
.feature-inner > .vc_col-sm-4:hover {transform: translateY(-10px); box-shadow:rgba(31, 45, 61, 0.125) 0px 1rem 3rem !important;}
.feature-inner .vc_col-sm-8 .wpb_text_column {padding:20px; border-left:2px solid #eee;}
.feature-inner > .vc_col-sm-4 > .vc_row-fluid {gap:0;}
.feature-inner .vc_col-sm-4:has(img) {align-items: center; justify-content: center;}
.feature-inner img {filter: brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(379%) hue-rotate(146deg) brightness(87%) contrast(93%);}
#how_we_work {background: var(--blue);}
#how_we_work > .vc_row-fluid:not(.step) {color:var(--white);}
#how_we_work .step .vc_col-sm-12 {display:flex; flex-wrap:wrap; flex-direction:row;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid {position: relative; /*height: 60vh;*/ height:264px; flex: 1 1 0%; transition: 0.7s; overflow: hidden; background: var(--white); border-radius: 24px;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid.active {flex: 8 1 0%;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid .vc_col-sm-6:has(img) {display:none;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid.active .vc_col-sm-6:has(img) {display:block;}
#how_we_work .step img {object-fit: cover; width: 100%; height: 266px;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid.active .vc_col-sm-6 .wpb_text_column {padding: 20px 20px 20px 0;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid .vc_col-sm-6 {width:100%;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid:not(.active) .vc_col-sm-6 .wpb_text_column {padding:20px; align-items: center; height: 100%; justify-content: center;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid:not(.active) p {display:none;}
#how_we_work .step .vc_col-sm-12 > .vc_row-fluid:not(.active) h3 {text-orientation: upright; writing-mode: sideways-lr; text-transform:uppercase;}
#counter {background-image: url(/wp-content/uploads/2025/07/achievement.jpg); height: 350px; background-size: cover; background-position: center; background-attachment: fixed; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1;}
#counter::before {background:#171717; position:absolute; top:0; left:0; width:100%; height:100%; content:''; display:block; opacity:0.5;}
#counter > .vc_row {z-index:0;}
#counter h3 {color:var(--white);}
#counter p {color:var(--blue);}
#counter h2, #counter h2+p {color:var(--white)}
#service .vc_col-sm-3 {border:1px solid #eee;border-radius: 10px; padding: 20px;}
#service .vc_col-sm-3 h3 {color: var(--blue); border-bottom: 2px solid var(--blue); padding-bottom: 15px;}
/* Extra small devices (phones) */
@media (max-width: 575.98px) {
	#bodyinside p, #bodyinside ul {font-size:16px;}
	#dss-service .vc_col-sm-2, footer .addresscontent .card {width:100%;}
}
@media (max-width: 479.98px) {
	h1 {font-size:24px; line-height:30px;}
	h2 {font-size:22px; line-height:28px;}
	.aligncenter h2, h3 {font-size:20px; line-height:26px;}
}
@media (min-width: 480px) and (max-width: 575.98px) {
	h1 {font-size:32px; line-height:44px;}
	h2 {font-size:26px; line-height:42px;}
	.aligncenter h2, h3 {font-size:24px; line-height:32px;}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	h1 {font-size:40px; line-height:50px;}
	h2 {font-size:30px; line-height:42px;}
	.aligncenter h2, h3 {font-size:26px; line-height:34px;}
	footer .addresscontent .card {width:calc(50% - 15px);}
	/* home */
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	h1 {font-size:48px; line-height:60px;}
	h2 {font-size:34px; line-height:42px;}
	.aligncenter h2, h3 {font-size:28px; line-height:36px;}
	footer .addresscontent .card {width:calc(33.33% - 20px);}
	/* home */
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1249.98px) {
	h1 {font-size:54px; line-height:66px;}
	h2 {font-size:38px; line-height:42px;}
	.aligncenter h2, h3 {font-size:28px; line-height:36px;}
	.aligncenter h2 {margin-right:10%;}
	header .navbar-collapse.collapse > ul, header .navbar-collapse.collapse, header #desktop .buttonsnav {gap:15px}
	header .navbar-collapse.collapse a {font-size:16px; padding: 8px 5px !important;}
	.btn, .btn-holo {font-size:16px;}
	.btn a, .btn-holo a { padding:8px 20px;}
	header .brand a img {width: 140px; height: auto;}
	footer .addresscontent {gap:30px 0;}
	footer .addresscontent .card {width:calc(33.33% - 20px);}
	/* home */
}
@media (min-width: 1250px) and (max-width: 1499.98px) {
	header .navbar-collapse.collapse > ul, header #desktop .buttonsnav {gap:20px;}
	header .navbar-collapse .Mega-menu > a {font-size:18px;}
	.navori-logo-footer {align-items:center}
	/* home */
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1500px) {
	.navori-logo-footer {align-items:center}
}
/* for navigation */
@media (max-width: 991.98px) {
	.top-sec, header #desktop {display:none;}
	#mobile .first {display: flex; align-items: center; justify-content: space-between;}
	.navbar-toggle {background:none; border:0; padding:0; cursor:pointer; display:flex; gap:5px; flex-direction:column;}
	.navbar-toggle span {width: 30px; height: 1px; background: var(--grey-900); border: 1px solid var(--grey-900); transition: all 0.5s; position:relative;}
	.navbar-toggle span:nth-child(1) {transform: rotate(0deg); top: 0px;}
	.navbar-toggle span:nth-child(2) {opacity:1;}
	.navbar-toggle span:nth-child(3) {transform: rotate(0deg); top: 0px;}
	#mobile {position:relative;}
	#mobile .first.show .navbar-toggle span:nth-child(2) {opacity:0;}
	#mobile .first.show .navbar-toggle span:nth-child(1) {transform: rotate(45deg); top: 8px;}
	#mobile .first.show .navbar-toggle span:nth-child(3) {transform: rotate(-45deg); top: -5px;}
	#mobile .second {position: absolute; top: 45px; height: calc(100vh - 67px); width: calc(100% + 64px); left: calc(-100vw - 32px); border-top: 1px solid var(--blue); padding: 19px 32px; background: var(--white); transition:all 0.5s; overflow-x:auto;}
	#mobile .first.show+.second {left:-32px;}
	#mobile .second ul {list-style:none; padding-left:0; display:flex; flex-direction:column; gap:10px; width:100%;}
	#mobile .second ul li a	{font-weight: 600; color: var(--grey-900);}
	header .menu-item-has-children ul {margin-top:10px;}
	#mobile .second .buttonsnav {display: flex; gap: 10px; margin-top: 10px; flex-direction:column;}
	#mobile .second .buttonsnav > div {margin-right:auto;}
	#mobile .second a {text-decoration: none;}
	/* header .second .Mega-menu > a {font-weight:600; color:var(--grey-900);} */
	.search-form {position:relative; margin-top:10px;}
	.search-form:has(input:not(.dn)){background: #F2F4F7;border-radius: 10px; padding-right:10px;}
	.search-form input {outline: none; background:inherit; border: 0; height: 44px; width: 100%; z-index: 1; border-radius: 10px; padding: 0 10px;}
	header .Mega-menu.menu-item-has-children {display:flex; flex-direction:row-reverse; flex-wrap:wrap; position:relative; padding-right:10%;}
	header .second .Mega-menu.menu-item-has-children::before {content:'+'; position:absolute; width:10%; font-weight:600; text-align:center; font-size:20px; right:0;}
	header .second .Mega-menu.menu-item-has-children > a {width:100%;}
	#mobile .second .Mega-menu > ul {display:none;}
	#mobile .second .Mega-menu.minus > ul {display:flex;}
	header .second .Mega-menu.minus.menu-item-has-children::before {content:'-';}
	/* footer */
	footer {padding:32px 0;}
	footer .addresscontent {display:flex; gap:30px; flex-wrap:wrap;}
	footer .copyright {margin-top: 30px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center;}
	
}
@media (min-width: 992px) {
	.top-sec {background:var(--blue); display:flex; align-items:center; width:100%; justify-content:space-between; gap:48px; padding:15px 32px; font-size:16px; min-height:51px;}
	.top-contact {display: inline-flex; gap: 20px; align-items: center; color: var(--white);}
	.top-contact > div {display: inline-flex; gap: 5px;}
	.top-contact img {width: 20px; height:20px; filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(300deg) brightness(107%) contrast(100%);}
	.top-contact a {color:var(--white); text-decoration:none;}
	.top-sec > section {position: relative; display: flex; width: 50%; justify-content: right; height: 21px;}
	.top-sec > section .textwidget {display: contents;}
	.top-sec b {opacity:0; position:absolute; color:var(--white); font-weight:400;}
	.top-sec b.show {opacity:1;}
	header #mobile {display:none;}
	/* header */
	header #desktop {display: flex; align-items: center; justify-content: space-between;}
	header .navbar-collapse, #desktop .buttonsnav {display:flex; gap:40px;}
	header .navbar-collapse {position:relative;}
	header .navbar-collapse > ul {display: flex; flex-direction: row; gap: 40px;}
	header .navbar-collapse > ul > li {display:inline-flex}
	header .navbar-collapse > ul > li > a {padding:8px 10px; border-bottom:2px solid transparent; color:var(--grey-900); font-weight:600;}
	header .navbar-collapse > ul > li.menu-item-has-children > a:after {position: relative; content: ''; border-bottom: 2px solid var(--grey-900); width: 5px; height: 5px; display: inline-flex; border-right: 2px solid var(--grey-900); transform: rotate(45deg); left: 10px; top: -5px;}
	header .navbar-collapse > ul > li.menu-item-has-children:hover > a:after {border-color:var(--blue);}
	header .navbar-collapse > ul > li > a:hover, header .navbar-collapse > ul > li:has(ul:hover) > a {color:var(--blue); border-color:var(--blue);}
	header .search-form input {background: var(--blue); outline: none; border: 0; position: absolute; height: 44px; left: -2%; width: 104%; z-index: 1; border-radius: 10px; padding: 0 47px 0 10px; color:var(--white);}
	header .search-form input::placeholder {color:var(--white);}
	header .search-form:has(input:not(.dn)) button svg {filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(150deg) brightness(104%) contrast(103%);}
	header .search-submit {z-index:2;}
	header .navbar-collapse > ul > li:has(a+ul.sub-menu) {position:relative}
	header .navbar-collapse > ul > li > a+ul.sub-menu {position: absolute; width: max-content; display: none; margin-top: 0; top: 46px; padding: 25px 40px; left: -22px; box-shadow: 0px 8px 8px 0px rgba(16, 24, 40, 0.08); background: var(--blue); border-radius: 0 0 20px 20px;}
	header .navbar-collapse > ul > li:hover > a+ul.sub-menu {display:flex;}
	/* footer */
	footer {padding:64px 0 32px;}
	footer .container {display:flex; gap:64px; flex-direction:column;}
	footer .addresscontent {display:flex; flex-wrap:wrap; justify-content:space-between;}
	footer .copyright {display:flex; justify-content:space-between; align-items:center;}
	/* dss */
}