/*
Theme Name: Shipping Company Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structured configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: shipping-company-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
Shipping Company Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --white: #ffffff;
  --black: #000000;
  --yellow: #FFC107;
  --blue: #002F6C;
}
:root {
  --pri-font: "Wix Madefor Display", serif;
  --h1-font : "Sen", serif;
  --sec-font: "Work Sans", serif;
  overflow: auto;
}
.container{
  max-width: 1550px;
}
#Logistic-solution .container {
  max-width: 1400px;
}
#wpadminbar {
  position: fixed !important;
}
section{
  padding: 4% 0px;
  position: relative;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-var(--pri-font));
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
.owl-nav{
  display: none;
}
h6{
  font: 600 20px / 20px var(--pri-font);
  color: var(--white);
  margin: 0px;
}
h4{
  font: 700 22px / 30px var(--pri-font);
  margin: 0;
}
h5{
  font: 700 35px / 45px var(--pri-font);
  color: var(--yellow);
  text-transform: uppercase;
  margin: 0;
}
.page-title{
  color: #000;
  font: 600 40px / 52px var(--h1-font);
  /* text-transform: capitalize; */
}
h3,h3 a{
  font: 800 45px / 62px var(--h1-font);
  color: var(--white);
  margin: auto;
}
h2{
  font: 700 45px / 45px var(--h1-font);
  color: var(--white);
  margin: auto;
}
#reply-title{
  font: 400 35px / 60px var(--pri-font);
  color: var(--blackk);
  margin: 0;
}
h1{
  font: 400 90px / 110px var(--pri-font);
  margin: 0px;
}
p{
  font: 400 16px / 20px var(--pri-font);
  color: var(--white);
  margin: 0;
  letter-spacing: 0.50px;
}
.btn {
  font: 500 16px / 20px var(--pri-font);
  letter-spacing: 0;
  color: #fff;
  background: var(--yellow);
  padding: 12px 45px;
  border-radius: 4px;
}

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/
.preloader{
  display: flex;
  background: #FF5F6A;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.preloader .loading-dot{
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
              40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  animation: load 3s infinite linear;
}
@keyframes load{
  0% {
      transform: rotate(0deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  25%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  50%{
      box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  70%{
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  75%{
      width:10px;
      height:10px;
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  80%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  85%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  90%{
      background-color: #fff;
      width:10px;
      height:10px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  95%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  100%{
      transform: rotate(360deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
}


#sidebar .widget{
  color: var(--red);
  margin-bottom: 10%;
  box-shadow: 0px 0px 6px 0px #dcdcdc;
  padding: 10px;
  border-radius: 10px;
}
#sidebar .widget_search input[type=search] {
  /* padding: 8px 10px; */
  font: 400 13px / 26px var(--font-Jost);
  letter-spacing: 0px;
  color: #545353;
  border-color: var(--color-red);
  border: 1px solid var(--color-red);
}
#sidebar .widget_search [type=submit] {
  background-color: var(--yellow);
  border: none;
  padding: 13px 20px;
  position: absolute;
  right: 2px;
  top: 2px;
  color: #fff;
  border-radius: 0px;
}
#sidebar .widget form{
  position: relative;
}
#sidebar .widget label{
  background: transparent;
  padding: 9px 18px;
  border-radius: 5px;
  border: 2px solid var(--yellow);
  width: 100%;
}
#sidebar .widget_search input[type=search] {
  font: 400 13px / 26px var(--pri-font);
  background: transparent;
  border: none;
  width: 70%;
}
#sidebar h3::after, #sidebar h2::after,.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge,.wc-block-components-sale-badge{
  display: none !important;
}
.recent-post-box {
  padding-top: 4%;
}
.recent-post-box .post-content{
  align-self: center;
}
.recent-post-box .post-content .post-date{
  color: #000;
}
.comment-respond form{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.comment-notes{
  color: #000;
}

/* HEADER ANIMATION */

#menu-primary-menu >li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#menu-primary-menu >li:hover ul.sub-menu {
  transition: all 0.5s;
}
#menu-primary-menu >li:hover ul.sub-menu li:nth-child(odd) {
  animation-name: menurhs;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
}
#menu-primary-menu >li:hover ul.sub-menu li:nth-child(even) {
  animation-name: menulhs;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
}
#menu-primary-menu >li:hover ul.sub-menu li:hover{
  background-color: var(--yellow);
}
#menu-primary-menu li ul.sub-menu li a {
  font-size: 14px;
  position: relative;
  color: #000;
  font-weight: 600;
  margin-right: 25px;
  list-style-type: none;
  padding: 10px 25px 10px 15px;
  display: inline-block;
  width: 100%;
  margin: 0px;
  transition: all 0.4s;
}
header.site-header ul.sub-menu li{
  background-color: var(--blue);
}
.main-navigation ul ul li a{
  color: #fff !important;
}
@keyframes menulhs {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes menurhs {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
#testimonial .slider-nav .slick-list.draggable{
    overflow: hidden !important;
    /* height: 268px !important; */
}



/* faq page */
#faq-page .accordion-button:not(.collapsed){
  border: none;
  background: var(--yellow);
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-body{
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-item{
  border: none;
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  margin: 10px 0px;
  position: relative;
  z-index: 0;
}
#faq-page .accordion-button{
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  padding: 12px 30px;
  color: #000;
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-button.collapsed::after {
  content: '\f067';
}
#faq-page .accordion-button::after {
  content: '\f068';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset !important;
}


/*------ search bar ----------*/
.search-container{
  display: none;
  position: absolute;
  bottom: -60px;
  z-index: 999;
  padding: 0px;
  right: 15%;
  width: auto !important;
  border: none;
  border-radius: 8px;
}
.search-container [type=search] {
  color: #fff !important;
  border: unset;
  position: relative;
  padding: 15px 65px 15px 10px;
  width: auto;
  outline: none;
  border-radius: 6px;
  background: var(--blue);
  font-size: 12px;
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: var(--yellow);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}

/* single blog review form */
#review_form form{
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: 3%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
  width: 100%;
}
#reviews .comment-form-author {
  order: 1;
  width: 100%;
}
#reviews .comment-form-email {
  order: 2;
  width: 100%;
}
#reviews .comment-form-cookies-consent {
  order: 3;
  width: 100%;
}
#respond p.form-submit {
  order: 4;
  width: 100%;
}
#reviews .comment-form-rating {
  order: 4;
  width: 100%;
  display: flex;
  color: #949494;
  font: normal normal normal 13px / 19px var(--pri-font);
}
#reviews .comment-notes{
  display: none !important;
}
#reviews .comment-form-comment {
  order: 3;
  width: 100%;
}

/* video */
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 45%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
 .close-one{
  color: #252525;
  float: right;
  font-size: 28px;
  padding-right: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 900;
}

/* The Modal (background) */
.modal-new {
  display: none;
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: fit-content;
  overflow: hidden;
  padding-top: 0px;
  max-width: 100%;
  border-radius: 20px;
}
.myVideoBtns i{
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  color:var(--color-white);
  background-color: rgb(210, 210, 210, 0.59);
  font-size: 22px;
} 

/* blog */
.blog-head-content-box h3{
  color: #000;
}
a.date-item {
  width: fit-content;
  background: var(--blue);
  position: absolute;
  top: 0;
  right: 8px;
  padding: 8px 13px;
  text-align: center;
  z-index: 1;
}
.date-item .date {
  font: 400 24px / 20px var(--h1-font);
  color: #fff;
}
.date-item .month {
  font: 400 14px / 20px var(--h1-font);
  color: #fff;
}
.post-img{
  height: 280px;
}
.post-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.blog-contents-box h4 a{
  font: 500 18px / 25px var(--h1-font);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-contents-box p{
  color: #A3A3A3;
  font: 400 15px / 20px var(--pri-font);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-comments {
  color: #C4C4C4;
  font: 300 14px / 14px var(--pri-font);
  position: relative;
}
.post-comments:after {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 35px;
  width: 6px;
  height: 6px;
  background: #C4C4C4;
  border-radius: 50px;
}

.post-img{
  position: relative;
}
.post-img:before, .post-img:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  backdrop-filter: blur(5px);
  opacity: 0.4;
  border-radius: 0px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: scaleX(0);
  transition: all 0.6s ease 0s;
}
.blog-image-box:hover .post-img::before {
  transform: scaleX(1);
}
.blog-image-box:hover .post-img::after {
  transform: scaleY(1);
}
.post-img:after {
  transform: scaleY(0);
}

/* record */
.record-paragraph {
  width: 91%;
  margin: auto;
  font: 400 14px / 30px var(--pri-font);
}
.record-counter-box{
  display: flex;
  justify-content: space-between;
}
.record-title {
  font: 400 15px / 25px var(--pri-font);
}
#record-sec #slide_splice .last_slide_head{
  color: var(--yellow);
}
.our-record-box .row{
  gap: 25px;
  position: relative;
  z-index: 1;
  width: 92%;
  margin: auto; 
}
.map-image,.choose-map-image{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.map-image svg,.choose-map-image svg{
  width: 100%;
  height: 100%;
}
.choose-map-image{
  z-index: -1;
}

/* our process */
#Our_process .process-head-content-box h3{
  color: #000;
}
#Our_process .process-head-content-box p{
  color: #000;
}
.process-box{
  width: fit-content;
  margin: auto;
  height: 50px;
}
.process-box i{
  position: absolute;
  left: -8px;
  background: #565656;
  padding: 5px;
  border-radius: 50px;
  color: #fff;
  font-size: 10px;
}
.process-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.process-main-box {
  padding: 5% 0px;
}
.process-head-content-box .process-inner-box p {
  color: #000;
  font: 600 18px / 25px var(--pri-font);
}
.our-process-svg-outer-box{
  position: absolute;
  top: 0;
}
.our-process-svg-box svg{
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
/* .our-process-svg-box {
  position: relative;
}
.our-process-svg-box:after {
  position: absolute;
  content: '';
  left: -20px;
  bottom: -18px;
  border-right: 40px solid var(--yellow);
  border-bottom: 40px solid transparent;
  transform: rotate(45deg);
}
.our-process-svg-box:before {
  position: absolute;
  content: '';
  right: -20px;
  top: -18px;
  border-right: 40px solid var(--yellow);
  border-bottom: 40px solid transparent;
  transform: rotate(45deg);
}
.process-inner-box:nth-child(1):after,.process-inner-box:nth-child(3):after {
  content: '';
  border: 2px solid var(--yellow);
  position: absolute;
  bottom: -39px;
  left: 0;
  right: 0;
  width: 80px;
  margin: auto;
}
.process-inner-box:nth-child(2):after,.process-inner-box:nth-child(4):after {
  content: '';
  border: 2px solid var(--yellow);
  position: absolute;
  top: -54px;
  left: 0;
  right: 0;
  width: 80px;
  margin: auto;
} */


/* team */
#our-team h3,.team-designation-box p{
  color: #000;
}
.team-designation-box .team-title a{
  font: 600 18px / 25px var(--pri-font);
}
.team-content p{
  letter-spacing: 2px;
}
.team-image:hover:after {
  content: '';
  background: var(--yellow);
  width: 103%;
  height: 100%;
  position: absolute;
  top: -20px;
  left: -12px;
  z-index: -1;
}
#our-team .owl-stage-outer{
  padding: 0 12px;
}
.team-image-dot{
  width: 15px;
  height: 15px;
  background: #ffffff;
  border-radius: 50%;
  margin-right: 6px;
}
.team-image-dots-box {
  position: absolute;
  bottom: 10px;
  left: 15px;
}
.team-image:hover .team-image-dot{
  background: var(--yellow);
}


/* service page */
#services-page .services-text-box p,#projects-page .projects-content-box p{
  color: #000;
}
#services-page a.services-btn.btn{
  background: var(--blue);
  color: #fff;
}
#services-page .services-img-box,#projects-page .projects-img-box{
  width: 100%;
  height: 300px;
}
#services-page .services-img-box img,#projects-page .projects-img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#services-page .services-content-box ,#projects-page .projects-content-box{
  box-shadow: 0px 0px 2px 0px #b6b6b6;
  padding: 10px;
  border-radius: 6px;
}
/* project */
#projects-page a.projects-btn.btn{
  background: var(--blue);
  color: #fff;
}
#projects-page .projects-btn.btn:before, #projects-page .projects-btn.btn:after, #projects-page .projects-btn.btn span:before, #projects-page .projects-btn.btn span:after {
  background-color: var(--yellow);
}

/* contact */
.get-contact-small-head {
  padding: 7% 10px;
}
.contact-detail a{
  font: 400 16px / 20px var(--pri-font);
}
.contact-detail-box svg{
  width: 18px;
  height: 18px;
}
.contact-detail-box span{
  color: #ffffff;
}
.contact-touch-form-box input[type="submit"]{
  font: 500 16px / 20px var(--pri-font);
  letter-spacing: 0;
  color: #000;
  background: var(--yellow);
  padding: 12px 35px;
  border-radius: 2px;
}
.contact-touch-form-box input[type="submit"]:hover{
  background: var(--white);
  color: #000;
}
.contact-touch-form-box .wpcf7 form.invalid .wpcf7-response-output,.contact-touch-form-box .wpcf7 form.failed .wpcf7-response-output, .contact-touch-form-box  .wpcf7 form.aborted .wpcf7-response-output{
  color: #fff;
}
.contact-touch-form-box input:-webkit-autofill { 
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff !important;
}
.checkbox .wpcf7-list-item-label{
  color: #fff;
  font: 300 14px / 14px var(--pri-font);
  padding-left: 6px;
}
.contact-touch-form-box form input[type="text"],.contact-touch-form-box form input[type="email"],.contact-touch-form-box form input[type="tel"] {
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  padding: 20px 35px;
}
.contact-touch-form-box form .get-box p{
  position: relative;
}
.contact-touch-form-box form .get-box p:before{
  font-family: 'FontAwesome';
  color: #ffffff;
  font-size: 16px;
  /* background: #F5F5F5; */
  border-radius: 5px;
  line-height: 32px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  left: 2px;
  width: 32px;
  height: 32px;
  margin-top: 0;
  top: 10px;
}
.contact-touch-form-box form .get-box:nth-child(1) p:before{
  content: "\f007";
}
.contact-touch-form-box form .get-box:nth-child(2) p:before{
  content: "\f0e0";
}
.contact-touch-form-box form .get-box:nth-child(3) p:before{
  content: "\f095";
}
.contact-touch-form-box form .get-box:nth-child(4) p:before{
  content: "\f05a";
}
.contact-touch-form-box form .get-box:nth-child(5) p:before{
  content: "\f007";
}
.contact-touch-form-box form .get:nth-child(5)-box input[type="text"]{
  padding-bottom: 40px;
}
.contact-touch-form-box form .wpcf7-form-control-wrap input[type="text"],.contact-touch-form-box form .wpcf7-form-control-wrap input[type="email"],.contact-touch-form-box form .wpcf7-form-control-wrap input[type="tel"]{
  padding: 15px 40px;
  border-radius: 0px;
  color: #fff;
}


.contact-touch-form-box .wpcf7-checkbox input[type=checkbox] {
  position: relative;
  cursor: pointer;
}

.contact-touch-form-box .wpcf7-checkbox input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: 1px solid #99AFC1;
  border-radius: 3px;
  background-color: var(--blue);
  padding: 1px;
}

.contact-touch-form-box .wpcf7-checkbox input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 6px;
}



.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-touch-form-box form ::placeholder {
  /* color: red; */
  /* background: red; */
  background: transparent;
}
/* single services */
.single-service .services-img-box{
  height: 300px;
}
.single-service .services-img-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}


/* media css */
@media screen and (min-width: 1200px) and (max-width:1500px){
  .services-head-content-outer-box{
    padding-left: 3% !important;
  }
  .logistic-video-image {
    width: 480px;
  }
  #Logistic-solution .owl-nav {
    display: block;
    position: unset;
    top: unset;
    bottom: 0;
    height: fit-content;
    margin: 0 auto;
    width: fit-content;
    padding: 3% 0px 0px 0px;
  }
  #Logistic-solution .owl-nav .owl-prev,#Logistic-solution .owl-nav .owl-next{
    position: unset;
  }
}
@media screen and (max-width:1366px){
  .btn{
    padding: 12px 20px;
  }
  .process-inner-box:nth-child(1):after, .process-inner-box:nth-child(3):after{
    bottom: -28px;
  }
  .process-inner-box:nth-child(2):after, .process-inner-box:nth-child(4):after{
    top: -44px;
  }
}
@media screen and (max-width:1200px){
  .process-inner-box:nth-child(1):after, .process-inner-box:nth-child(3):after{
    bottom: -18px;
  }
  .process-inner-box:nth-child(2):after, .process-inner-box:nth-child(4):after{
    top: -36px;
  }
}
@media screen and (min-width: 1024px){
  .header-outer-box > .topbar-main-class{
    display: none;
  }
  .logo {
    width: 100%;
  }
}
@media screen and (max-width: 1024px){
  .logistic-video-image {
    width: 100%;
  }
}
@media screen and (max-width: 1199px){
  h3, h3 a {
    font: 800 39px / 45px var(--h1-font);
  }
  #slider .carousel-caption {
    top: 5%;
    right: 0;
    left: 0;
    bottom: 0;
  }
  #slider .slider-box{
    gap: 10px;
  }
  #slider h1{
    font: 700 50px / 60px var(--h1-font);
  }
  #slider .slider-main-image img{
    height: 400px;
  }
  #slider .slider-para {
    font: 400 15px / 25px var(--pri-font);
    color: var(--white);
    width: 100%;
    margin: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .service-icon-hover-img img{
    width: 120px;
  }
  .services-head-content-outer-box {
    padding-left: 3% !important;
  }
  #services-sec .nav-link{
    padding: 15px 15px 15px 0px;
  }
  .service-title a {
    font: 800 16px / 25px var(--pri-font);
  }
  #services-sec .nav-link.active .services-tab-content p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .partners-client-images {
    width: 100px;
  }
  .our-process-svg-outer-box{
    display: none;
  }
  .process-inner-box:nth-child(2):after, .process-inner-box:nth-child(4):after,.process-inner-box:nth-child(1):after, .process-inner-box:nth-child(3):after{
    display: none;
  }
  .process-main-box{
    margin: auto;
  }
  #Our_process .process-head-content-box p {
    width: 85%;
    margin: auto;
  }
  .process-head-content-box{
    gap: 15px !important;
  }
  .project-content{
    grid-template-rows: repeat(11, 40px);
  }
  .projects-post-contents-box h6{
    font: 600 16px / 30px var(--pri-font);
  }
  .projects-post-contents-box p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .project-active-content-box:hover .projects-post-contents-box{
    bottom: 10px;
    width: fit-content;
  }
  .project-active-content-box:hover .projects-post-contents-box {
    width: 90%;
  }
  .why-choose-head-image-box {
    height: 300px;  
  }
  .why-choose-title{
    font:500 13px / 15px var(--sec-font);
  }
  .why-choose-content-inner-box .why-choose-inner-para {
    font: 700 18px / 25px var(--pri-font);
  }
  .testimonial-outer-box {
    height: 380px;
  }
  .testimonial-content-box .testimonial-box .testimonial-text{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .footer-content {
    padding-left: 2%;
  }
  .footer4 input.wpcf7-form-control.has-spinner.wpcf7-submit{
    padding: 6px 10px;
    font-size: 16px;
  }
  .logistic-video-image {
    width: 90%;
  }
  .logistic-solution-cat ul {
    gap: 10px;
  }
  .our-logistic-video-box {
    padding: 0px 5% 0px 1%;
  }  
  #Logistic-solution .owl-nav {
    display: block;
    position: relative;
    top: unset;
    bottom: -15px;
    left: 0;
    right: 0;
    height: fit-content;
    margin: auto;
    width: fit-content;
  }
  #Logistic-solution .owl-nav .owl-prev,#Logistic-solution .owl-nav .owl-next{
    position: unset;
  }
  .footer1{
    gap: 10px !important;
  }
  .footer-head-content-box{
    gap: 10px !important;
  }
}
@media screen and (max-width: 1023px){
  h3, h3 a {
    font: 800 34px / 40px var(--h1-font);
  }
  .stickynavbar .header-outer-box{
    display: flex;
    padding: 10px;
  }
  .stickynavbar .header-main-box{
    width: 30%;
    padding-left: 0px !important;
    justify-content: center;
  }
  .stickynavbar .logo-main-box{
    width: 50%;
    text-align: center;
  }
  .stickynavbar #topBar,.stickynavbar .header-button-box{
    display: none;
  } 
  #Our_process .process-head-content-box p {
    margin: auto;
  }
  .process-head-content-box{
    gap: 15px !important;
  }
  .project-content{
    grid-template-rows: repeat(11, 40px);
  }
  .projects-post-contents-box h6{
    font: 600 16px / 30px var(--pri-font);
  }
  .projects-post-contents-box p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .project-active-content-box .projects-post-contents-box{
    bottom: 10px;
    width: fit-content;
  }
  .project-active-content-box .projects-post-contents-box {
    display: block;
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    width: 90%;
    margin: auto;
    z-index: 2;
  }
  .project-active-content-box:after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: transparent linear-gradient(180deg, #3FBAD900 -10%, #000 125%) 0% 0% no-repeat padding-box;
    transition: 0.2s ease-in-out;
    border-radius: 8px;
  } 
  .header-main-box .topbar-main-class{
    display: none;
  }

}
@media screen and (max-width: 991px){
  .process-head-content-box .process-inner-box p{
    font: 600 15px / 25px var(--pri-font);
  }
  .logistic-video-image:hover::after {
    top: unset;
    left: unset;
    bottom: -10%; 
    right: -9%;
  }

  .partner-custom-img-box {
    flex-direction: row;
  }
  .partner-custom-img-box img{
    max-width: fit-content;
    margin: auto;
  }
  h2 {
    font: 700 32px / 40px var(--h1-font);
  }
  h3, h3 a {
    font: 800 32px / 42px var(--h1-font);
  }
  h6{
    font: 600 16px / 30px var(--pri-font);
  }
  .btn {
    font: 500 15px / 20px var(--pri-font);
    padding: 12px 20px;
    border-radius: 2px;
  }
  .header-outer-box{
    /* gap: 10px; */
  }
  .header-main-box{
    /* display: flex;
    justify-content: space-between;
    padding: 0px 10px !important; */
  }
  .topbar-info-contents a{
    padding: 5px 0px;
    font: 500 13px / 20px var(--pri-font);
  }
  .header-button-box{
    margin: 5px auto;
  }
  .headerbar{
    align-self: center;
  }
  #slider .carousel-caption {
    top: 5%;
    right: 0;
    left: 0;
    bottom: 0;
  }
  #slider .slider-box{
    gap: 10px;
  }
  #slider h1{
    font:700 30px / 30px var(--h1-font);
  }
  #slider .slider-main-image img{
    height: 300px;
  }
  #slider .slider-para {
    font: 400 15px / 25px var(--pri-font);
    color: var(--white);
    width: 100%;
    margin: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .our-record-box .row {
    gap: 10px;
    width: 100%;
  }
  .record-paragraph{
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .services-head-content-box{
    gap: 15px !important;
  }
  .services-content-outer, .services-head-content-outer-box {
    padding: 3% 0px !important;
  }
  .services-content-outer, .services-head-content-outer-box {
    padding: 5% 0px !important;
  }
  .services-head-content-box {
    gap: 10px;
    text-align: center;
  }
  .service-image img{
    position: unset;
  }
  .service-icon-hover-img img{
    width: 120px !important;
  }
  #services-sec .nav-link.active .services-tab-content p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  #services-sec .nav-link{
    padding: 20px 20px 20px 0px;
  }
  .service-title a {
    font: 800 18px / 25px var(--pri-font);
  }
  .logistic-video-content-box,.logistic-video-buttons-outer-box{
    justify-content: center;
  }
  .logistic-video-image{
    margin: 10px auto;
    width: 450px;
  }
  .logistic-video-image img{
    left: 0;
    right: 0;
  }
  .our-logistic-video-box {
    padding: 0px 0%;
  }
  .our-location-image {
    height: 250px;
    padding-top: 10px;
  }
  .logistic-video-main-heading{
    width: fit-content;
    margin: auto;
  }
  .logistic-video-image:after{
    bottom: -9%;
    right: -6%;
  }
  .logistic-solution-cat ul {
    gap: 10px 0px;
  }
  .logistic-solution-cat li button {
    font: 600 14px / 20px var(--pri-font);
  }
  .our-logistic-solution-content p{
    width: 100%;
  }
  .partners-client-images {
    width: 70px;
    margin: auto;
  }
  .process-head-content-box{
    gap: 10px !important;
  }
  .process-inner-box {
    padding: 10px 0px;
  }
  .project-content {
    grid-template-rows: repeat(11, 20px);
  }
  .map-image svg, .choose-map-image svg {
    width: auto;
    height: 100%;
  }
  .why-choose-head-image-box {
    height: 350px;
  }
  .why-choose-para{
    width: 100% !important;
  }
  .contact-detail-box{
    display: flex;
  }
  .contact-detail-box .contact-detail{
    width: fit-content;
    margin: auto;
  }
  .contact-touch-form-box .submit-box{
    display: block !important;
    text-align: center;
  }
  .contact-touch-form-box .submit-box .submit{
    margin: 10px 0px;
  }
  .newsletter-head-content-box p {
    width: 100%;
  }
  #newsletter input[type="submit"] {
    position: relative;
    top: 8px;
    right: 0px;
  }  
  #our-team .owl-stage-outer{
    padding: 0px 0px;
  }
  .footer1, .footer2, .footer3 {
    padding: 5% 0% 4% 0% !important;
  }
  .footer-content {
    padding-left: 2%;
  }
  .footer-content > .row{
    justify-content: space-between;
  }
  .footer4{
    width: 60%;
    margin: auto;
    padding: 0;
  }
  .footer1 {
    gap: 10px;
  }
  .get-contact-small-head {
    padding: 4% 10px;
  }
  .service-icon-img{
    width: 20px;
    height: 20px;
  }
  .services-text-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
@media screen and (max-width:767px){
  .projects-post-contents-box p{
    display: none;
  }
  .projects-post-contents-box h6 {
    font: 600 13px / 18px var(--pri-font);
  }
  .project-active-content-box .projects-post-contents-box{
    bottom: 10px;
  }
  #respond{
    padding: 0px;
  }
  .footer1, .footer2, .footer3 {
    padding: 5% 0% 4% 0% !important;
  }
  .footer-content {
    padding-left: 4%;
  }
  .footer-content > .row{
    justify-content: space-between;
  }
  .footer4{
    width: 60%;
    margin: auto;
    padding: 0;
  }
  .service-box-outer{
    display: flex;
    flex-direction: column-reverse;
  }
  .modal-contents {
    width: 90%;
  }
}
@media screen and (max-width:575px){
  .partner-custom-img-box {
    flex-direction: column;
    width: auto;
    margin: auto;
  }
  .footer4 {
    width: 90% !important;
  }
  .stickynavbar .header-main-box {
    width: 15%;
  }
  .stickynavbar .logo{
    width: 100%;
  }
  .topbar-info-contents{
    display: block;
    padding: 0px;
    border: none;
  }  
  .topbar-info-contents a{
    justify-content: center;
  }
  .header-outer-box {
    gap: 10px;
  }
  .logistic-video-image {
    width: 100%;
  }
  .logistic-video-image:after{
    display: none;
  }
  .process-inner-box {
    border-bottom: 1px solid #006fff;
  }
  .footer-content aside {
    width: fit-content;
    margin: auto;
    text-align: center;
  }
  .footer4 aside:nth-child(2), .footer4 aside:nth-child(3) {
    padding-right: 0% !important;
  }
  .footer1 aside p{
    margin: auto;
  }
}
@media screen and (max-width:375px){
  .logistic-solution-cat li button {
    font: 600 14px / 20px var(--pri-font);
    text-align: left;
    padding: 0;
  }
 .logistic-solution-cat ul{
  justify-content: start !important;
 }
 .logistic-solution-cat ul li{
  width: 50%;
  text-align: left;
 }
 .toggle-nav i {
  font-size: 24px;
 }
}










html *, html *:before, html *:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}
.btn{
  position: relative;
  z-index: 1;
}
.btn:before {
  left: -1px;
}
.btn:after {
  left: 50%;
}
.btn:before, .btn:after, .btn span:before, .btn span:after {
  content: "";
  position: absolute;
  top: -1px;
  width: 26%;
  height: 0;
  background-color: #ffffff;
  z-index: -1;
}
.btn span:before, .btn span:after {
  top: auto;
  bottom: -1px;
}
.btn span:before {
  left: 25%;
}
.btn span:after {
  left: 75%;
}
.btn:hover:before, .btn:hover:after, .btn:hover span:before, .btn:hover span:after {
  height: 46px;
}
.btn:hover{
  color: #000;
}
.header-btn.btn:before, .header-btn.btn:after, .header-btn.btn span:before, .header-btn.btn span:after{
  background-color: var(--yellow);
}
.header-btn.btn:hover{
  color: #fff;
}
.services-btn.btn:before, .services-btn.btn:after, .services-btn.btn span:before, .services-btn.btn span:after{
  background-color: var(--blue);
}
.services-btn.btn:hover{
  color: #fff;
}
.blog-btn.btn:before, .blog-btn.btn:after, .blog-btn.btn span:before, .blog-btn.btn span:after{
  background-color: var(--blue);
}
.blog-btn.btn:hover{
  color: #fff;
}
#services-page .services-btn.btn:before, #services-page .services-btn.btn:after, #services-page .services-btn.btn span:before, #services-page .services-btn.btn span:after{
  background-color: var(--yellow);
}


.touch-text{
  font: 700 20px / 20px var(--pri-font);
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.50px;
}


p.logged-in-as {
  color: #000;
}