/*
Theme Name: Voyage Logistics
Theme URI: http://VoyageLogistics.com/
Author: 1stFold
Author URI: http://1stfold.com/
Description: A WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');/* font-family: "Plus Jakarta Sans", sans-serif;*/
@import url('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');/*font-family: "Poppins", sans-serif;*/
body{ font-size: 20px; color: #000; line-height: 24px; padding: 0; margin: 0;font-family: "Poppins", sans-serif;}
a{text-decoration: none; color: #000;}
a:hover{color:#AB248D;}
p{padding:0; margin:0 0 10px;}
p:last-child{padding:0; margin:0;}
.container{ max-width: 1200px; margin: 0 auto;}
.site-header{margin: 10px 0 -85px;
    position: relative;
    z-index: 99;}
.menu-box{border-bottom: 1px solid #D9D9D9;
	display: flex;
    align-items: center;
    justify-content: space-between; margin-top:10px;}
.menu {
  list-style: none;
  padding: 0;
  margin:30px 0 23px;}

.menu li {
  display: inline-block;
  margin: 0 30px;
}
.menu li:first-child{ margin-left:0;}
.menu li a {
    font-size: 20px;
    color: #fff;
    line-height: normal;
    font-weight: 400;
   /* border-bottom: 8px solid transparent;*/
    padding: 30px 0 25px;
}
/*.menu li a:hover,.menu li.current_page_item a{color:#9AC93D; border-color:#9AC93D;}*/
.menu li a {
  position: relative;
	transition: all 2s;
}
.menu li a:hover,.page-id-363 .menu li#menu-item-48 a,.page-id-383 .menu li#menu-item-394 a{color:#9AC93D;}
.menu li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #9AC93D;
  height:8px;
	transition: all .5s;
}
.menu li a:hover:after,.page-id-363 .menu li#menu-item-48 a:after,.page-id-383 .menu li#menu-item-394 a:after {
  width: 100%;
}


.menu li.btn a{ padding: 10px 23px; background: #F37624; color: #fff;}
.menu li.btn a:hover{background: #000;}

/* Basic toggle button styling */
.menu-toggle {
  display: none;
  width: 40px;
  height: 40px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001; /* Ensure above menu */
}

.menu-toggle .bar {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #000;
  margin: 5px 0;
  transition: 0.4s;
}

.flex-box{ display: flex; align-items: center; justify-content: space-between;}
.copy-right-box{ font-size: 16px; color: #444; font-weight: 300; padding: 35px 0; margin: 0;text-align: center;}

.footer-nav-box{ display: flex; align-items: center; justify-content: space-between;}
.footer-menu{ padding: 0; margin: 0;}
.footer-menu li{ list-style: none; display: inline-block; margin-right: 50px;}
.path {
    stroke-dasharray: 8;
    stroke-dashoffset: 10;
   /* animation: dash 5s linear alternate infinite;*/
    animation-name: dash;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-iteration-count: infinite;
  }
  @keyframes dash {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: 1000;
    }

  }
@keyframes blink {
  100%,
  0% {
    fill: #B5B5B5;
  }
  60% {
    fill: #25AAE2;
  }
}

.arrow-blink {
  animation: blink 1s infinite;
}
.banner-animation{position:absolute!important; top:35%; right:0; transform:translateY(-35);}

.site-header .contact-box{ font-family: "Plus Jakarta Sans", sans-serif; display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:400; color:#9A9A9A; gap:60px;}
.site-header .contact-box a{color:#9A9A9A;}
.site-header .contact-box a:hover{color:#000;}
.site-header .contact-box h4{padding:0; margin:0; font-size:16px; color:#444; line-height:normal; font-weight:700;}
.contact-list{ display:flex; align-items:center; justify-content:space-between; gap:15px;}

.site-header .social-box{ display:flex; align-items:center; justify-content:space-between;}
.site-header .social-box a.green-btn{ margin-right:50px; padding:8px 22px; font-size:16px; font-weight:700; color:#9AC93D; border:1px solid #9AC93D;}
.site-header .social-box a.green-btn:hover{ color:#fff; border-color:#fff;}
.site-header .social-box a{ margin:0 6px;}
.site-header .social-box a:hover svg path{fill:#9AC93D;}
.site-header .social-box a:hover svg circle{stroke:#9AC93D;}
.wpr-grid-item-inner{
    display: flex;
    align-items: center;
    justify-content: space-between; gap:20px;background: #F5F5F5;
    padding: 20px;border:1px solid #AB248D;
}
.wpr-grid-item-below-content{ max-width:280px;}
.wpr-grid-item{ margin-bottom:40px!important;}
.wpr-grid-item-inner h2.wpr-grid-item-title{
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 10px;
}
.wpr-grid-item-inner .wpr-grid-item-excerpt{ font-size:12px; line-height:16px;}
.wpr-grid-item-read-more{text-align: right!important;}
.wpr-grid-item-read-more .inner-block>a.wpr-button-none{
    font-size: 12px;
    color: #F37624!important; padding-right:25px!important; background:url(/wp-content/uploads/2025/07/post-button-arrow.png)no-repeat 98%;   
}
.wpr-grid-item-read-more .inner-block>a.wpr-button-none:hover{color: #000!important;}
.wpforms-field-name,.wpforms-field-email{ display:inline-block; width:49%!important;}
.wpforms-field.wpforms-field-name{ margin-right:1%!important;}
.wpforms-field-label{ display:none!important;}
.wpforms-field-large{ padding:15px 20px!important; border:1px solid #909090!important; border-radius:0!important; font-size:20px!important; line-height:normal!important; color:#B0B0B0!important; font-weight:500!important; height:60px!important;}
textarea.wpforms-field-large{height:150px!important;}
.wpforms-field{ padding:0!important; margin:0 0 20px!important;}
div.wpforms-container-full button[type=submit]{
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    padding: 12px;
    background: #9AC93D!important;
    text-transform: uppercase;
    height: 60px;
    border-radius: 0;
}
div.wpforms-container-full button[type=submit]:hover{background: #AB248D!important;}
.footer-contact-box{ background:#F37624; padding:37px 20px; font-size:16px; color:#fff; line-height:normal; font-weight:400;}
.footer-contact-box .container{ display:flex; align-items:center; justify-content:space-between;}
.footer-contact-box a{ color:#fff;}
.footer-contact-box a:hover{ color:#444444;}
.footer-contact-box a:hover svg circle{ stroke:#444;}
.footer-contact-box a:hover svg path{ fill:#444;}
.footer-contact-box h4{
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    padding: 0;
    margin: 0;
}
.footer-social-box{ display:flex;gap:10px; align-items:center; justify-content:space-between;}
.footer-social-box h5{ font-size:18px; font-weight:700; margin-right:20px;}
.copy-right-box br{display:none;}
.post-thumbnail{position:relative;}
.post-thumbnail::after{position:absolute; content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; right:0;}
.single .post-thumbnail img{
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: center;
}
.single .container.single-post{ margin-bottom:20px;font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    color: #444444;}
.single .post-meta{
    font-size: 14px;
    margin-bottom: 20px;
}
div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {overflow-x: unset!important;}

.title-box{border-left:10px solid #9AC93D; padding-left:10px; margin:50px 0; padding-bottom:10px;}
.title-box h1{    font-family: "Poppins", Sans-serif;
    font-size: 48px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 58px;
    color: #444444;
    padding: 0;
    margin: 0;
}
.title-box .post-meta{
    font-family: "Poppins", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    color: #FFFFFF;
	background-color: #AB248D;
    padding: 10px 10px 10px 10px;
	width: fit-content; margin:0;
	line-height:normal;
}

.e-n-tabs-content{border: 1px solid #AB248D;padding: 0 20px 20px;}
.post-content {margin-bottom:30px;}
.cont-list ul{border-left: 1px solid #D9D9D9; position: relative; left: 30px;}
.cont-list ul .elementor-icon-list-item{margin-bottom:20px;}
.cont-list ul li .elementor-icon-list-icon{position: relative; left: -7px; top:8px;}
.cont-list .elementor-icon-list-text ul {border: none; margin: 10px 0; position: relative; left: 0px; font-size:16px;}
.con-sec strong, .con-sec b, .cont-list strong, .cont-list b{font-weight:600;}

@media (max-width:1200px) {
.site-header .contact-box {
	font-size: 12px;
    gap: 40px;
}
.banner-animation svg{ max-width:550px;}
}

@media (max-width:1024px) {
	.footer-logo img{ max-width:150px;}
.menu-toggle {display: block; margin:0 auto; margin-right:0;}
.nav-box{ width:100%;}

  .main-navigation .menu {
    display: none;
    flex-direction: column;
  }

  .main-navigation .menu.active {
    display: flex;
  }
	.menu-toggle {
    display: block;
  }

  .main-navigation .menu {
    display: none;
    flex-direction: column;
    background: #fff; /* Optional: background for dropdown */
    position: absolute;
    top: 50px; /* adjust based on header height */
    right: 0;
    left: 0;
    z-index: 1000;
  }
.menu li a {color: #444;}
  .main-navigation .menu.active {
    display: flex;
  }

  /* Transform hamburger to cross when active */
  .menu-toggle.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(7px, 6px);
  }

  .menu-toggle.active .bar:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
	#primary-menu li a {
        padding: 15px;
        display: block;
		font-size: 14px;border-bottom: 1px solid #c4c4c4;}
	.footer{ padding:30px 10px;}
#primary-menu li ul {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
}
	.arrow-down{ float:right;}
	.sub-menu {
    display: none;
  }

  .sub-menu.open {
    display: block!important;
  }

  .arrow-down {
    cursor: pointer;
    display: inline-block;
  }
	.arrow-down.active img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.banner-animation svg{ max-width:100%;}
.site-header .contact-box,.site-header .social-box{ display:none;}
.menu-toggle{
    position: absolute;
    top: 20px;
    right: 20px;
}
.site-header {margin: 10px 10px 0;}
.menu li {margin: 0 15px;}
.menu li:first-child {margin-left: 15px;}
.wpforms-field.wpforms-field-name {margin-right: 1%!important;}
	
	.title-box h1 {
    font-size: 30px;
	line-height: 30px;}
	.title-box .post-meta{ font-size:14px;}
	.cont-list ul li .elementor-icon-list-icon{top:3px;}
}

@media (max-width:768px) {
.footer-contact-box .container{flex-direction: column;}
.footer-contact-box{text-align:center;}
.contact-detail{margin-bottom:10px;}
.logo img{max-width:250px;}
.copy-right-box br{display:block;}
.copy-right-box { font-size: 14px; padding: 10px 0;}
.wpr-grid-item-inner {display: block;}
	.wpforms-field-name, .wpforms-field-email {
    display: inline-block;
    width: 100% !important;
}
.wpforms-field-large {
    padding: 10px 15px !important;
    height: 50px !important;
}
.title-box h1 {
    font-size: 26px;
	}
.title-box .post-meta{ font-size:12px;}
.single .container.single-post {margin: 0 10px;}
.single .post-thumbnail img {height: 300px;}
	.title-box {margin: 20px 0;}
div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large, div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {font-size:14px!important;font-weight: 300!important; line-height: 28px!important; color: #444444!important;}
.cont-list ul{left: 10px;}
.e-n-tabs .e-active{ border:1px solid #AB248D;}
}
@media (max-width:360px) {.logo img{max-width:230px;}}