:root {
  @import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
  --primary-color: rgb(15, 15, 15);
  --secondary-color: rgb(119, 119, 112);
  --tertiary-color: rgb(114, 99, 232);
  --black: #000000;
  --white: #fff;
}

* {
  margin: 0;
  padding: 0;
  --webkit-box-sizing: border-box;
  --ms-box-sizing: border-box;
  --moz-box-sizing: border-box;
  --o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.navbar {
  padding: 0 0 0 3em;
  background: url(https://odysseyuae.com/wp-content/uploads/2019/06/slider-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  height: 150vh;
  position: relative;
}
.navbar .container {
  width: 99%;
  height: 12vh;
}
.navbar .container .content {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  height: 11vh;
}
.navbar .container .content .logo {
  width: 45%;
  height: 10vh;
}
.navbar .container .content .logo img {
  width: 4em;
  height: 4em;
  color: black;
}
.navbar .container .content .mobile-menu {
  display: none;
}
.navbar .container .content .navigation {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  width: 95%;
  height: 9vh;
  text-transform: uppercase;
  font-size: 1em;
}
.navbar .container .content .navigation .mobile-menu-exit {
  display: none;
}
.navbar .container .content .navigation .primary-nav {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-gap: 1.2em;
  -ms-gap: 1.2em;
  -moz-gap: 1.2em;
  -o-gap: 1.2em;
  gap: 1.2em;
  text-align: center;
  width: 90%;
  height: 8vh;
  list-style-type: none;
}
.navbar .container .content .navigation .primary-nav .link .links {
  color: var(--white);
  text-decoration: none;
}
.navbar .container .content .navigation .primary-nav .link .links:hover {
  border-bottom: 3px solid var(--tertiary-color);
  font-weight: bold;
  transition: 1s;
  padding-bottom: 0.6em;
}
.navbar .container .content .navigation .primary-nav .link .fa-caret-down {
  color: var(--tertiary-color);
}
.navbar .container .content .dropdown {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: var(--white);
  list-style-type: none;
  width: 17em;
  padding: 2em 0 1em 0.5em;
  margin-top: 1.5em;
}
.navbar .container .content .dropdown .dropdown-link {
  text-transform: capitalize;
  text-align: left;
  font-weight: bold;
  padding: 0.5em 0 1.5em 0.3em;
}
.navbar .container .content .dropdown .dropdown-link .links {
  color: black !important;
}
.navbar .container .content .dropdown .dropdown-link .links:hover {
  border-bottom: 2px solid var(--primary-color) !important;
}
.navbar .ad-div {
  padding: 10em 4em 0 4em;
}
.navbar .ad-div .provide {
  color: var(--tertiary-color);
  text-align: left;
  font-weight: bold;
  font-size: 3em;
  width: 850px;
  padding-bottom: 1.5em;
}
.navbar .ad-div .input-track-div {
  width: 57%;
  position: relative;
}
.navbar .ad-div .input-track-div .tracking-box {
  border-radius: 0.5em;
  padding: 1.2em;
  width: 27em;
}
.navbar .ad-div .input-track-div .track-cta {
  position: absolute;
  background-image: linear-gradient(to right, var(--secondary-color), var(--primary-color));
  border-radius: 0.5em;
  text-decoration: none;
  font-weight: bold;
  padding: 0.9em 1.2em;
  color: var(--white);
  z-index: 1;
  top: 0.2em;
  left: 22em;
}
.navbar .ad-div .input-track-div .track-cta .bx-right-arrow-alt {
  font-weight: bold;
}
.navbar .ad-div .input-track-div .track-cta:hover {
  color: var(--tertiary-color);
}

.linkdrop {
  position: relative;
  list-style-type: none;
}

.linkdrop:hover .dropdown {
  display: block;
}

.mystyle {
  display: block !important;
}

.section-1 {
  padding: 0 3em 4em 3em;
  width: 100%;
  position: absolute;
  bottom: -80%;
}
.section-1 .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 2em;
  width: 99%;
  padding: 0;
}
.section-1 .parent .sub-parent {
  background-color: var(--tertiary-color);
  border-radius: 0.6em;
  width: 30%;
  text-align: center;
  animation-name: example;
  animation-duration: 10s;
  z-index: 1;
  padding: 4em;
}
.section-1 .parent .sub-parent .desc {
  font-weight: bold;
  font-size: 1.2em;
  color: var(--primary-color);
  padding-bottom: 1em;
}
.section-1 .parent .sub-parent .learn-cta {
  display: none;
  text-decoration: none;
  color: var(--white);
}
.section-1 .parent .sub-parent .learn-cta:hover {
  color: var(--secondary-color);
}
@keyframes example {
  0% {
    background-color: var(--primary-color);
  }
  25% {
    background-color: green;
  }
  50% {
    background-color: var(--tertiary-color);
  }
  75% {
    background-color: grey;
  }
  100% {
    background-color: var(--black);
  }
}

.section-2 {
  padding: 15em 1.5em 7em 1.5em;
}
.section-2 .sol {
  text-align: center;
  font-weight: bold;
  font-size: 3em;
  color: var(--black);
  padding-bottom: 1.5em;
}
.section-2 .parent-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 90%;
}
.section-2 .parent-div .sub-parent {
  width: 27%;
  position: relative;
}
.section-2 .parent-div .sub-parent .img-div {
  width: 30vw;
}
.section-2 .parent-div .sub-parent .img-div img {
  width: 30vw;
  height: 50vh;
}
.section-2 .parent-div .sub-parent .sol-cta {
  background-color: var(--tertiary-color);
  color: var(--white);
  text-decoration: none;
  font-weight: bold;
  padding: 0.8em 1.2em;
  position: absolute;
  z-index: 1;
  bottom: 5px !important;
}
.section-2 .parent-div .sub-parent .sol-cta:hover {
  background-color: var(--primary-color);
}

.section-3 {
  background-color: var(--black);
  padding: 5em 2em 5em 3em;
}
.section-3 .shipping {
  text-align: center;
  font-weight: bold;
  font-size: 2.7em;
  color: var(--white);
  padding-bottom: 1.5em;
}
.section-3 .parent-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  gap: 2em;
  width: 100%;
}
.section-3 .parent-div .img-div {
  position: relative;
}
.section-3 .parent-div .img-div .warehouse-img {
  width: 45vw;
  height: 64vh;
}
.section-3 .parent-div .img-div .img-desc {
  background-color: var(--secondary-color);
  color: var(--white);
  line-height: 1.5em;
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 45vw;
  padding: 1em;
}
.section-3 .parent-div .sub-parent .desc {
  font-size: 1.2em;
  line-height: 1.5em;
  color: var(--secondary-color);
  padding-bottom: 2em;
}
.section-3 .parent-div .sub-parent .icon-container .icon-desc-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 1em;
}
.section-3 .parent-div .sub-parent .icon-container .desc-div {
  padding-bottom: 2em;
}
.section-3 .parent-div .sub-parent .icon-container .desc-div .punctual {
  font-size: 1.2em;
  color: var(--white);
  padding-bottom: 0.7em;
}
.section-3 .parent-div .sub-parent .icon-container .desc-div .sub-desc {
  font-size: 1em;
  line-height: 1.7em;
  color: var(--secondary-color);
}

.section-4 {
  background-color: var(--secondary-color);
  padding: 5em 2em 8em 2em;
}
.section-4 .parent-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 5em;
  width: 95%;
}
.section-4 .parent-div .img-div .warehouse-img {
  width: 40vw;
  height: 73vh;
  border-radius: 0.5em;
}
.section-4 .parent-div .sub-parent {
  max-width: 550px;
}
.section-4 .parent-div .sub-parent .desc {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.5em;
  color: var(--white);
  padding-bottom: 1.5em;
}
.section-4 .parent-div .sub-parent .sub-desc {
  font-size: 1em;
  line-height: 1.7em;
  color: var(--black);
  padding-bottom: 4em;
}
.section-4 .parent-div .sub-parent .parcel-cta {
  background-color: var(--black);
  color: var(--white);
  font-weight: bold;
  padding: 0.8em 1.2em;
  text-decoration: none;
}
.section-4 .parent-div .sub-parent .parcel-cta .bx-right-arrow-alt {
  font-weight: bold;
}
.section-4 .parent-div .sub-parent .parcel-cta:hover {
  color: var(--tertiary-color);
}

.section-5 {
  background-color: var(--tertiary-color);
  padding: 5em 2em 5em 3em;
}
.section-5 .logistic {
  text-align: center;
  font-weight: bold;
  font-size: 2.7em;
  color: var(--white);
  padding-bottom: 1.5em;
}
.section-5 .parent-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 2em;
  width: 100%;
  background-color: var(--primary-color);
  padding: 3em 0 2em 2em;
}
.section-5 .parent-div .sub-parent .desc {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.5em;
  color: var(--white);
  padding-bottom: 2em;
}
.section-5 .parent-div .sub-parent .icon-container .icon-desc-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 1em;
}
.section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bxs-shopping-bags {
  font-size: 4em;
  color: var(--tertiary-color);
}
.section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bx-male-female {
  font-size: 4em;
  color: var(--tertiary-color);
}
.section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bx-building-house {
  font-size: 4em;
  color: var(--tertiary-color);
}
.section-5 .parent-div .sub-parent .icon-container .desc-div {
  padding-bottom: 2em;
}
.section-5 .parent-div .sub-parent .icon-container .desc-div .parcel {
  font-size: 1.2em;
  color: var(--white);
  padding-bottom: 0.7em;
}
.section-5 .parent-div .sub-parent .icon-container .desc-div .sub-desc {
  font-size: 1em;
  line-height: 1.7em;
  color: var(--secondary-color);
}
.section-5 .parent-div form {
  width: 100%;
  font-size: 1.2em;
  padding: 2em 2em 5em 2em;
}
.section-5 .parent-div form .container {
  display: block;
  padding: 0 0 3em 0;
}
.section-5 .parent-div form .container .form-content {
  border-radius: 0.5em;
}
.section-5 .parent-div form .container .form-content .get-quote {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--secondary-color);
  padding-bottom: 1em;
}
.section-5 .parent-div form .container .form-content .form-block {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: 1em;
  padding: 0 0 1em 0;
}
.section-5 .parent-div form .container .form-content .form-block .form-name .text {
  background-color: var(--white);
  border: 0px solid var(--white);
  color: black;
  padding: 1em 0 1em 1em;
  width: 40vw;
}
.section-5 .parent-div form .container .form-content .btn-div {
  padding-top: 2em;
}
.section-5 .parent-div form .container .form-content .btn-div .btn-link {
  text-decoration: none;
  background-color: var(--tertiary-color);
  color: var(--white);
  border-radius: 0.5em;
  padding: 0.5em 1.3em;
}
.section-5 .parent-div form .container .form-content .btn-div .btn-link:hover {
  background-color: var(--white);
  color: var(--tertiary-color);
  font-weight: bold;
}

.section-6 {
  background-color: var(--secondary-color);
  padding: 4em 2em 5em 3em;
}
.section-6 .provide {
  font-size: 3em;
  font-weight: bold;
  color: var(--white);
  padding-bottom: 1em;
}
.section-6 .iframe-div {
  width: 100%;
}
.section-6 .iframe-div .iframe-map {
  width: 99% !important;
  height: 90vh;
}

.section-7 {
  padding: 5em 2em 5em 3em;
  background-color: var(--primary-color);
}
.section-7 .testimonials {
  font-weight: bold;
  font-size: 2em;
  color: var(--white);
  text-align: center;
  padding-bottom: 2em;
}
.section-7 .container {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  width: 95%;
}
.section-7 .container .content {
  width: 33%;
  background-color: var(--white);
  border-radius: 0.7em;
  padding: 2em 1em 2em 1em;
}
.section-7 .container .content .fa-tick {
  font-size: 3em;
  color: var(--black);
}
.section-7 .container .content .div-desc {
  color: var(--black);
  font-size: 1em;
  line-height: 1.5em;
  padding-bottom: 1em;
}
.section-7 .container .content .identity {
  font-weight: bold;
  font-size: 1.2em;
  color: var(--primary-color);
  padding-bottom: 0.5em;
}
.section-7 .container .content .ceo {
  font-weight: bold;
  font-size: 0.8em;
  color: var(--secondary-color);
}

.section-8 .blog {
  padding: 3em 2em 3em 1em;
  font-weight: bold;
  font-size: 3em;
  color: var(--tertiary-color);
}
.section-8 .blog-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  background-color: grey;
  color: var(--white);
  padding: 3.5em 2em 2em 3em;
}
.section-8 .blog-div .managing {
  font-size: 1.3em;
  font-weight: bold;
}
.section-8 .blog-div .tracking-cta {
  background-color: var(--tertiary-color);
  color: var(--white);
  font-weight: bold;
  padding: 0.8em 1.2em;
  text-decoration: none;
  border-radius: 0.5em;
}
.section-8 .blog-div .tracking-cta .bx-right-arrow-alt {
  font-weight: bold;
}
.section-8 .blog-div .tracking-cta:hover {
  background-color: var(--secondary-color);
}

footer {
  background-color: var(--black);
  padding: 6em 2em 0 3em;
  width: 100%;
}
footer .display {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 7em;
}
footer .display .footer-div {
  width: 37vw;
  padding-bottom: 4em;
}
footer .display .footer-div .footer-logo {
  text-decoration: none;
  color: var(--secondary-color);
  font-size: 2em;
  font-weight: bold;
}
footer .display .footer-div .footer-desc {
  color: var(--white);
  line-height: 1.5em;
  font-style: italic;
  padding-top: 2em;
}
footer .display .footer-div .icon {
  padding: 3em 0 3em 0;
}
footer .display .footer-div .icon .icon-card {
  padding: 0;
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 1em;
  font-size: 1.2em;
}
footer .display .footer-div .icon .icon-card .card-list {
  list-style-type: none;
}
footer .display .footer-div .icon .icon-card .card-list .footer-brands {
  background-color: var(--white);
  color: var(--tertiary-color);
  border-radius: 0.2em;
  padding: 0.3em 0.3em 0.2em 0.3em;
}
footer .display .footer-div .icon .icon-card .card-list .footer-brands:hover {
  color: var(--black);
}
footer .display .footer-div .email .email-link {
  text-decoration: none;
  font-size: 1em;
  color: var(--white);
}
footer .display .col-1-4-parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 5em;
  width: 99%;
}
footer .display .col-1-4-parent .col-1 {
  display: block;
}
footer .display .col-1-4-parent .col-1 .col-1-h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--secondary-color);
  padding-bottom: 1.5em;
}
footer .display .col-1-4-parent .col-1 .col-ul {
  padding: 0;
  line-height: 2.5em;
}
footer .display .col-1-4-parent .col-1 .col-ul .col-li {
  list-style-type: none;
  cursor: pointer;
  font-size: 0.9em;
}
footer .display .col-1-4-parent .col-1 .col-ul .col-li .col-li-links {
  color: rgb(172, 169, 169);
  -webkit-text-decoration: double;
          text-decoration: double;
}
footer .display .col-1-4-parent .col-1 .col-ul .col-li .col-li-links:hover {
  color: var(--secondary-color);
}
footer .display .col-1-4-parent .col-2 {
  display: block;
}
footer .display .col-1-4-parent .col-2 .col-2-h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--secondary-color);
  padding-bottom: 1.5em;
}
footer .display .col-1-4-parent .col-2 .col-2-ul {
  padding: 0;
  line-height: 2.5em;
}
footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li {
  list-style-type: none;
  cursor: pointer;
  font-size: 0.9em;
}
footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li .col-2-li-links {
  color: rgb(172, 169, 169);
  text-decoration: none;
}
footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li .col-2-li-links:hover {
  color: var(--secondary-color);
}
footer .display .col-1-4-parent .col-3 {
  display: block;
}
footer .display .col-1-4-parent .col-3 .col-3-h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--secondary-color);
  padding-bottom: 2em;
}
footer .display .col-1-4-parent .col-3 .col-3-p {
  color: rgb(172, 169, 169);
  font-size: 0.9em;
  padding-bottom: 2em;
}
footer .display .col-1-4-parent .col-3 .address {
  color: rgb(172, 169, 169);
  font-size: 0.9em;
  padding-bottom: 2em;
}
footer .display .col-1-4-parent .col-4 {
  display: block;
  width: 80%;
}
footer .display .col-1-4-parent .col-4 .col-4-h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--secondary-color);
  padding-bottom: 2em;
}
footer .display .col-1-4-parent .col-4 .col-4-p {
  color: rgb(172, 169, 169);
  font-size: 0.9em;
  padding-bottom: 2em;
}
footer .display .col-1-4-parent .col-4 .footer-input {
  position: relative;
  width: 77%;
  margin: 0 !important;
}
footer .display .col-1-4-parent .col-4 .footer-input .text {
  background-color: var(--white);
  border: 0px solid var(--white);
  color: black;
  padding: 1em 0 1em 1em;
  width: 28vw;
}
footer .display .col-1-4-parent .col-4 .footer-input .email-cta .fa-right-long {
  background-color: var(--tertiary-color);
  color: var(--white);
  border-radius: 0.6em;
  padding: 0.6em 1.5em;
  position: absolute;
  left: 20em;
}
footer .display .col-1-4-parent .col-4 .footer-input .email-cta .fa-right-long:hover {
  background-color: var(--primary-color);
  color: var(--white);
}
footer .display .col-1-4-parent .col-4 .address {
  color: rgb(172, 169, 169);
  font-size: 0.9em;
  padding: 2em 0 3em 0;
}
footer .copyright {
  text-align: center;
  font-size: 0.9em;
  color: var(--white);
  padding-bottom: 0.5em;
}
footer .copyright .copy {
  color: var(--primary-color);
}

.abt-section {
  background: url(https://www.impactplus.com/hs-fs/hubfs/blog-image-uploads/best-about-us-pages.jpg?length=1200&name=best-about-us-pages.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  height: 80vh;
}
.abt-section .abt {
  text-align: center;
  color: var(--white);
  font-size: 3em;
  font-weight: bold;
  padding: 3em 0 0 0;
}

.section-1-abt {
  padding: 5em 2em 5em 3em;
}
.section-1-abt .abt-desc {
  font-size: 1.2em;
  line-height: 1.7em;
  padding-bottom: 3em;
}
.section-1-abt .abt-desc span {
  color: grey;
  font-weight: bold;
}
.section-1-abt .container {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  width: 95%;
}
.section-1-abt .container .content {
  background-color: var(--tertiary-color);
  width: 30%;
  padding: 2em;
}
.section-1-abt .container .content .story {
  font-size: 1.5em;
  color: var(--primary-color);
  padding-bottom: 1em;
}
.section-1-abt .container .content .description {
  color: var(--white);
  line-height: 1.5em;
}

.section-2-abt {
  padding: 3em 2em 5em 3em;
}
.section-2-abt .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 3em;
}
.section-2-abt .parent .sub-parent .choose {
  font-size: 2em;
  font-weight: bold;
  padding-bottom: 1em;
}
.section-2-abt .parent .sub-parent .desc {
  line-height: 2em;
  font-size: 1em;
  padding-bottom: 1em;
}
.section-2-abt .parent .img-div {
  width: 100%;
  height: 50vh;
}
.section-2-abt .parent .img-div .imgs {
  width: 100%;
  height: 100%;
}

.section-3-abt {
  background-color: rgb(236, 229, 229);
  padding: 3em 2em 12em 3em;
}
.section-3-abt .join {
  font-size: 2em;
  text-align: center;
  text-transform: uppercase;
  padding: 3em 0 3em 0;
}
.section-3-abt .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 3em;
}
.section-3-abt .parent .img-div {
  width: 100%;
  height: 60vh;
}
.section-3-abt .parent .img-div .imgs {
  width: 40vw;
  height: 75vh;
}
.section-3-abt .parent .sub-parent .desc {
  line-height: 2em;
  font-size: 1.2em;
  padding-bottom: 4em;
}
.section-3-abt .parent .sub-parent .desc span {
  color: var(--tertiary-color);
  font-weight: bold;
  font-size: 1.4em;
}
.section-3-abt .parent .sub-parent .cont-us {
  padding: 0.8em 1.2em;
  background-color: var(--tertiary-color);
  border-radius: 0.5em;
  text-decoration: none;
  color: var(--white);
}
.section-3-abt .parent .sub-parent .cont-us:hover {
  background-color: var(--primary-color);
}

.airfreight-section {
  background: url(../images/shipping7.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 100vh;
}
.airfreight-section .airfreight {
  text-align: center;
  color: var(--primary-color);
  font-size: 3em;
  font-weight: bold;
  padding: 4em 0 0 0;
}

.section-1-airfreight {
  padding: 5em 2em 2em 3em;
}
.section-1-airfreight .a-freight {
  font-size: 2em;
  padding-bottom: 0.7em;
}
.section-1-airfreight .desc {
  line-height: 1.7em;
  padding-bottom: 1em;
}
.section-1-airfreight .desc-list {
  padding-bottom: 1em;
}

.section-2-airfreight {
  background-color: var(--primary-color);
  padding: 5em 2em 5em 3em;
}
.section-2-airfreight .heading-1 {
  text-align: center;
  color: rgb(198, 192, 192);
  font-size: 1em;
  padding-bottom: 1.2em;
}
.section-2-airfreight .heading-2 {
  font-size: 2em;
  text-align: center;
  color: var(--secondary-color);
  padding-bottom: 1.5em;
}
.section-2-airfreight .main-container {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 3em;
  width: 98%;
}
.section-2-airfreight .main-container .faq-container {
  font-size: 1em;
  width: 50%;
}
.section-2-airfreight .main-container .faq-container .faq-sub-container {
  border: 1px solid rgb(233, 224, 224);
  margin-bottom: 0.7em;
}
.section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item {
  background-color: var(--tertiary-color);
  color: var(--white);
  position: relative;
  line-height: 1.5em;
  padding: 0.8em 0.5em;
}
.section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item .faq-button {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  width: 37px;
  cursor: pointer;
  border: 1px;
  font-size: 1.5em;
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: 0;
  color: var(--black);
}
.section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item .faq-content {
  max-width: 650px;
}
.section-2-airfreight .main-container .faq-container .faq-sub-container .faq-button-ans {
  display: none;
  line-height: 1.5em;
  color: var(--white);
  padding: 1em;
}
.section-2-airfreight .main-container .faq-container .faq-sub-container .faq-button-ans.active {
  display: block;
}
.section-2-airfreight .main-container .img-div {
  width: 40vw;
  height: 58vh;
}
.section-2-airfreight .main-container .img-div img {
  width: 40vw;
  height: 58vh;
  border-radius: 0.5em;
}

.section-3-airfreight {
  padding: 5em 5em 5em 5em;
}
.section-3-airfreight .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  --webkit-justify-content: space-between;
  --ms-justify-content: space-between;
  --moz-justify-content: space-between;
  --o-justify-content: space-between;
  justify-content: space-between;
  --webkit-align-items: center;
  --ms-align-items: center;
  --moz-align-items: center;
  --o-align-items: center;
  align-items: center;
  width: 98%;
}
.section-3-airfreight .parent .require {
  font-size: 2em;
  font-weight: bold;
  color: var(--primary-color);
}
.section-3-airfreight .parent .cont-us {
  text-decoration: none;
  padding: 0.6em 1.2em;
  background-color: var(--tertiary-color);
  color: var(--white);
  border-radius: 0.5em;
}
.section-3-airfreight .parent .cont-us:hover {
  background-color: var(--secondary-color);
}

.ocean-freight-section {
  background: url(../images/shipping15.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 100vh;
}
.ocean-freight-section .ocean-freight {
  text-align: center;
  color: var(--primary-color);
  font-size: 3em;
  font-weight: bold;
  padding: 3em 0 0 0;
}

.section-1-ocean-freight {
  padding: 5em 2em 2em 3em;
}
.section-1-ocean-freight .ocean-freight {
  font-size: 2em;
  padding-bottom: 0.7em;
}
.section-1-ocean-freight .desc {
  line-height: 1.7em;
  padding-bottom: 1em;
}
.section-1-ocean-freight .desc-list {
  line-height: 1.7em;
  padding-bottom: 1em;
}

.section-2-ocean-freight {
  background-color: var(--primary-color);
  padding: 5em 2em 5em 3em;
}
.section-2-ocean-freight .heading-1 {
  text-align: center;
  color: rgb(198, 192, 192);
  font-size: 1em;
  padding-bottom: 1.2em;
}
.section-2-ocean-freight .heading-2 {
  font-size: 2em;
  text-align: center;
  color: var(--secondary-color);
  padding-bottom: 1.5em;
}
.section-2-ocean-freight .main-container {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 3em;
  width: 98%;
}
.section-2-ocean-freight .main-container .faq-container {
  font-size: 1em;
  width: 50%;
}
.section-2-ocean-freight .main-container .faq-container .faq-sub-container {
  border: 1px solid rgb(233, 224, 224);
  margin-bottom: 0.7em;
}
.section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item {
  background-color: var(--tertiary-color);
  color: var(--white);
  position: relative;
  line-height: 1.5em;
  padding: 0.8em 0.5em;
}
.section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item .faq-button {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  width: 37px;
  cursor: pointer;
  border: 1px;
  font-size: 1.5em;
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: 0;
  color: var(--black);
}
.section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item .faq-content {
  max-width: 650px;
}
.section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-button-ans {
  display: none;
  line-height: 1.5em;
  color: var(--white);
  padding: 1em;
}
.section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-button-ans.active {
  display: block;
}
.section-2-ocean-freight .main-container .img-div {
  width: 40vw;
  height: 58vh;
}
.section-2-ocean-freight .main-container .img-div img {
  width: 40vw;
  height: 58vh;
  border-radius: 0.5em;
}

.section-3-ocean-freight {
  padding: 5em 5em 5em 5em;
}
.section-3-ocean-freight .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  --webkit-justify-content: space-between;
  --ms-justify-content: space-between;
  --moz-justify-content: space-between;
  --o-justify-content: space-between;
  justify-content: space-between;
  --webkit-align-items: center;
  --ms-align-items: center;
  --moz-align-items: center;
  --o-align-items: center;
  align-items: center;
  width: 98%;
}
.section-3-ocean-freight .parent .require {
  font-size: 2em;
  font-weight: bold;
  color: rgb(210, 82, 82);
}
.section-3-ocean-freight .parent .cont-us {
  text-decoration: none;
  padding: 0.6em 1.2em;
  background-color: var(--tertiary-color);
  color: var(--white);
  border-radius: 0.5em;
}
.section-3-ocean-freight .parent .cont-us:hover {
  background-color: var(--secondary-color);
}

.land-section {
  background: url(../images/shipping11.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 100vh;
}
.land-section .land {
  text-align: center;
  color: var(--primary-color);
  font-size: 3em;
  font-weight: bold;
  padding: 4em 0 0 0;
}

.section-1-land {
  padding: 5em 2em 2em 3em;
}
.section-1-land .land-tport {
  font-size: 2em;
  padding-bottom: 0.7em;
}
.section-1-land .desc {
  line-height: 1.7em;
  padding-bottom: 1em;
}

.section-2-land {
  background-color: var(--primary-color);
  padding: 5em 2em 5em 3em;
}
.section-2-land .heading-1 {
  text-align: center;
  color: rgb(198, 192, 192);
  font-size: 1em;
  padding-bottom: 1.2em;
}
.section-2-land .heading-2 {
  font-size: 2em;
  text-align: center;
  color: var(--secondary-color);
  padding-bottom: 1.5em;
}
.section-2-land .main-container {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 3em;
  width: 98%;
}
.section-2-land .main-container .faq-container {
  font-size: 1em;
  width: 50%;
}
.section-2-land .main-container .faq-container .faq-sub-container {
  border: 1px solid rgb(233, 224, 224);
  margin-bottom: 0.7em;
}
.section-2-land .main-container .faq-container .faq-sub-container .faq-item {
  background-color: var(--tertiary-color);
  color: var(--white);
  position: relative;
  line-height: 1.5em;
  padding: 0.8em 0.5em;
}
.section-2-land .main-container .faq-container .faq-sub-container .faq-item .faq-button {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  width: 37px;
  cursor: pointer;
  border: 1px;
  font-size: 1.5em;
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: 0;
  color: var(--black);
}
.section-2-land .main-container .faq-container .faq-sub-container .faq-item .faq-content {
  max-width: 650px;
}
.section-2-land .main-container .faq-container .faq-sub-container .faq-button-ans {
  display: none;
  line-height: 1.5em;
  color: var(--white);
  padding: 1em;
}
.section-2-land .main-container .faq-container .faq-sub-container .faq-button-ans.active {
  display: block;
}
.section-2-land .main-container .img-div {
  width: 40vw;
  height: 82vh;
}
.section-2-land .main-container .img-div img {
  width: 40vw;
  height: 82vh;
  border-radius: 0.5em;
}

.section-3-land {
  padding: 5em 5em 5em 5em;
}
.section-3-land .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  --webkit-justify-content: space-between;
  --ms-justify-content: space-between;
  --moz-justify-content: space-between;
  --o-justify-content: space-between;
  justify-content: space-between;
  --webkit-align-items: center;
  --ms-align-items: center;
  --moz-align-items: center;
  --o-align-items: center;
  align-items: center;
  width: 98%;
}
.section-3-land .parent .require {
  font-size: 2em;
  font-weight: bold;
  color: rgb(210, 82, 82);
}
.section-3-land .parent .cont-us {
  text-decoration: none;
  padding: 0.6em 1.2em;
  background-color: var(--tertiary-color);
  color: var(--white);
  border-radius: 0.5em;
}
.section-3-land .parent .cont-us:hover {
  background-color: var(--secondary-color);
}

.storage-section {
  background: url(../images/shipping17.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 100vh;
}
.storage-section .storage {
  text-align: center;
  color: var(--primary-color);
  font-size: 3em;
  font-weight: bold;
  padding: 4em 0 0 0;
}

.section-1-storage {
  padding: 5em 2em 2em 3em;
}
.section-1-storage .storage {
  font-size: 2em;
  padding-bottom: 0.7em;
}
.section-1-storage .desc {
  line-height: 1.7em;
  padding-bottom: 1em;
}

.section-2-storage {
  background-color: var(--primary-color);
  padding: 5em 2em 7em 3em;
}
.section-2-storage .heading-1 {
  text-align: center;
  color: rgb(198, 192, 192);
  font-size: 1em;
  padding-bottom: 1.2em;
}
.section-2-storage .heading-2 {
  font-size: 2em;
  text-align: center;
  color: var(--secondary-color);
  padding-bottom: 1.5em;
}
.section-2-storage .img-container {
  width: 98%;
}
.section-2-storage .img-container .img-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 1em;
  width: 30vw;
  height: 48vh;
}
.section-2-storage .img-container .img-div img {
  width: 29vw;
  height: 50vh;
  border-radius: 0.5em;
}

.section-3-storage {
  padding: 5em 5em 5em 5em;
}
.section-3-storage .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  --webkit-justify-content: space-between;
  --ms-justify-content: space-between;
  --moz-justify-content: space-between;
  --o-justify-content: space-between;
  justify-content: space-between;
  --webkit-align-items: center;
  --ms-align-items: center;
  --moz-align-items: center;
  --o-align-items: center;
  align-items: center;
  width: 98%;
}
.section-3-storage .parent .require {
  font-size: 2em;
  font-weight: bold;
  color: rgb(210, 82, 82);
}
.section-3-storage .parent .cont-us {
  text-decoration: none;
  padding: 0.6em 1.2em;
  background-color: var(--tertiary-color);
  color: var(--white);
  border-radius: 0.5em;
}
.section-3-storage .parent .cont-us:hover {
  background-color: var(--secondary-color);
}

.pet-section {
  background: url(../images/shipping22.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 100vh;
}
.pet-section .pet {
  text-align: center;
  color: var(--primary-color);
  font-size: 3em;
  font-weight: bold;
  padding: 4em 0 0 0;
}

.section-1-pet-transport {
  padding: 5em 2em 2em 3em;
}
.section-1-pet-transport .pet-transport {
  font-size: 2em;
  padding-bottom: 0.7em;
}
.section-1-pet-transport .desc {
  line-height: 1.7em;
  padding-bottom: 1em;
}

.section-2-pet-transport {
  background-color: var(--primary-color);
  padding: 5em 2em 7em 3em;
}
.section-2-pet-transport .heading-1 {
  text-align: center;
  color: rgb(198, 192, 192);
  font-size: 1em;
  padding-bottom: 1.2em;
}
.section-2-pet-transport .heading-2 {
  font-size: 2em;
  text-align: center;
  color: var(--secondary-color);
  padding-bottom: 1.5em;
}
.section-2-pet-transport .img-container {
  width: 98%;
}
.section-2-pet-transport .img-container .img-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 1em;
  width: 29vw;
  height: 48vh;
}
.section-2-pet-transport .img-container .img-div img {
  width: 29vw;
  height: 50vh;
  border-radius: 0.5em;
}

.section-3-pet-transport {
  padding: 5em 5em 5em 5em;
}
.section-3-pet-transport .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  --webkit-justify-content: space-between;
  --ms-justify-content: space-between;
  --moz-justify-content: space-between;
  --o-justify-content: space-between;
  justify-content: space-between;
  --webkit-align-items: center;
  --ms-align-items: center;
  --moz-align-items: center;
  --o-align-items: center;
  align-items: center;
  width: 98%;
}
.section-3-pet-transport .parent .require {
  font-size: 2em;
  font-weight: bold;
  color: rgb(210, 82, 82);
}
.section-3-pet-transport .parent .cont-us {
  text-decoration: none;
  padding: 0.6em 1.2em;
  background-color: var(--tertiary-color);
  color: var(--white);
  border-radius: 0.5em;
}
.section-3-pet-transport .parent .cont-us:hover {
  background-color: var(--secondary-color);
}

.separate-section {
  background: url(../images/shipping24.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 100vh;
}
.separate-section .separate {
  text-align: center;
  color: var(--tertiary-color);
  font-size: 3em;
  font-weight: bold;
  padding: 4em 0 0 0;
}

.section-1-separate {
  padding: 5em 2em 2em 3em;
}
.section-1-separate .separate-delivery {
  font-size: 1.8em;
  padding-bottom: 0.7em;
}
.section-1-separate .desc {
  line-height: 1.7em;
  font-size: 1em;
  padding-bottom: 2em;
}

.section-2-separate {
  background-color: var(--primary-color);
  padding: 5em 2em 7em 3em;
}
.section-2-separate .heading-1 {
  text-align: center;
  color: rgb(198, 192, 192);
  font-size: 1em;
  padding-bottom: 1.2em;
}
.section-2-separate .heading-2 {
  font-size: 2em;
  text-align: center;
  color: var(--secondary-color);
  padding-bottom: 1.5em;
}
.section-2-separate .img-container {
  width: 98%;
}
.section-2-separate .img-container .img-div {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 1em;
  width: 29vw;
  height: 48vh;
}
.section-2-separate .img-container .img-div img {
  width: 29vw;
  height: 50vh;
  border-radius: 0.5em;
}

.section-3-separate {
  padding: 5em 5em 5em 5em;
}
.section-3-separate .parent {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  --webkit-justify-content: space-between;
  --ms-justify-content: space-between;
  --moz-justify-content: space-between;
  --o-justify-content: space-between;
  justify-content: space-between;
  --webkit-align-items: center;
  --ms-align-items: center;
  --moz-align-items: center;
  --o-align-items: center;
  align-items: center;
  width: 98%;
}
.section-3-separate .parent .require {
  font-size: 2em;
  font-weight: bold;
  color: rgb(210, 82, 82);
}
.section-3-separate .parent .cont-us {
  text-decoration: none;
  padding: 0.6em 1.2em;
  background-color: var(--tertiary-color);
  color: var(--white);
  border-radius: 0.5em;
}
.section-3-separate .parent .cont-us:hover {
  background-color: var(--secondary-color);
}

.tracking-section {
  background: black !important;
  height: 80vh;
}
.tracking-section .track {
  text-align: center;
  color: var(--white);
  font-size: 3em;
  font-weight: bold;
  padding: 3em 0 0 0;
}

.sec-track-1 {
  padding: 5em 2em 5em 3em;
}
.sec-track-1 .container {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 2em;
  width: 100%;
  padding: 3em 0 2em 2em;
}
.sec-track-1 .container .content {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  padding: 1em;
  width: 30vw;
  height: 70vh;
}
.sec-track-1 .container .content .download {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.5em;
  color: var(--tertiary-color);
  padding-bottom: 2em;
}
.sec-track-1 .container .content .link-div {
  width: 90%;
}
.sec-track-1 .container .content .link-div .link-li {
  list-style-type: none;
  padding-bottom: 1em;
}
.sec-track-1 .container .content .link-div .link-li .links {
  color: var(--white);
  text-decoration: none;
}
.sec-track-1 .container .content .link-div .link-li .links:hover {
  color: var(--secondary-color);
}
.sec-track-1 .container .content .desc-div {
  padding-bottom: 2em;
}
.sec-track-1 .container .content .desc-div .parcel {
  font-size: 1.2em;
  color: var(--tertiary-color);
  padding-bottom: 0.7em;
}
.sec-track-1 .container .content .desc-div .sub-desc {
  font-size: 1em;
  line-height: 1.7em;
  color: black;
}
.sec-track-1 .container .track-id-div .searching {
  font-size: 1.2em;
  line-height: 1.7em;
  text-align: left;
  color: var(--tertiary-color);
  padding-bottom: 1.5em;
}
.sec-track-1 .container .track-id-div .input-div {
  width: 90%;
  border: 1px solid black;
  padding: 2em 0 2em 1em;
}
.sec-track-1 .container .track-id-div .input-div .input-desc {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 1em;
}
.sec-track-1 .container .track-id-div .input-div .track-cta-div {
  width: 69%;
  position: relative;
}
.sec-track-1 .container .track-id-div .input-div .track-cta-div .tracking-box {
  border-radius: 0.5em;
  padding: 1.2em;
  width: 27em;
}
.sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta {
  background-image: linear-gradient(to right, var(--tertiary-color), var(--primary-color));
  border-radius: 0.5em;
  text-decoration: none;
  font-weight: bold;
  padding: 0.9em 1.2em;
  color: var(--white);
  position: absolute;
  top: 0.2em;
  left: 20em;
}
.sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta .bx-right-arrow-alt {
  font-weight: bold;
}
.sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta:hover {
  color: var(--secondary-color);
}
.sec-track-1 .container .track-id-div .shipment-desc {
  padding: 5em 0 1.2em 0;
  color: black;
  font-size: 1.5em;
}
.sec-track-1 .container .track-id-div .desc-list {
  font-size: 1em;
  line-height: 1.7em;
  color: rgb(109, 105, 105);
  padding: 0 2em 1em 0;
}

.faqs-section {
  background: url(https://neilpatel.com/wp-content/uploads/fly-images/144256/Get-Your-FAQs-Straight-Convert-Your-Curious-Customers-1200x675-c.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
}
.faqs-section .faq {
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
  font-size: 3em;
  font-weight: bold;
  padding: 3em 0 0 0;
}

.section-1-faq {
  margin: 10em 5em 5em 5em;
}
.section-1-faq .parent-container {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 3em;
}
.section-1-faq .parent-container .content {
  max-width: 520px;
}
.section-1-faq .parent-container .content .origin {
  font-size: 2em;
  text-transform: uppercase;
  line-height: 1.2em;
  margin: 0 0 1.5em 0;
}
.section-1-faq .parent-container .content .faq {
  font-size: 2em;
  padding-bottom: 2em;
}
.section-1-faq .parent-container .content .desc {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 2em;
}
.section-1-faq .parent-container .content .faqs-img {
  width: 35vw;
  height: 40vh;
}
.section-1-faq .parent-container .faq-container {
  font-size: 1em;
  width: 60%;
}
.section-1-faq .parent-container .faq-container .faq-sub-container {
  border: 1px solid rgb(233, 224, 224);
  margin-bottom: 0.7em;
}
.section-1-faq .parent-container .faq-container .faq-sub-container .faq-item {
  background-color: #f5eded;
  border: 1px rgb(61, 60, 60);
  position: relative;
  line-height: 1.5em;
  padding: 0.8em 0.5em;
}
.section-1-faq .parent-container .faq-container .faq-sub-container .faq-item .faq-button {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  width: 37px;
  cursor: pointer;
  border: 1px;
  font-size: 1.5em;
  height: 100%;
  background-color: var(--primary-color);
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}
.section-1-faq .parent-container .faq-container .faq-sub-container .faq-item .faq-content {
  max-width: 650px;
}
.section-1-faq .parent-container .faq-container .faq-sub-container .faq-button-ans {
  display: none;
  line-height: 1.5em;
  color: rgb(105, 103, 103);
  padding: 1em;
}
.section-1-faq .parent-container .faq-container .faq-sub-container .faq-button-ans.active {
  display: block;
}

.contact-section {
  background: black !important;
  height: 80vh;
}
.contact-section .contact {
  text-align: center;
  color: var(--white);
  font-size: 3em;
  font-weight: bold;
  padding: 3em 0 0 0;
}

.section-2-cont {
  background-color: var(--tertiary-color);
  padding: 8em 0 0 0;
}
.section-2-cont .inquiries {
  text-align: center;
  font-size: 2.2em;
  color: var(--white);
  padding-bottom: 2em;
}
.section-2-cont .section-div {
  margin: 0.2em 5em 6em 5em;
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  gap: 2em;
}
.section-2-cont .section-div .cont-div {
  text-align: left;
  padding: 0;
}
.section-2-cont .section-div .cont-div .cont-address {
  margin-bottom: 0.8em;
  text-align: left;
  color: var(--white);
}
.section-2-cont .section-div .cont-div .cont-desc-2 {
  color: rgb(176, 171, 171);
  list-style-type: none;
  line-height: 1.5em;
  text-align: left;
}
.section-2-cont .section-div .cont-div .reach-us {
  list-style-type: none;
  text-decoration: none;
  color: rgb(176, 171, 171);
}
.section-2-cont .section-div .cont-div .reach-us:hover {
  color: var(--secondary-color);
}
.section-2-cont form {
  width: 100%;
  font-size: 1.2em;
  padding: 2em 2em 5em 2em;
}
.section-2-cont form .container {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 2em;
  padding-left: 2em;
}
.section-2-cont form .container .form-content {
  border-radius: 0.5em;
}
.section-2-cont form .container .form-content .form-block {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 2em;
  padding: 0 0 3em 0;
}
.section-2-cont form .container .form-content .form-block .form-name .form-label {
  color: var(--white);
}
.section-2-cont form .container .form-content .form-block .form-name .text {
  background-color: var(--white);
  border: 0px solid black;
  color: black;
  padding: 1em 0 1em 1em;
  width: 40vw;
}
.section-2-cont form .container .form-content .check {
  display: -moz-flexbox;
  display: -o-flexbox;
  display: flex;
  gap: 0.7em;
  padding: 2em 0 4em 0;
}
.section-2-cont form .container .form-content .check .checkbox {
  width: 1.5em;
  height: 1.5em;
  border-radius: 15em;
  color: black;
}
.section-2-cont form .container .form-content .check .agree {
  color: var(--white);
}
.section-2-cont form .container .form-content .btn-link {
  text-decoration: none;
  background-color: var(--primary-color);
  color: var(--tertiary-color);
  border-radius: 0.5em;
  font-weight: bold;
  padding: 0.8em 0.9em;
}
.section-2-cont form .container .form-content .btn-link:hover {
  background-color: var(--secondary-color);
}
.section-2-cont form .container .form-content .msg-label {
  color: var(--white);
}
.section-2-cont form .container .form-content .msg-label .text-area {
  padding: 1em 0 0 1em;
  height: 60vh;
}

@media only screen and (max-width: 992px) {
  .navbar {
    padding: 1em 0 0 3em;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 100%;
    height: 65vh;
    position: relative;
  }
  .navbar .container {
    width: 95%;
    height: 12vh;
  }
  .navbar .container .content {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    height: 6vh;
  }
  .navbar .container .content .logo {
    width: 55%;
    height: 5vh;
  }
  .navbar .container .content .logo img {
    width: 4em;
    height: 4em;
    color: black;
  }
  .navbar .container .content .mobile-menu {
    display: none;
  }
  .navbar .container .content .navigation {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 10%;
    height: 9vh;
    text-transform: uppercase;
    font-size: 1em;
    top: 2em;
  }
  .navbar .container .content .navigation .mobile-menu-exit {
    display: none;
  }
  .navbar .container .content .navigation .primary-nav {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    text-align: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 75%;
    height: 8vh;
    list-style-type: none;
    position: absolute;
    top: 4em;
    right: 2%;
    left: 14%;
  }
  .navbar .container .content .navigation .primary-nav .link .links {
    color: var(--white);
    text-decoration: none;
  }
  .navbar .container .content .navigation .primary-nav .link .links:hover {
    border-bottom: 2px solid var(--secondary-color);
    font-weight: bold;
  }
  .navbar .container .content .navigation .primary-nav .link .fa-caret-down {
    color: var(--primary-color);
  }
  .navbar .container .content .dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    background-color: var(--white);
    list-style-type: none;
    width: 22em;
    padding: 2em 0 1em 0.5em;
    margin-top: 1.5em;
  }
  .navbar .container .content .dropdown .dropdown-link {
    padding: 0.5em 0 1em 0.3em;
    text-align: left;
    color: var(--white);
  }
  .navbar .container .content .dropdown .dropdown-link .links {
    color: black !important;
  }
  .navbar .container .content .dropdown .dropdown-link .links:hover {
    border-bottom: 2px solid var(--primary-color) !important;
  }
  .navbar .ad-div {
    padding: 10em 4em 0 4em;
  }
  .navbar .ad-div .provide {
    max-width: 750px;
    color: var(--tertiary-color);
    text-align: left;
    font-weight: bold;
    font-size: 4em;
    padding-bottom: 1.5em;
  }
  .navbar .ad-div .input-track-div {
    width: 89%;
    position: relative;
  }
  .navbar .ad-div .input-track-div .tracking-box {
    border-radius: 0.5em;
    padding: 1.5em;
    width: 35em;
  }
  .navbar .ad-div .input-track-div .track-cta {
    background-image: linear-gradient(to right, var(--secondary-color), var(--primary-color));
    border-radius: 0.5em;
    text-decoration: none;
    font-weight: bold;
    padding: 0.9em 1.2em;
    color: var(--white);
    position: absolute;
    top: 0.3em;
    left: 29em;
  }
  .navbar .ad-div .input-track-div .track-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .navbar .ad-div .input-track-div .track-cta:hover {
    color: var(--tertiary-color);
  }
  .linkdrop {
    position: relative;
    list-style-type: none;
  }
  .linkdrop:hover .dropdown {
    display: block;
  }
  .mystyle {
    display: block !important;
  }
  .section-1 {
    padding: 0 3em 4em 1.5em !important;
    width: 100%;
    height: 20vh;
    position: absolute;
    top: 58%;
  }
  .section-1 .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 98%;
    padding: 0;
  }
  .section-1 .parent .sub-parent {
    background-color: var(--tertiary-color);
    border-radius: 0.6em;
    width: 25% !important;
    text-align: center;
    animation-name: example;
    animation-duration: 10s;
    z-index: 1;
    padding: 4em;
  }
  .section-1 .parent .sub-parent .desc {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 1em;
  }
  .section-1 .parent .sub-parent .learn-cta {
    display: none;
    text-decoration: none;
    color: var(--white);
  }
  .section-1 .parent .sub-parent .learn-cta:hover {
    color: var(--secondary-color);
  }
  @keyframes example {
    0% {
      background-color: var(--primary-color);
    }
    25% {
      background-color: var(--secondary-color);
    }
    50% {
      background-color: var(--tertiary-color);
    }
    75% {
      background-color: var(--white);
    }
    100% {
      background-color: green;
    }
  }
  .section-2 {
    padding: 15em 1.5em 7em 1.5em;
  }
  .section-2 .sol {
    text-align: center;
    font-weight: bold;
    font-size: 3em;
    color: var(--primary-color);
    padding-bottom: 1.5em;
  }
  .section-2 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -webkit-gap: 1em;
    -ms-gap: 1em;
    -moz-gap: 1em;
    -o-gap: 1em;
    gap: 0.5em;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
  }
  .section-2 .parent-div .sub-parent {
    width: 45%;
    position: relative;
  }
  .section-2 .parent-div .sub-parent .img-div {
    width: 38vw;
  }
  .section-2 .parent-div .sub-parent .img-div img {
    width: 47vw;
    height: 28.1vh;
  }
  .section-2 .parent-div .sub-parent .sol-cta {
    background-color: var(--tertiary-color);
    color: var(--white);
    text-decoration: none;
    font-weight: bold;
    padding: 0.8em 1.2em;
    position: absolute;
    z-index: 1;
    top: 20.7em;
  }
  .section-2 .parent-div .sub-parent .sol-cta:hover {
    background-color: var(--secondary-color);
  }
  .section-3 {
    background-color: var(--black);
    padding: 8em 2em 5em 2em;
  }
  .section-3 .shipping {
    text-align: center;
    font-weight: bold;
    font-size: 2.7em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-3 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    justify-content: flex-end;
    width: 100%;
  }
  .section-3 .parent-div .img-div {
    position: relative;
  }
  .section-3 .parent-div .img-div .warehouse-img {
    width: 45vw;
    height: 42vh;
  }
  .section-3 .parent-div .img-div .img-desc {
    background-color: var(--secondary-color);
    color: var(--white);
    border: 1px solid rgb(46, 45, 45);
    line-height: 1.5em;
    position: absolute;
    bottom: -0.1em;
    width: 45vw;
    padding: 1em;
  }
  .section-3 .parent-div .sub-parent .desc {
    font-size: 1.2em;
    line-height: 1.5em;
    color: var(--secondary-color);
    padding-bottom: 2em;
  }
  .section-3 .parent-div .sub-parent .icon-container .icon-desc-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div {
    padding-bottom: 2em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div .punctual {
    font-size: 1.2em;
    color: var(--white) !important;
    padding-bottom: 0.7em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: var(--secondary-color);
  }
  .section-4 {
    padding: 5em 1.5em 8em 1.5em;
  }
  .section-4 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    width: 95%;
  }
  .section-4 .parent-div .img-div .warehouse-img {
    width: 45vw;
    height: 35vh;
    border-radius: 0.5em;
  }
  .section-4 .parent-div .sub-parent {
    max-width: 550px;
  }
  .section-4 .parent-div .sub-parent .desc {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-4 .parent-div .sub-parent .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    padding-bottom: 4em;
  }
  .section-4 .parent-div .sub-parent .parcel-cta {
    background-color: var(--primary-color);
    color: var(--white);
    border-radius: 0.5em;
    font-weight: bold;
    padding: 0.8em 1.2em;
    text-decoration: none;
  }
  .section-4 .parent-div .sub-parent .parcel-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .section-4 .parent-div .sub-parent .parcel-cta:hover {
    background-color: var(--secondary-color);
    color: var(--white);
  }
  .section-5 {
    background-color: var(--tertiary-color);
    padding: 7em 2em 5em 2em;
  }
  .section-5 .logistic {
    text-align: center;
    font-weight: bold;
    font-size: 2.7em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-5 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    width: 100%;
    background-color: var(--primary-color);
    border: 1px solid var(--white);
    padding: 3em 0 2em 2em;
  }
  .section-5 .parent-div .sub-parent .desc {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--white);
    padding-bottom: 2em;
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bxs-shopping-bags {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bx-male-female {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bx-building-house {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div {
    padding-bottom: 2em;
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div .parcel {
    font-size: 1.2em;
    color: var(--white);
    padding-bottom: 0.7em;
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: rgb(202, 192, 192);
  }
  .section-5 .parent-div form {
    width: 100%;
    font-size: 1.2em;
    padding: 2em 2em 5em 2em;
  }
  .section-5 .parent-div form .container {
    display: block;
    padding: 0 0 3em 0;
  }
  .section-5 .parent-div form .container .form-content {
    border-radius: 0.5em;
  }
  .section-5 .parent-div form .container .form-content .get-quote {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--secondary-color);
    padding-bottom: 1em;
  }
  .section-5 .parent-div form .container .form-content .form-block {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    padding: 0 0 1em 0;
  }
  .section-5 .parent-div form .container .form-content .form-block .form-name .text {
    background-color: var(--white);
    border: 0px solid var(--white);
    color: black;
    padding: 1em 0 1em 1em;
    width: 40vw;
  }
  .section-5 .parent-div form .container .form-content .btn-div {
    padding-top: 2em;
  }
  .section-5 .parent-div form .container .form-content .btn-div .btn-link {
    text-decoration: none;
    background-color: var(--tertiary-color);
    color: var(--secondary-color);
    border-radius: 0.5em;
    padding: 0.5em 1em;
  }
  .section-5 .parent-div form .container .form-content .btn-div .btn-link:hover {
    background-color: var(--white);
    color: var(--tertiary-color);
    font-weight: bold;
  }
  .section-6 {
    padding: 8em 2em 5em 3em;
  }
  .section-6 .provide {
    font-size: 3em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 1em;
  }
  .section-6 .iframe-div .iframe-map {
    width: 99%;
    height: 55vh;
  }
  .section-7 {
    padding: 5em 1.5em 5em 1.5em;
    background-color: var(--primary-color);
  }
  .section-7 .testimonials {
    font-weight: bold;
    font-size: 2em;
    color: var(--white);
    text-align: center;
    padding-bottom: 2em;
  }
  .section-7 .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    width: 99%;
  }
  .section-7 .container .content {
    width: 33.3%;
    background-color: var(--white);
    border-radius: 0.7em;
    padding: 2em 1em 2em 1em;
  }
  .section-7 .container .content .fa-tick {
    font-size: 3em;
    color: var(--primary-color);
  }
  .section-7 .container .content .div-desc {
    color: var(--tertiary-color);
    font-size: 1em;
    line-height: 1.5em;
    padding-bottom: 1em;
  }
  .section-7 .container .content .identity {
    font-weight: bold;
    font-size: 1.2em;
    color: var(--tertiary-color);
    padding-bottom: 0.5em;
  }
  .section-7 .container .content .ceo {
    font-weight: bold;
    font-size: 0.8em;
    color: var(--primary-color);
  }
  .section-8 .blog {
    padding: 3em 2em 3em 1em;
    font-weight: bold;
    font-size: 3em;
    color: var(--tertiary-color);
  }
  .section-8 .blog-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    background-color: var(--secondary-color);
    color: var(--white);
    padding: 3.5em 2em 2em 3em;
  }
  .section-8 .blog-div .managing {
    font-size: 1.3em;
    font-weight: bold;
    width: 70%;
  }
  .section-8 .blog-div .tracking-cta {
    background-color: var(--tertiary-color);
    color: var(--white);
    padding: 0.8em 1.2em;
    text-decoration: none;
    border-radius: 0.5em;
  }
  .section-8 .blog-div .tracking-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .section-8 .blog-div .tracking-cta:hover {
    background-color: var(--secondary-color);
  }
  footer {
    background-color: var(--black);
    padding: 8em 1.5em 0 2em;
    width: 100%;
  }
  footer .display {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 7em;
  }
  footer .display .footer-div {
    width: 50vw;
  }
  footer .display .footer-div .footer-logo {
    text-decoration: none;
    color: var(--secondary-color);
    font-size: 1.2em;
    font-weight: bold;
  }
  footer .display .footer-div .icon {
    padding: 3em 0 3em 0;
  }
  footer .display .footer-div .icon .icon-card {
    padding: 0;
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    font-size: 1.2em;
  }
  footer .display .footer-div .icon .icon-card .card-list {
    list-style-type: none;
  }
  footer .display .footer-div .icon .icon-card .card-list .footer-brands {
    background-color: var(--white);
    color: var(--tertiary-color);
    border-radius: 0.2em;
    padding: 0.3em 0.3em 0.2em 0.3em;
  }
  footer .display .footer-div .icon .icon-card .card-list .footer-brands:hover {
    color: var(--black);
  }
  footer .display .footer-div .email .email-link {
    text-decoration: none;
    font-size: 1em;
    color: var(--white);
  }
  footer .display .col-1-4-parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6em;
    width: 90%;
  }
  footer .display .col-1-4-parent .col-1 {
    display: block;
  }
  footer .display .col-1-4-parent .col-1 .col-1-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul {
    padding: 0;
    line-height: 2.5em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li {
    list-style-type: none;
    cursor: pointer;
    font-size: 0.9em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li .col-li-links {
    color: rgb(172, 169, 169);
    -webkit-text-decoration: double;
            text-decoration: double;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li .col-li-links:hover {
    color: var(--secondary-color);
  }
  footer .display .col-1-4-parent .col-2 {
    display: block;
  }
  footer .display .col-1-4-parent .col-2 .col-2-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul {
    padding: 0;
    line-height: 2.5em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li {
    list-style-type: none;
    cursor: pointer;
    font-size: 0.9em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li .col-2-li-links {
    color: rgb(172, 169, 169);
    text-decoration: none;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li .col-2-li-links:hover {
    color: var(--secondary-color);
  }
  footer .display .col-1-4-parent .col-3 {
    display: block;
  }
  footer .display .col-1-4-parent .col-3 .col-3-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-3 .col-3-p {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-3 .address {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 {
    display: block;
  }
  footer .display .col-1-4-parent .col-4 .col-4-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 .col-4-p {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 .footer-input {
    position: relative;
    width: 82%;
    margin: 0 !important;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .text {
    background-color: var(--white);
    border: 0px solid var(--white);
    color: black;
    padding: 1em 0 1em 1em;
    width: 50vw;
    position: relative;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .email-cta .fa-right-long {
    background-color: var(--tertiary-color);
    color: var(--white);
    font-weight: bold;
    border-radius: 0.6em;
    padding: 0.6em 1.5em;
    position: absolute;
    left: 27em;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .email-cta .fa-right-long:hover {
    background-color: var(--primary-color);
    color: var(--white);
  }
  footer .display .col-1-4-parent .col-4 .address {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding: 2em 0 3em 0;
  }
  footer .copyright {
    text-align: center;
    font-size: 0.9em;
    color: var(--white);
    padding-bottom: 0.5em;
  }
  footer .copyright .copy {
    color: var(--primary-color);
  }
  .abt-section {
    background: url(https://www.impactplus.com/hs-fs/hubfs/blog-image-uploads/best-about-us-pages.jpg?length=1200&name=best-about-us-pages.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 50vh;
  }
  .abt-section .abt {
    text-align: center;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-1-abt {
    padding: 5em 2em 5em 2em;
  }
  .section-1-abt .abt-desc {
    font-size: 1.2em;
    line-height: 1.7em;
    padding-bottom: 3em;
  }
  .section-1-abt .abt-desc span {
    color: grey;
    font-weight: bold;
  }
  .section-1-abt .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }
  .section-1-abt .container .content {
    background-color: var(--tertiary-color);
    width: 33%;
    padding: 2em 1em !important;
  }
  .section-1-abt .container .content .story {
    font-size: 1.5em;
    color: var(--primary-color);
    padding-bottom: 1em;
  }
  .section-1-abt .container .content .description {
    line-height: 1.5em;
  }
  .section-2-abt {
    padding: 3em 2em 5em 2em;
  }
  .section-2-abt .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
  }
  .section-2-abt .parent .sub-parent .choose {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 1em;
  }
  .section-2-abt .parent .sub-parent .desc {
    line-height: 2em;
    font-size: 1em;
    padding-bottom: 1em;
  }
  .section-2-abt .parent .img-div {
    width: 100%;
    height: 60vh;
  }
  .section-2-abt .parent .img-div .imgs {
    width: 45vw;
    height: 60vh;
  }
  .section-3-abt {
    background-color: rgb(236, 229, 229);
    padding: 3em 1.5em 12em 1.5em;
  }
  .section-3-abt .join {
    text-align: center;
    text-transform: uppercase;
    padding: 3em 0 3em 0;
  }
  .section-3-abt .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
  }
  .section-3-abt .parent .img-div {
    width: 100%;
    height: 41vh;
  }
  .section-3-abt .parent .img-div .imgs {
    width: 45vw;
    height: 40vh;
  }
  .section-3-abt .parent .sub-parent .desc {
    line-height: 2em;
    font-size: 1.2em;
    padding-bottom: 4em;
  }
  .section-3-abt .parent .sub-parent .desc span {
    color: var(--tertiary-color);
    font-weight: bold;
    font-size: 1.4em;
  }
  .section-3-abt .parent .sub-parent .cont-us {
    padding: 0.8em 1.2em;
    background-color: var(--tertiary-color);
    border-radius: 0.5em;
    text-decoration: none;
    color: var(--white);
  }
  .section-3-abt .parent .sub-parent .cont-us:hover {
    background-color: var(--primary-color);
  }
  .airfreight-section {
    background: url(../images/shipping7.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh;
  }
  .airfreight-section .airfreight {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 4em 0 0 0;
  }
  .section-1-airfreight {
    padding: 5em 2em 2em 3em;
  }
  .section-1-airfreight .a-freight {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-airfreight .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-1-airfreight .desc-list {
    padding-bottom: 1em;
  }
  .section-2-airfreight {
    background-color: var(--primary-color);
    padding: 5em 2em 5em 3em;
  }
  .section-2-airfreight .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-airfreight .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-airfreight .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 3em;
    width: 98%;
  }
  .section-2-airfreight .main-container .faq-container {
    font-size: 1em;
    width: 50%;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-airfreight .main-container .img-div {
    width: 40vw;
    height: 22.5vh;
  }
  .section-2-airfreight .main-container .img-div img {
    width: 40vw;
    height: 22.5vh;
    border-radius: 0.5em;
  }
  .section-3-airfreight {
    padding: 5em 5em 5em 5em;
  }
  .section-3-airfreight .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-airfreight .parent .require {
    font-size: 2em;
    font-weight: bold;
    color: var(--primary-color);
  }
  .section-3-airfreight .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-airfreight .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .ocean-freight-section {
    background: url(../images/shipping15.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh;
  }
  .ocean-freight-section .ocean-freight {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-1-ocean-freight {
    padding: 5em 2em 2em 3em;
  }
  .section-1-ocean-freight .ocean-freight {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-ocean-freight .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-1-ocean-freight .desc-list {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-ocean-freight {
    background-color: var(--primary-color);
    padding: 5em 2em 5em 3em;
  }
  .section-2-ocean-freight .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-ocean-freight .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-ocean-freight .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 3em;
    width: 98%;
  }
  .section-2-ocean-freight .main-container .faq-container {
    font-size: 1em;
    width: 50%;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-ocean-freight .main-container .img-div {
    width: 40vw;
    height: 22vh;
  }
  .section-2-ocean-freight .main-container .img-div img {
    width: 40vw;
    height: 22vh;
    border-radius: 0.5em;
  }
  .section-3-ocean-freight {
    padding: 5em 5em 5em 5em;
  }
  .section-3-ocean-freight .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-ocean-freight .parent .require {
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-ocean-freight .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-ocean-freight .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .land-section {
    background: url(../images/shipping11.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh;
  }
  .land-section .land {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 4em 0 0 0;
  }
  .section-1-land {
    padding: 5em 2em 2em 3em;
  }
  .section-1-land .land-tport {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-land .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-land {
    background-color: var(--primary-color);
    padding: 5em 2em 5em 3em;
  }
  .section-2-land .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-land .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-land .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 3em;
    width: 98%;
  }
  .section-2-land .main-container .faq-container {
    font-size: 1em;
    width: 50%;
  }
  .section-2-land .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-land .main-container .img-div {
    width: 40vw;
    height: 31vh;
  }
  .section-2-land .main-container .img-div img {
    width: 40vw;
    height: 31vh;
    border-radius: 0.5em;
  }
  .section-3-land {
    padding: 5em 5em 5em 5em;
  }
  .section-3-land .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-land .parent .require {
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-land .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-land .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .storage-section {
    background: url(../images/shipping17.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh;
  }
  .storage-section .storage {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 4em 0 0 0;
  }
  .section-1-storage {
    padding: 5em 2em 2em 3em;
  }
  .section-1-storage .storage {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-storage .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-storage {
    background-color: var(--primary-color);
    padding: 5em 2em 7em 3em;
  }
  .section-2-storage .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-storage .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-storage .img-container {
    width: 98%;
  }
  .section-2-storage .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 30vw;
    height: 25vh;
  }
  .section-2-storage .img-container .img-div img {
    width: 29vw;
    height: 25vh;
    border-radius: 0.5em;
  }
  .section-3-storage {
    padding: 5em 5em 5em 5em;
  }
  .section-3-storage .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-storage .parent .require {
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-storage .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-storage .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .pet-section {
    background: url(../images/shipping22.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh;
  }
  .pet-section .pet {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 4em 0 0 0;
  }
  .section-1-pet-transport {
    padding: 5em 2em 2em 3em;
  }
  .section-1-pet-transport .pet-transport {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-pet-transport .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-pet-transport {
    background-color: var(--primary-color);
    padding: 5em 2em 7em 3em;
  }
  .section-2-pet-transport .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-pet-transport .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-pet-transport .img-container {
    width: 98%;
  }
  .section-2-pet-transport .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 29vw;
    height: 25vh;
  }
  .section-2-pet-transport .img-container .img-div img {
    width: 29vw;
    height: 25vh;
    border-radius: 0.5em;
  }
  .section-3-pet-transport {
    padding: 5em 5em 5em 5em;
  }
  .section-3-pet-transport .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-pet-transport .parent .require {
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-pet-transport .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-pet-transport .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .separate-section {
    background: url(../images/shipping24.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 60vh;
  }
  .separate-section .separate {
    text-align: center;
    color: var(--tertiary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 4em 0 0 0;
  }
  .section-1-separate {
    padding: 5em 2em 2em 3em;
  }
  .section-1-separate .separate-delivery {
    font-size: 1.8em;
    padding-bottom: 0.7em;
  }
  .section-1-separate .desc {
    line-height: 1.7em;
    font-size: 1em;
    padding-bottom: 2em;
  }
  .section-2-separate {
    background-color: var(--primary-color);
    padding: 5em 2em 7em 3em;
  }
  .section-2-separate .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-separate .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-separate .img-container {
    width: 98%;
  }
  .section-2-separate .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 29vw;
    height: 48vh;
  }
  .section-2-separate .img-container .img-div img {
    width: 29vw;
    height: 50vh;
    border-radius: 0.5em;
  }
  .section-3-separate {
    padding: 5em 5em 5em 5em;
  }
  .section-3-separate .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-separate .parent .require {
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-separate .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-separate .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .tracking-section {
    background: black !important;
    height: 50vh;
  }
  .tracking-section .track {
    text-align: center;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .sec-track-1 {
    padding: 5em 1.5em 5em 1.5em;
  }
  .sec-track-1 .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    width: 100%;
    padding: 3em 0 2em 0;
  }
  .sec-track-1 .container .content {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    padding: 1em;
    width: 30vw;
    height: 30vh;
  }
  .sec-track-1 .container .content .download {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--tertiary-color);
    padding-bottom: 2em;
  }
  .sec-track-1 .container .content .link-div {
    width: 90%;
  }
  .sec-track-1 .container .content .link-div .link-li {
    list-style-type: none;
    padding-bottom: 1em;
  }
  .sec-track-1 .container .content .link-div .link-li .links {
    color: var(--white);
    text-decoration: none;
  }
  .sec-track-1 .container .content .link-div .link-li .links:hover {
    color: var(--secondary-color);
  }
  .sec-track-1 .container .content .desc-div {
    padding-bottom: 2em;
  }
  .sec-track-1 .container .content .desc-div .parcel {
    font-size: 1.2em;
    color: var(--tertiary-color);
    padding-bottom: 0.7em;
  }
  .sec-track-1 .container .content .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: black;
  }
  .sec-track-1 .container .track-id-div .searching {
    font-size: 1.2em;
    text-align: left;
    color: var(--tertiary-color);
    padding-bottom: 1.5em;
  }
  .sec-track-1 .container .track-id-div .input-div {
    border: 1px solid black;
    padding: 2em 0 2em 1em;
  }
  .sec-track-1 .container .track-id-div .input-div .input-desc {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 1em;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div {
    width: 90%;
    position: relative;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .tracking-box {
    border-radius: 0.5em;
    padding: 1.2em;
    width: 27em;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta {
    background-image: linear-gradient(to right, var(--tertiary-color), var(--primary-color));
    border-radius: 0.5em;
    text-decoration: none;
    font-weight: bold;
    padding: 0.9em 1.2em;
    color: var(--white);
    position: absolute;
    top: 0.1em;
    left: 20em;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta:hover {
    color: var(--secondary-color);
  }
  .sec-track-1 .container .track-id-div .shipment-desc {
    padding: 5em 0 1.2em 0;
    color: black;
    font-size: 1.5em;
  }
  .sec-track-1 .container .track-id-div .desc-list {
    font-size: 1em;
    line-height: 1.7em;
    color: rgb(109, 105, 105);
    padding: 0 2em 1em 0;
  }
  .faqs-section {
    background: url(https://neilpatel.com/wp-content/uploads/fly-images/144256/Get-Your-FAQs-Straight-Convert-Your-Curious-Customers-1200x675-c.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
  }
  .faqs-section .faq {
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-1-faq {
    margin: 10em 1.5em 5em 2em;
  }
  .section-1-faq .parent-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 3em;
  }
  .section-1-faq .parent-container .content .faq {
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.2em;
    margin: 0 0 1.5em 0;
  }
  .section-1-faq .parent-container .content .desc {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 2em;
  }
  .section-1-faq .parent-container .content .faqs-img {
    width: 90vw;
    height: 40vh;
  }
  .section-1-faq .parent-container .faq-container {
    font-size: 1em;
    width: 98%;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item {
    background-color: #f5eded;
    border: 1px rgb(61, 60, 60);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: rgb(105, 103, 103);
    padding: 1em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .contact-section {
    background: black !important;
    height: 50vh;
  }
  .contact-section .contact {
    text-align: center;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-2-cont {
    background-color: rgb(176, 171, 171);
    padding: 8em 0 0 0;
  }
  .section-2-cont .inquiries {
    text-align: left !important;
    font-size: 2.2em;
    color: black;
    padding: 0 0 2em 0.5em;
  }
  .section-2-cont .section-div {
    margin: 0.2em 1em 6em 1em;
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    gap: 2em;
  }
  .section-2-cont .section-div .cont-div {
    text-align: left;
    padding: 0;
  }
  .section-2-cont .section-div .cont-div .cont-address {
    margin-bottom: 0.8em;
    text-align: left;
    color: var(--tertiary-color);
  }
  .section-2-cont .section-div .cont-div .cont-desc-2 {
    color: black;
    list-style-type: none;
    line-height: 1.5em;
    text-align: left;
  }
  .section-2-cont .section-div .cont-div .reach-us {
    list-style-type: none;
    text-decoration: none;
    color: black;
  }
  .section-2-cont .section-div .cont-div .reach-us:hover {
    color: var(--tertiary-color);
  }
  .section-2-cont form {
    width: 100%;
    font-size: 1.2em;
    padding: 2em 1em 5em 0;
  }
  .section-2-cont form .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    padding-left: 1em;
  }
  .section-2-cont form .container .form-content {
    border-radius: 0.5em;
  }
  .section-2-cont form .container .form-content .form-block {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    padding: 0 0 3em 0;
  }
  .section-2-cont form .container .form-content .form-block .form-name .form-label {
    color: black;
  }
  .section-2-cont form .container .form-content .form-block .form-name .text {
    background-color: var(--white);
    border: 0px solid black;
    color: black;
    padding: 1em 0 1em 1em;
    width: 44vw;
  }
  .section-2-cont form .container .form-content .check {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 0.7em;
    padding: 2em 0 4em 0;
  }
  .section-2-cont form .container .form-content .check .checkbox {
    width: 1.5em;
    height: 1.5em;
    border-radius: 15em;
    color: black;
  }
  .section-2-cont form .container .form-content .check .agree {
    color: black;
  }
  .section-2-cont form .container .form-content .btn-link {
    text-decoration: none;
    background-color: var(--primary-color);
    color: var(--tertiary-color);
    border-radius: 0.5em;
    padding: 0.8em 0.9em;
  }
  .section-2-cont form .container .form-content .btn-link:hover {
    background-color: var(--secondary-color);
  }
  .section-2-cont form .container .form-content .msg-label {
    color: black;
  }
  .section-2-cont form .container .form-content .msg-label .text-area {
    padding: 1em 0 0 1em;
    width: 92vw;
    height: 30vh;
  }
}
@media only screen and (max-width: 772px) {
  .navbar {
    padding: 1em 0 0 3em;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 100%;
    height: 97vh !important;
    position: relative;
  }
  .navbar .container {
    width: 95%;
    height: 12vh;
  }
  .navbar .container .content {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    height: 6vh;
  }
  .navbar .container .content .logo {
    width: 85%;
    height: 6vh;
  }
  .navbar .container .content .logo img {
    width: 4em;
    height: 4em;
    color: black;
  }
  .navbar .container .content .mobile-menu {
    display: none;
  }
  .navbar .container .content .navigation {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 9%;
    height: 9vh;
    text-transform: uppercase;
    font-size: 1em;
  }
  .navbar .container .content .navigation .mobile-menu-exit {
    display: none;
  }
  .navbar .container .content .navigation .primary-nav {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    text-align: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 75%;
    height: 6vh;
    list-style-type: none;
    position: absolute;
    top: 4em;
    right: 2%;
    left: 14%;
  }
  .navbar .container .content .navigation .primary-nav .link .links {
    color: var(--white);
    text-decoration: none;
  }
  .navbar .container .content .navigation .primary-nav .link .links:hover {
    border-bottom: 2px solid var(--secondary-color);
    font-weight: bold;
  }
  .navbar .container .content .navigation .primary-nav .link .fa-caret-down {
    color: var(--primary-color);
  }
  .navbar .container .content .dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    background-color: var(--white);
    list-style-type: none;
    width: 22em;
    padding: 2em 0 1em 0.5em;
    margin-top: 1.5em;
  }
  .navbar .container .content .dropdown .dropdown-link {
    padding: 0.5em 0 1em 0.3em;
    text-align: left;
    color: var(--white);
  }
  .navbar .container .content .dropdown .dropdown-link .links {
    color: var(--black) !important;
  }
  .navbar .container .content .dropdown .dropdown-link .links:hover {
    border-bottom: 2px solid var(--tertiary-color) !important;
    font-weight: bold;
  }
  .navbar .ad-div {
    padding: 10em 4em 0 0;
  }
  .navbar .ad-div .provide {
    max-width: 650px;
    color: var(--tertiary-color);
    text-align: left;
    font-weight: bold;
    font-size: 4em;
    padding-bottom: 1.5em;
  }
  .navbar .ad-div .input-track-div {
    width: 83%;
    position: relative;
  }
  .navbar .ad-div .input-track-div .tracking-box {
    border-radius: 0.5em;
    padding: 1.5em;
    width: 27em;
  }
  .navbar .ad-div .input-track-div .track-cta {
    background-image: linear-gradient(to right, var(--secondary-color), var(--primary-color));
    border-radius: 0.5em;
    text-decoration: none;
    font-weight: bold;
    padding: 0.9em 1.2em;
    color: var(--white);
    position: absolute;
    top: 0.5em;
    left: 22em;
  }
  .navbar .ad-div .input-track-div .track-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .navbar .ad-div .input-track-div .track-cta:hover {
    color: var(--tertiary-color);
  }
  .linkdrop {
    position: relative;
    list-style-type: none;
  }
  .linkdrop:hover .dropdown {
    display: block;
  }
  .mystyle {
    display: block !important;
  }
  .linkdrop {
    position: relative;
    list-style-type: none;
  }
  .linkdrop:hover .dropdown {
    display: block;
  }
  .mystyle {
    display: block !important;
  }
  .section-1 {
    padding: 0 1em 8em 2em !important;
    width: 100%;
    position: absolute;
    top: 55em;
  }
  .section-1 .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .section-1 .parent .sub-parent {
    background-color: var(--tertiary-color);
    width: 33% !important;
    text-align: center;
    animation-name: example;
    animation-duration: 10s;
    padding: 4em 0 4em 0;
  }
  .section-1 .parent .sub-parent .desc {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 1em;
  }
  .section-1 .parent .sub-parent .learn-cta {
    display: none;
    text-decoration: none;
    color: var(--white);
  }
  .section-1 .parent .sub-parent .learn-cta:hover {
    color: var(--secondary-color);
  }
  @keyframes example {
    0% {
      background-color: var(--primary-color);
    }
    25% {
      background-color: var(--secondary-color);
    }
    50% {
      background-color: var(--tertiary-color);
    }
    75% {
      background-color: var(--white);
    }
    100% {
      background-color: green;
    }
  }
  .section-2 {
    padding: 15em 1.5em 7em 1.5em;
  }
  .section-2 .sol {
    text-align: center;
    font-weight: bold;
    font-size: 3em;
    color: var(--primary-color);
    padding-bottom: 1.5em;
  }
  .section-2 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-gap: 1em;
    -ms-gap: 1em;
    -moz-gap: 1em;
    -o-gap: 1em;
    gap: 1em;
    width: 90%;
  }
  .section-2 .parent-div .sub-parent {
    width: 45%;
    position: relative;
  }
  .section-2 .parent-div .sub-parent .img-div {
    width: 45vw;
  }
  .section-2 .parent-div .sub-parent .img-div img {
    width: 45vw;
    height: 34vh;
  }
  .section-2 .parent-div .sub-parent .sol-cta {
    background-color: var(--tertiary-color);
    color: var(--white);
    text-decoration: none;
    font-weight: bold;
    padding: 0.8em 1.2em;
    position: absolute;
    z-index: 1;
    top: 18.5em;
  }
  .section-2 .parent-div .sub-parent .sol-cta:hover {
    background-color: var(--secondary-color);
  }
  .section-3 {
    background-color: var(--primary-color);
    padding: 8em 1em 5em 1em;
  }
  .section-3 .shipping {
    text-align: center;
    font-weight: bold;
    font-size: 2.7em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-3 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    justify-content: flex-end;
    width: 100%;
  }
  .section-3 .parent-div .sub-parent .desc {
    font-size: 1.2em;
    line-height: 1.5em;
    color: var(--white);
    padding-bottom: 2em;
  }
  .section-3 .parent-div .sub-parent .icon-container .icon-desc-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div {
    padding-bottom: 2em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div .punctual {
    font-size: 1.2em;
    color: var(--secondary-color);
    padding-bottom: 0.7em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: var(--white);
  }
  .section-3 .parent-div .img-div {
    position: relative;
  }
  .section-3 .parent-div .img-div .warehouse-img {
    width: 45vw;
    height: 52vh;
  }
  .section-3 .parent-div .img-div .img-desc {
    background-color: var(--tertiary-color);
    color: var(--white);
    border: 1px solid rgb(46, 45, 45);
    line-height: 1.5em;
    position: absolute;
    bottom: 3em;
    width: 45vw;
    padding: 1em;
  }
  .section-4 {
    padding: 5em 1.5em 8em 1.5em;
  }
  .section-4 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    width: 95%;
  }
  .section-4 .parent-div .img-div .warehouse-img {
    width: 45vw;
    height: 47vh;
    border-radius: 0.5em;
  }
  .section-4 .parent-div .sub-parent {
    max-width: 550px;
  }
  .section-4 .parent-div .sub-parent .desc {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-4 .parent-div .sub-parent .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    padding-bottom: 4em;
  }
  .section-4 .parent-div .sub-parent .parcel-cta {
    background-color: var(--primary-color);
    color: var(--white);
    font-weight: bold;
    padding: 0.8em 1.2em;
    text-decoration: none;
  }
  .section-4 .parent-div .sub-parent .parcel-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .section-4 .parent-div .sub-parent .parcel-cta:hover {
    background-color: var(--secondary-color);
  }
  .section-5 {
    background-color: var(--tertiary-color);
    padding: 8em 2em 5em 1em;
  }
  .section-5 .logistic {
    text-align: center;
    font-weight: bold;
    font-size: 2.7em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-5 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 100%;
    background-color: var(--primary-color);
  }
  .section-5 .parent-div .sub-parent .desc {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--white);
    padding-bottom: 2em;
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bxs-shopping-bags {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bx-male-female {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bx-building-house {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div {
    padding-bottom: 2em;
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div .parcel {
    font-size: 1.2em;
    color: var(--white);
    padding-bottom: 0.7em;
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: rgb(202, 192, 192);
  }
  .section-5 .parent-div form {
    width: 100%;
    font-size: 1.2em;
    padding: 2em 2em 5em 2em;
  }
  .section-5 .parent-div form .container {
    display: block;
    padding: 0 0 3em 0;
  }
  .section-5 .parent-div form .container .form-content {
    border-radius: 0.5em;
  }
  .section-5 .parent-div form .container .form-content .get-quote {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--secondary-color);
    padding-bottom: 1em;
  }
  .section-5 .parent-div form .container .form-content .form-block {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    padding: 0 0 1em 0;
  }
  .section-5 .parent-div form .container .form-content .form-block .form-name .text {
    background-color: var(--white);
    border: 0px solid var(--white);
    color: black;
    padding: 1em 0 1em 1em;
    width: 40vw;
  }
  .section-5 .parent-div form .container .form-content .btn-div {
    padding-top: 2em;
  }
  .section-5 .parent-div form .container .form-content .btn-div .btn-link {
    text-decoration: none;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
    padding: 0.5em 1em;
  }
  .section-5 .parent-div form .container .form-content .btn-div .btn-link:hover {
    background-color: var(--white);
    color: var(--tertiary-color);
  }
  .section-6 {
    padding: 8em 2em 5em 2em;
  }
  .section-6 .provide {
    font-size: 3em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 1em;
  }
  .section-6 .iframe-div .iframe-map {
    width: 99%;
    height: 55vh;
  }
  .section-7 {
    padding: 5em 1.5em 5em 1.5em;
    background-color: var(--primary-color);
  }
  .section-7 .testimonials {
    font-weight: bold;
    font-size: 2em;
    color: var(--white);
    text-align: center;
    padding-bottom: 2em;
  }
  .section-7 .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 99%;
  }
  .section-7 .container .content {
    width: 33.3%;
    background-color: var(--white);
    border-radius: 0.7em;
    padding: 2em 1em 2em 1em;
  }
  .section-7 .container .content .div-desc {
    color: var(--tertiary-color);
    font-size: 1em;
    line-height: 1.5em;
    padding-bottom: 1em;
  }
  .section-7 .container .content .identity {
    font-weight: bold;
    font-size: 1.2em;
    color: var(--primary-color);
    padding-bottom: 0.5em;
  }
  .section-7 .container .content .ceo {
    font-weight: bold;
    font-size: 0.8em;
    color: var(--secondary-color);
  }
  .section-8 .blog {
    padding: 3em 2em 3em 1em;
    font-weight: bold;
    font-size: 3em;
    color: var(--tertiary-color);
  }
  .section-8 .blog-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    background-color: var(--secondary-color);
    color: var(--white);
    padding: 3.5em 1em 2em 1em;
  }
  .section-8 .blog-div .managing {
    font-size: 1.3em;
    font-weight: bold;
  }
  .section-8 .blog-div .tracking-cta {
    background-color: var(--tertiary-color);
    color: var(--white);
    padding: 0.8em 1.5em;
    text-decoration: none;
    border-radius: 0.5em;
  }
  .section-8 .blog-div .tracking-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .section-8 .blog-div .tracking-cta:hover {
    background-color: var(--secondary-color);
  }
  footer {
    background-color: rgb(2, 2, 20);
    padding: 8em 1.5em 0 2em;
  }
  footer .display {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 7em;
  }
  footer .display .footer-div {
    width: 80vw;
  }
  footer .display .footer-div .footer-logo {
    text-decoration: none;
    color: var(--secondary-color);
    font-size: 1.2em;
    font-weight: bold;
  }
  footer .display .footer-div .footer-desc {
    color: var(--white);
  }
  footer .display .footer-div .icon {
    padding: 3em 0 3em 0;
  }
  footer .display .footer-div .icon .icon-card {
    padding: 0;
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    font-size: 1.2em;
  }
  footer .display .footer-div .icon .icon-card .card-list {
    list-style-type: none;
  }
  footer .display .footer-div .icon .icon-card .card-list .footer-brands {
    background-color: var(--white);
    color: var(--tertiary-color);
    border-radius: 0.2em;
    padding: 0.3em 0.3em 0.2em 0.3em;
  }
  footer .display .footer-div .icon .icon-card .card-list .footer-brands:hover {
    color: var(--primary-color);
  }
  footer .display .footer-div .email .email-link {
    text-decoration: none;
    font-size: 1em;
    color: var(--white);
  }
  footer .display .col-1-4-parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3em;
    width: 80%;
  }
  footer .display .col-1-4-parent .col-1 {
    display: block;
  }
  footer .display .col-1-4-parent .col-1 .col-1-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul {
    padding: 0;
    line-height: 2.5em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li {
    list-style-type: none;
    cursor: pointer;
    font-size: 0.9em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li .col-li-links {
    color: rgb(172, 169, 169);
    -webkit-text-decoration: double;
            text-decoration: double;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li .col-li-links:hover {
    color: var(--secondary-color);
  }
  footer .display .col-1-4-parent .col-2 {
    display: block;
  }
  footer .display .col-1-4-parent .col-2 .col-2-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul {
    padding: 0;
    line-height: 2.5em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li {
    list-style-type: none;
    cursor: pointer;
    font-size: 0.9em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li .col-2-li-links {
    color: rgb(172, 169, 169);
    text-decoration: none;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li .col-2-li-links:hover {
    color: var(--secondary-color);
  }
  footer .display .col-1-4-parent .col-3 {
    display: block;
  }
  footer .display .col-1-4-parent .col-3 .col-3-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-3 .col-3-p {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-3 .address {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 {
    display: block;
  }
  footer .display .col-1-4-parent .col-4 .col-4-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 .col-4-p {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 .footer-input {
    position: relative;
    width: 64vw;
    margin: 0 !important;
    position: relative;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .text {
    background-color: var(--white);
    border: 0px solid var(--white);
    color: black;
    padding: 1em 0 1em 1em;
    width: 55vw;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .email-cta .fa-right-long {
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.6em;
    padding: 0.6em 1.5em;
    position: absolute;
    left: 26em;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .email-cta .fa-right-long:hover {
    background-color: var(--primary-color);
    color: var(--white);
  }
  footer .display .col-1-4-parent .col-4 .address {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding: 2em 0 3em 0;
  }
  footer .copyright {
    text-align: center;
    font-size: 0.9em;
    color: var(--white);
    padding-bottom: 0.5em;
  }
  footer .copyright .copy {
    color: var(--primary-color);
  }
  .abt-section {
    background: url(https://www.impactplus.com/hs-fs/hubfs/blog-image-uploads/best-about-us-pages.jpg?length=1200&name=best-about-us-pages.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 60vh !important;
  }
  .abt-section .abt {
    text-align: center;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-1-abt {
    padding: 5em 1em 5em 1em;
  }
  .section-1-abt .abt-desc {
    font-size: 1.5em;
    line-height: 2em;
    padding-bottom: 3em;
  }
  .section-1-abt .abt-desc span {
    color: grey;
    font-weight: bold;
  }
  .section-1-abt .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 98%;
    margin: 0 !important;
  }
  .section-1-abt .container .content {
    background-color: var(--tertiary-color);
    width: 33%;
  }
  .section-1-abt .container .content .story {
    font-size: 1.5em;
    color: var(--primary-color);
    padding-bottom: 1em;
  }
  .section-1-abt .container .content .description {
    line-height: 1.5em;
  }
  .section-2-abt {
    padding: 3em 2em 5em 1em;
  }
  .section-2-abt .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 3em;
  }
  .section-2-abt .parent .sub-parent .choose {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 1em;
  }
  .section-2-abt .parent .sub-parent .desc {
    line-height: 2em;
    font-size: 1em;
    padding-bottom: 1em;
  }
  .section-2-abt .parent .img-div {
    width: 100%;
    height: 45vh;
  }
  .section-2-abt .parent .img-div .imgs {
    width: 94vw;
    height: 45vh;
  }
  .section-3-abt {
    background-color: rgb(236, 229, 229);
    padding: 3em 1.5em 12em 1em;
  }
  .section-3-abt .join {
    text-align: center;
    text-transform: uppercase;
    padding: 3em 0 3em 0;
  }
  .section-3-abt .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
  }
  .section-3-abt .parent .img-div {
    width: 100%;
    height: 41vh;
  }
  .section-3-abt .parent .img-div .imgs {
    width: 45vw;
    height: 56vh;
  }
  .section-3-abt .parent .sub-parent .desc {
    line-height: 2em;
    font-size: 1.2em;
    padding-bottom: 4em;
  }
  .section-3-abt .parent .sub-parent .desc span {
    color: var(--tertiary-color);
    font-weight: bold;
    font-size: 1.4em;
  }
  .section-3-abt .parent .sub-parent .cont-us {
    padding: 0.8em 1.2em;
    background-color: var(--tertiary-color);
    border-radius: 0.5em;
    text-decoration: none;
    color: var(--white);
  }
  .section-3-abt .parent .sub-parent .cont-us:hover {
    background-color: var(--primary-color);
  }
  .airfreight-section {
    background: url(../images/shipping7.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh !important;
  }
  .airfreight-section .airfreight {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 4em 0 0 0;
  }
  .section-1-airfreight {
    padding: 5em 2em 2em 2em;
  }
  .section-1-airfreight .a-freight {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-airfreight .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-1-airfreight .desc-list {
    padding-bottom: 1em;
  }
  .section-2-airfreight {
    background-color: var(--primary-color);
    padding: 5em 2em 5em 3em;
  }
  .section-2-airfreight .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-airfreight .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-airfreight .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 3em;
    width: 98%;
  }
  .section-2-airfreight .main-container .faq-container {
    font-size: 1em;
    width: 50%;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-airfreight .main-container .img-div {
    width: 40vw;
    height: 29.6vh;
  }
  .section-2-airfreight .main-container .img-div img {
    width: 40vw;
    height: 29.6vh;
    border-radius: 0.5em;
  }
  .section-3-airfreight {
    padding: 5em 2em 5em 2em;
  }
  .section-3-airfreight .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-airfreight .parent .require {
    width: 80%;
    font-size: 2em;
    font-weight: bold;
    color: var(--primary-color);
  }
  .section-3-airfreight .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-airfreight .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .ocean-freight-section {
    background: url(../images/shipping15.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh !important;
  }
  .ocean-freight-section .ocean-freight {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-1-ocean-freight {
    padding: 5em 2em 2em 2em;
  }
  .section-1-ocean-freight .ocean-freight {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-ocean-freight .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-1-ocean-freight .desc-list {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-ocean-freight {
    background-color: var(--primary-color);
    padding: 5em 2em 5em 3em;
  }
  .section-2-ocean-freight .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-ocean-freight .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-ocean-freight .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 3em;
    width: 98%;
  }
  .section-2-ocean-freight .main-container .faq-container {
    font-size: 1em;
    width: 50%;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-ocean-freight .main-container .img-div {
    width: 40vw;
    height: 29.6vh;
  }
  .section-2-ocean-freight .main-container .img-div img {
    width: 40vw;
    height: 29.6vh;
    border-radius: 0.5em;
  }
  .section-3-ocean-freight {
    padding: 5em 2em 5em 2em;
  }
  .section-3-ocean-freight .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-ocean-freight .parent .require {
    width: 80%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-ocean-freight .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-ocean-freight .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .land-section {
    background: url(../images/shipping11.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh !important;
  }
  .land-section .land {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-1-land {
    padding: 5em 2em 2em 2em;
  }
  .section-1-land .land-tport {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-land .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-land {
    background-color: var(--primary-color);
    padding: 5em 2em 5em 3em;
  }
  .section-2-land .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-land .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-land .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 3em;
    width: 98%;
  }
  .section-2-land .main-container .faq-container {
    font-size: 1em;
    width: 50%;
  }
  .section-2-land .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-land .main-container .img-div {
    width: 40vw;
    height: 41vh;
  }
  .section-2-land .main-container .img-div img {
    width: 40vw;
    height: 41vh;
    border-radius: 0.5em;
  }
  .section-3-land {
    padding: 5em 2em 5em 2em;
  }
  .section-3-land .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-land .parent .require {
    width: 80%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-land .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .storage-section {
    background: url(../images/shipping17.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh !important;
  }
  .storage-section .storage {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 3.5em 0 0 0;
  }
  .section-1-storage {
    padding: 5em 2em 2em 2em;
  }
  .section-1-storage .storage {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-storage .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-storage {
    background-color: var(--primary-color);
    padding: 5em 2em 7em 2em;
  }
  .section-2-storage .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-storage .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-storage .img-container {
    width: 98%;
  }
  .section-2-storage .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 30vw;
    height: 25vh;
  }
  .section-2-storage .img-container .img-div img {
    width: 29vw;
    height: 27vh;
    border-radius: 0.5em;
  }
  .section-3-storage {
    padding: 5em 2em 5em 2em;
  }
  .section-3-storage .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-storage .parent .require {
    width: 80%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-storage .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .pet-section {
    background: url(../images/shipping22.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 60vh !important;
  }
  .pet-section .pet {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 3.5em 0 0 0;
  }
  .section-1-pet-transport {
    padding: 5em 2em 2em 2em;
  }
  .section-1-pet-transport .pet-transport {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-pet-transport .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-pet-transport {
    background-color: var(--primary-color);
    padding: 5em 2em 7em 3em;
  }
  .section-2-pet-transport .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-pet-transport .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-pet-transport .img-container {
    width: 98%;
  }
  .section-2-pet-transport .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 29vw;
    height: 25vh;
  }
  .section-2-pet-transport .img-container .img-div img {
    width: 29vw;
    height: 27vh;
    border-radius: 0.5em;
  }
  .section-3-pet-transport {
    padding: 5em 2em 5em 2em;
  }
  .section-3-pet-transport .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-pet-transport .parent .require {
    width: 80%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-pet-transport .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .separate-section {
    background: url(../images/shipping24.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 60vh !important;
  }
  .separate-section .separate {
    text-align: center;
    color: var(--tertiary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 3.5em 0 0 0;
  }
  .section-1-separate {
    padding: 5em 2em 2em 2em;
  }
  .section-1-separate .separate-delivery {
    font-size: 1.8em;
    padding-bottom: 0.7em;
  }
  .section-1-separate .desc {
    line-height: 1.7em;
    font-size: 1em;
    padding-bottom: 2em;
  }
  .section-2-separate {
    background-color: var(--primary-color);
    padding: 5em 2em 7em 3em;
  }
  .section-2-separate .heading-1 {
    text-align: center;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-separate .heading-2 {
    font-size: 2em;
    text-align: center;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-separate .img-container {
    width: 98%;
  }
  .section-2-separate .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    width: 29vw;
    height: 48vh;
  }
  .section-2-separate .img-container .img-div img {
    width: 29vw;
    height: 50vh;
    border-radius: 0.5em;
  }
  .section-3-separate {
    padding: 5em 2em 5em 2em;
  }
  .section-3-separate .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-separate .parent .require {
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-separate .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .tracking-section {
    background: black !important;
    height: 60vh !important;
  }
  .tracking-section .track {
    text-align: center;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .sec-track-1 {
    padding: 5em 1em 5em 1em;
  }
  .sec-track-1 .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    width: 100%;
    padding: 3em 1em 2em 1em;
  }
  .sec-track-1 .container .content {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    padding: 1em;
    width: 30vw;
    height: 40vh;
  }
  .sec-track-1 .container .content .download {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--tertiary-color);
    padding-bottom: 2em;
  }
  .sec-track-1 .container .content .link-div {
    width: 90%;
  }
  .sec-track-1 .container .content .link-div .link-li {
    list-style-type: none;
    padding-bottom: 1em;
  }
  .sec-track-1 .container .content .link-div .link-li .links {
    color: var(--white);
    text-decoration: none;
  }
  .sec-track-1 .container .content .link-div .link-li .links:hover {
    color: var(--secondary-color);
  }
  .sec-track-1 .container .content .desc-div {
    padding-bottom: 2em;
  }
  .sec-track-1 .container .content .desc-div .parcel {
    font-size: 1.2em;
    color: var(--tertiary-color);
    padding-bottom: 0.7em;
  }
  .sec-track-1 .container .content .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: black;
  }
  .sec-track-1 .container .track-id-div .searching {
    font-size: 1.2em;
    text-align: left;
    color: var(--tertiary-color);
    padding-bottom: 1.5em;
  }
  .sec-track-1 .container .track-id-div .input-div {
    width: 99%;
    border: 1px solid rgb(210, 93, 93);
    padding: 2em 0 2em 1em;
  }
  .sec-track-1 .container .track-id-div .input-div .input-desc {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 1em;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div {
    width: 98%;
    position: relative;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .tracking-box {
    border-radius: 0.5em;
    padding: 1.2em;
    width: 27em;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta {
    background-image: linear-gradient(to right, var(--tertiary-color), var(--primary-color));
    border-radius: 0.5em;
    text-decoration: none;
    font-weight: bold;
    padding: 0.9em 1.2em;
    color: var(--white);
    position: absolute;
    top: 0.2em;
    left: 17.2em;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta:hover {
    color: var(--secondary-color);
  }
  .sec-track-1 .container .track-id-div .shipment-desc {
    padding: 5em 0 1.2em 0;
    color: black;
    font-size: 1.5em;
  }
  .sec-track-1 .container .track-id-div .desc-list {
    font-size: 1em;
    line-height: 1.7em;
    color: rgb(109, 105, 105);
    padding: 0 2em 1em 0;
  }
  .faqs-section {
    background: url(https://neilpatel.com/wp-content/uploads/fly-images/144256/Get-Your-FAQs-Straight-Convert-Your-Curious-Customers-1200x675-c.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh !important;
  }
  .faqs-section .faq {
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-1-faq {
    margin: 10em 1.5em 5em 2em;
  }
  .section-1-faq .parent-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 3em;
  }
  .section-1-faq .parent-container .content .faq {
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.2em;
    margin: 0 0 1.5em 0;
  }
  .section-1-faq .parent-container .content .desc {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 2em;
  }
  .section-1-faq .parent-container .content .faqs-img {
    width: 90vw;
    height: 40vh;
  }
  .section-1-faq .parent-container .faq-container {
    font-size: 1em;
    width: 98%;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item {
    background-color: #f5eded;
    border: 1px rgb(61, 60, 60);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: rgb(105, 103, 103);
    padding: 1em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .contact-section {
    background: black !important;
    height: 60vh !important;
  }
  .contact-section .contact {
    text-align: center;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-2-cont {
    background-color: rgb(176, 171, 171);
    padding: 8em 1em 0 1em;
  }
  .section-2-cont .inquiries {
    text-align: center;
    font-size: 2.2em;
    color: black;
    padding-bottom: 2em;
  }
  .section-2-cont .section-div {
    margin: 0.2em 1em 6em 1em;
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    gap: 2em;
  }
  .section-2-cont .section-div .cont-div {
    text-align: left;
    padding: 0;
  }
  .section-2-cont .section-div .cont-div .cont-address {
    margin-bottom: 0.8em;
    text-align: left;
    color: var(--tertiary-color);
  }
  .section-2-cont .section-div .cont-div .cont-desc-2 {
    color: black;
    list-style-type: none;
    line-height: 1.5em;
    text-align: left;
  }
  .section-2-cont .section-div .cont-div .reach-us {
    list-style-type: none;
    text-decoration: none;
    color: black;
  }
  .section-2-cont .section-div .cont-div .reach-us:hover {
    color: var(--tertiary-color);
  }
  .section-2-cont form {
    width: 100%;
    font-size: 1.2em;
    padding: 2em 0 5em 0;
  }
  .section-2-cont form .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    padding-left: 1em !important;
  }
  .section-2-cont form .container .form-content {
    border-radius: 0.5em;
  }
  .section-2-cont form .container .form-content .form-block {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 2em;
    padding: 0 0 3em 0;
  }
  .section-2-cont form .container .form-content .form-block .form-name .form-label {
    color: black;
  }
  .section-2-cont form .container .form-content .form-block .form-name .text {
    background-color: var(--white);
    border: 0px solid black;
    color: black;
    padding: 1em 0 1em 1em;
    width: 44vw;
  }
  .section-2-cont form .container .form-content .check {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 0.7em;
    padding: 2em 0 4em 0;
  }
  .section-2-cont form .container .form-content .check .checkbox {
    width: 1.5em;
    height: 1.5em;
    border-radius: 15em;
    color: black;
  }
  .section-2-cont form .container .form-content .check .agree {
    color: black;
  }
  .section-2-cont form .container .form-content .btn-link {
    text-decoration: none;
    background-color: var(--primary-color);
    color: var(--tertiary-color);
    font-weight: bold;
    border-radius: 0.5em;
    padding: 0.8em 0.9em;
  }
  .section-2-cont form .container .form-content .btn-link:hover {
    background-color: var(--secondary-color);
    color: var(--white);
  }
  .section-2-cont form .container .form-content .msg-label {
    color: black;
  }
  .section-2-cont form .container .form-content .msg-label .text-area {
    padding: 1em 0 0 1em;
    width: 92vw;
    height: 20vh;
  }
}
@media only screen and (max-width: 450px) {
  .navbar {
    padding: 1em 0 0 1em;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 100%;
    height: 120vh !important;
    position: relative;
  }
  .navbar .container {
    width: 95%;
    height: 12vh;
  }
  .navbar .container .content {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    height: 6vh;
  }
  .navbar .container .content .logo {
    width: 85%;
    height: 9vh;
  }
  .navbar .container .content .logo img {
    width: 4em;
    height: 4em;
    color: black;
  }
  .navbar .container .content .mobile-menu {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    position: absolute;
    justify-content: flex-end;
    color: var(--secondary-color) !important;
    width: 1.5em;
    height: 1em;
    font-size: 3em;
    margin: 0;
    right: 0.2em;
    top: 0.1em;
  }
  .navbar .container .content .navigation {
    display: none;
    position: fixed;
    width: 90%;
    height: 150vh;
    z-index: 999;
    font-size: 1em;
    right: 0;
    top: 0;
    background-color: var(--tertiary-color);
  }
  .navbar .container .content .navigation .mobile-menu-exit {
    display: block;
    position: absolute;
    right: 2em;
    z-index: 1;
    width: 2em;
    height: 4em;
  }
  .navbar .container .content .navigation .primary-nav {
    display: block;
    list-style-type: none;
    text-align: left;
    line-height: 3em;
    padding: 5em 0 0 0 !important;
    top: 6em;
  }
  .navbar .container .content .navigation .primary-nav .link {
    padding-bottom: 1.5em;
  }
  .navbar .container .content .navigation .primary-nav .link .links {
    color: var(--white);
    text-decoration: none;
  }
  .navbar .container .content .navigation .primary-nav .link .links:hover {
    border-bottom: 2px solid var(--tertiary-color);
    font-weight: bold;
  }
  .navbar .container .content .navigation .primary-nav .link .fa-caret-down {
    color: var(--primary-color);
  }
  .navbar .container .content .navigation .secondary-nav {
    display: none;
  }
  .navbar .container .content .dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    background-color: var(--white);
    list-style-type: none;
    width: 18em;
    height: 80vh;
    margin: 0 !important;
  }
  .navbar .container .content .dropdown .dropdown-link {
    padding: 0.5em 1em 1em 0.3em !important;
    text-align: left;
  }
  .navbar .container .content .dropdown .dropdown-link .links {
    color: var(--tertiary-color) !important;
  }
  .navbar .container .content .dropdown .dropdown-link .links:hover {
    border-bottom: 2px solid var(--tertiary-color) !important;
  }
  .navbar .ad-div {
    padding: 10em 1em 0 0;
  }
  .navbar .ad-div .provide {
    max-width: 360px;
    color: var(--tertiary-color);
    text-align: left;
    font-weight: bold;
    font-size: 2.3em;
    padding-bottom: 1.5em;
  }
  .navbar .ad-div .input-track-div {
    width: 90%;
    height: 15vh;
    position: relative;
  }
  .navbar .ad-div .input-track-div .tracking-box {
    border-radius: 0.5em;
    padding: 1.5em;
    width: 25em;
    margin-left: 0 !important;
  }
  .navbar .ad-div .input-track-div .track-cta {
    background-image: linear-gradient(to right, var(--secondary-color), var(--primary-color));
    border-radius: 0.5em;
    text-decoration: none;
    font-weight: bold;
    padding: 0.9em 1.2em;
    color: var(--white);
    position: absolute;
    top: 5em;
    left: 5em;
  }
  .navbar .ad-div .input-track-div .track-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .navbar .ad-div .input-track-div .track-cta:hover {
    color: var(--tertiary-color);
  }
  .linkdrop {
    position: relative;
    list-style-type: none;
  }
  .linkdrop:hover .dropdown {
    display: block;
  }
  .menu-btn {
    display: block !important;
  }
  .mystyle {
    display: block !important;
  }
  .section-1 {
    padding: 0 1em 8em 3em;
    height: 75vh;
    width: 100%;
    padding: 0;
    position: absolute;
    top: 45em;
  }
  .section-1 .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 99%;
  }
  .section-1 .parent .sub-parent {
    background-color: var(--tertiary-color);
    width: 98% !important;
    text-align: center;
    animation-name: example;
    animation-duration: 10s;
    padding: 4em 1em 4em 1em;
  }
  .section-1 .parent .sub-parent .desc {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 1em;
  }
  .section-1 .parent .sub-parent .learn-cta {
    display: none;
    text-decoration: none;
    color: var(--white);
  }
  .section-1 .parent .sub-parent .learn-cta:hover {
    color: var(--secondary-color);
  }
  @keyframes example {
    0% {
      background-color: var(--primary-color);
    }
    25% {
      background-color: var(--secondary-color);
    }
    50% {
      background-color: var(--tertiary-color);
    }
    75% {
      background-color: var(--white);
    }
    100% {
      background-color: green;
    }
  }
  .section-2 {
    padding: 35em 1em 7em 1em;
  }
  .section-2 .sol {
    text-align: left;
    font-weight: bold;
    font-size: 2em;
    color: var(--primary-color);
    padding-bottom: 1.5em;
  }
  .section-2 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    width: 90%;
  }
  .section-2 .parent-div .sub-parent {
    width: 85%;
  }
  .section-2 .parent-div .sub-parent .img-div {
    width: 91vw;
    position: relative;
  }
  .section-2 .parent-div .sub-parent .img-div img {
    width: 90vw;
    height: 40vh;
  }
  .section-2 .parent-div .sub-parent .sol-cta {
    background-color: var(--tertiary-color);
    color: var(--white);
    text-decoration: none;
    font-weight: bold;
    padding: 0.8em 1.2em;
    position: absolute;
    z-index: 1;
    top: 18em;
  }
  .section-2 .parent-div .sub-parent .sol-cta:hover {
    background-color: var(--secondary-color);
    color: var(--white);
  }
  .section-3 {
    background-color: var(--primary-color);
    padding: 5em 1em 5em 1em;
  }
  .section-3 .shipping {
    text-align: left;
    font-weight: bold;
    font-size: 2.7em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-3 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    justify-content: flex-end;
    width: 100%;
  }
  .section-3 .parent-div .sub-parent .desc {
    font-size: 1.2em;
    line-height: 1.5em;
    color: var(--secondary-color);
    padding-bottom: 2em;
  }
  .section-3 .parent-div .sub-parent .icon-container .icon-desc-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div {
    padding-bottom: 2em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div .punctual {
    font-size: 1.2em;
    color: var(--white);
    padding-bottom: 0.7em;
  }
  .section-3 .parent-div .sub-parent .icon-container .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: var(--secondary-color);
  }
  .section-3 .parent-div .img-div {
    position: relative;
  }
  .section-3 .parent-div .img-div .warehouse-img {
    width: 92vw;
    height: 40vh;
  }
  .section-3 .parent-div .img-div .img-desc {
    display: none;
    background-color: var(--secondary-color);
    color: var(--white);
    line-height: 1.5em;
    position: absolute;
    top: 0.1em;
    width: 88vw;
    height: 20vh;
    padding: 1em;
  }
  .section-4 {
    padding: 5em 1em 8em 1em;
  }
  .section-4 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    width: 95%;
  }
  .section-4 .parent-div .img-div .warehouse-img {
    width: 92vw;
    height: 47vh;
    border-radius: 0.5em;
  }
  .section-4 .parent-div .sub-parent {
    max-width: 550px;
  }
  .section-4 .parent-div .sub-parent .desc {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-4 .parent-div .sub-parent .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    padding-bottom: 4em;
  }
  .section-4 .parent-div .sub-parent .parcel-cta {
    background-color: var(--primary-color);
    color: var(--white);
    font-weight: bold;
    padding: 0.8em 1.2em;
    text-decoration: none;
  }
  .section-4 .parent-div .sub-parent .parcel-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .section-4 .parent-div .sub-parent .parcel-cta:hover {
    background-color: var(--white);
    color: var(--tertiary-color);
  }
  .section-5 {
    background-color: var(--tertiary-color);
    padding: 5em 1em 5em 1em;
  }
  .section-5 .logistic {
    text-align: left;
    font-weight: bold;
    font-size: 2.2em;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  .section-5 .parent-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    width: 100%;
    background-color: var(--primary-color);
    padding: 3em 0 2em 1em;
  }
  .section-5 .parent-div .sub-parent .desc {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--white);
    padding-bottom: 2em;
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bxs-shopping-bags {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bx-male-female {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .icon-desc-div .bx-building-house {
    font-size: 4em;
    color: var(--tertiary-color);
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div {
    padding-bottom: 2em;
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div .parcel {
    font-size: 1.2em;
    color: var(--white);
    padding-bottom: 0.7em;
  }
  .section-5 .parent-div .sub-parent .icon-container .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: rgb(202, 192, 192);
  }
  .section-5 .parent-div form {
    width: 100%;
    font-size: 1.2em;
    padding: 2em 1em 5em 1em;
  }
  .section-5 .parent-div form .container {
    display: block;
    padding: 0 0 3em 0;
  }
  .section-5 .parent-div form .container .form-content {
    border-radius: 0.5em;
  }
  .section-5 .parent-div form .container .form-content .get-quote {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--secondary-color);
    padding-bottom: 1em;
  }
  .section-5 .parent-div form .container .form-content .form-block {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    padding: 0 0 1em 0;
  }
  .section-5 .parent-div form .container .form-content .form-block .form-name .text {
    background-color: var(--white);
    border: 0px solid var(--white);
    color: black;
    padding: 1em 0 1em 1em;
    width: 78vw;
  }
  .section-5 .parent-div form .container .form-content .btn-div {
    padding-top: 4em;
  }
  .section-5 .parent-div form .container .form-content .btn-div .btn-link {
    text-decoration: none;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
    padding: 0.5em 1.2em;
  }
  .section-5 .parent-div form .container .form-content .btn-div .btn-link:hover {
    background-color: var(--white);
    color: var(--tertiary-color);
  }
  .section-6 {
    padding: 5em 1em 5em 1em;
  }
  .section-6 .provide {
    font-size: 2em;
    font-weight: bold;
    color: var(--white);
    text-align: left;
    padding-bottom: 1em;
  }
  .section-6 .iframe-div .iframe-map {
    width: 90vw;
    height: 55vh;
  }
  .section-7 {
    padding: 5em 1em 5em 1em;
    background-color: var(--primary-color);
  }
  .section-7 .testimonials {
    font-weight: bold;
    font-size: 2em;
    color: var(--white);
    text-align: left;
    padding-bottom: 2em;
  }
  .section-7 .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    width: 99%;
  }
  .section-7 .container .content {
    width: 90vw;
    background-color: var(--white);
    border-radius: 0.7em;
    padding: 2em 1em 2em 1em;
  }
  .section-7 .container .content .fa-tick {
    font-size: 3em;
    color: var(--primary-color);
  }
  .section-7 .container .content .div-desc {
    color: var(--tertiary-color);
    font-size: 1em;
    line-height: 1.5em;
    padding-bottom: 1em;
  }
  .section-7 .container .content .identity {
    font-weight: bold;
    font-size: 1.2em;
    color: var(--primary-color);
    padding-bottom: 0.5em;
  }
  .section-7 .container .content .ceo {
    font-weight: bold;
    font-size: 0.8em;
    color: var(--secondary-color);
  }
  .section-8 {
    padding: 3em 0 3em 0 !important;
  }
  .section-8 .blog {
    font-weight: bold;
    font-size: 3em;
    color: var(--tertiary-color);
    padding: 2em 0 2em 0.3em !important;
  }
  .section-8 .blog-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--secondary-color);
    color: var(--white);
    width: 100%;
    height: 30vh;
    padding: 3.5em 0 2em 1em !important;
  }
  .section-8 .blog-div .managing {
    width: 95%;
    text-align: left;
    font-size: 1.2em;
    padding: 0 0 2em 0 !important;
  }
  .section-8 .blog-div .tracking-cta {
    background-color: var(--tertiary-color);
    color: var(--white);
    padding: 0.8em 1.5em;
    text-decoration: none;
    border-radius: 0.5em;
  }
  .section-8 .blog-div .tracking-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .section-8 .blog-div .tracking-cta:hover {
    background-color: var(--secondary-color);
  }
  footer {
    background-color: rgb(2, 2, 20);
    width: 100%;
    padding: 5em 1.5em 0 1.5em;
  }
  footer .display {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 3em;
    padding-bottom: 7em;
  }
  footer .display .footer-div {
    width: 80vw;
  }
  footer .display .footer-div .footer-logo {
    text-decoration: none;
    color: var(--secondary-color);
    font-size: 1.2em;
  }
  footer .display .footer-div .icon {
    padding: 3em 0 3em 0;
  }
  footer .display .footer-div .icon .icon-card {
    padding: 0;
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 1em;
    font-size: 1.4em;
  }
  footer .display .footer-div .icon .icon-card .card-list {
    list-style-type: none;
  }
  footer .display .footer-div .icon .icon-card .card-list .footer-brands {
    background-color: var(--white);
    color: var(--tertiary-color);
    border-radius: 0.2em;
    padding: 0.3em 0.3em 0.2em 0.3em;
  }
  footer .display .footer-div .icon .icon-card .card-list .footer-brands:hover {
    color: var(--primary-color);
  }
  footer .display .footer-div .email .email-link {
    text-decoration: none;
    font-size: 1em;
    color: var(--white);
  }
  footer .display .col-1-4-parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3em;
    width: 80%;
  }
  footer .display .col-1-4-parent .col-1 {
    display: block;
  }
  footer .display .col-1-4-parent .col-1 .col-1-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul {
    padding: 0;
    line-height: 2.5em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li {
    list-style-type: none;
    cursor: pointer;
    font-size: 0.9em;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li .col-li-links {
    color: rgb(172, 169, 169);
    -webkit-text-decoration: double;
            text-decoration: double;
  }
  footer .display .col-1-4-parent .col-1 .col-ul .col-li .col-li-links:hover {
    color: var(--secondary-color);
  }
  footer .display .col-1-4-parent .col-2 {
    display: block;
  }
  footer .display .col-1-4-parent .col-2 .col-2-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 1.5em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul {
    padding: 0;
    line-height: 2.5em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li {
    list-style-type: none;
    cursor: pointer;
    font-size: 0.9em;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li .col-2-li-links {
    color: rgb(172, 169, 169);
    text-decoration: none;
  }
  footer .display .col-1-4-parent .col-2 .col-2-ul .col-2-li .col-2-li-links:hover {
    color: var(--secondary-color);
  }
  footer .display .col-1-4-parent .col-3 {
    display: block;
  }
  footer .display .col-1-4-parent .col-3 .col-3-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-3 .col-3-p {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-3 .address {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 {
    display: block;
  }
  footer .display .col-1-4-parent .col-4 .col-4-h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--white);
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 .col-4-p {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding-bottom: 2em;
  }
  footer .display .col-1-4-parent .col-4 .footer-input {
    position: relative;
    width: 84vw;
    margin: 0 !important;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .text {
    background-color: var(--white);
    border: 0px solid var(--white);
    color: black;
    padding: 1em 0 1em 1em;
    width: 75vw;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .email-cta .fa-right-long {
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.6em;
    padding: 0.6em 1.5em;
    position: absolute;
    left: 16em;
  }
  footer .display .col-1-4-parent .col-4 .footer-input .email-cta .fa-right-long:hover {
    color: var(--secondary-color);
  }
  footer .display .col-1-4-parent .col-4 .address {
    color: rgb(172, 169, 169);
    font-size: 0.9em;
    padding: 2em 0 3em 0;
  }
  footer .copyright {
    text-align: left;
    font-size: 0.9em;
    color: var(--white);
    padding-bottom: 0.5em;
  }
  footer .copyright .copy {
    color: var(--primary-color);
  }
  .abt-section {
    background: url(https://www.impactplus.com/hs-fs/hubfs/blog-image-uploads/best-about-us-pages.jpg?length=1200&name=best-about-us-pages.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 58vh !important;
  }
  .abt-section .abt {
    text-align: center;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 2em 0 0 0;
  }
  .section-1-abt {
    padding: 5em 1em 2em 1em !important;
  }
  .section-1-abt .abt-desc {
    font-size: 1.5em;
    line-height: 2em;
    padding-bottom: 3em;
  }
  .section-1-abt .abt-desc span {
    color: grey;
    font-weight: bold;
  }
  .section-1-abt .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1em;
    width: 92vw;
    height: 30vh;
  }
  .section-1-abt .container .content {
    background-color: var(--tertiary-color);
    padding: 1em 1em 2em 1em !important;
    width: 92vw;
  }
  .section-1-abt .container .content .story {
    font-size: 1.5em;
    color: var(--primary-color);
    padding: 2em 0 1em 0;
  }
  .section-1-abt .container .content .description {
    line-height: 1.5em;
  }
  .section-2-abt {
    padding: 60em 1em 5em 1em;
  }
  .section-2-abt .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2em;
    width: 95vw;
  }
  .section-2-abt .parent .sub-parent {
    padding: 0 1em 0 0;
  }
  .section-2-abt .parent .sub-parent .choose {
    font-size: 2em;
    font-weight: bold;
    padding-top: 1.5em;
  }
  .section-2-abt .parent .sub-parent .desc {
    line-height: 2em;
    font-size: 1em;
    padding-bottom: 1em;
  }
  .section-2-abt .parent .img-div {
    width: 100%;
    height: 20vh;
  }
  .section-2-abt .parent .img-div .imgs {
    width: 93vw;
    height: 25vh;
  }
  .section-3-abt {
    background-color: rgb(236, 229, 229);
    padding: 1em 1em 9em 1em;
  }
  .section-3-abt .join {
    text-align: left;
    text-transform: capitalize;
    padding: 2em 0 1.5em 0;
  }
  .section-3-abt .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 2em;
  }
  .section-3-abt .parent .img-div {
    width: 100%;
    height: 41vh;
  }
  .section-3-abt .parent .img-div .imgs {
    width: 92vw;
    height: 40vh;
  }
  .section-3-abt .parent .sub-parent .desc {
    line-height: 2em;
    font-size: 1.2em;
    padding-bottom: 4em;
  }
  .section-3-abt .parent .sub-parent .desc span {
    color: var(--tertiary-color);
    font-weight: bold;
    font-size: 1.4em;
  }
  .section-3-abt .parent .sub-parent .cont-us {
    background-color: var(--tertiary-color);
    padding: 0.8em 1.5em;
    border-radius: 0.5em;
    text-decoration: none;
    color: var(--white);
  }
  .section-3-abt .parent .sub-parent .cont-us:hover {
    background-color: var(--primary-color);
  }
  .airfreight-section {
    background: url(../images/shipping7.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 50vh !important;
  }
  .airfreight-section .airfreight {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 1.5em 0 0 0;
  }
  .section-1-airfreight {
    padding: 5em 1em 2em 1em;
  }
  .section-1-airfreight .a-freight {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-airfreight .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-1-airfreight .desc-list {
    padding-bottom: 1em;
  }
  .section-2-airfreight {
    background-color: var(--primary-color);
    padding: 5em 1em 5em 1em;
  }
  .section-2-airfreight .heading-1 {
    text-align: left;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-airfreight .heading-2 {
    font-size: 2em;
    text-align: left;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-airfreight .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-flex-direction: column-reverse;
    --moz-flex-direction: column-reverse;
    --ms-flex-direction: column-reverse;
    --o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 2em;
    width: 98%;
  }
  .section-2-airfreight .main-container .faq-container {
    font-size: 1em;
    width: 100%;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-airfreight .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-airfreight .main-container .img-div {
    width: 93vw;
    height: 29.6vh;
  }
  .section-2-airfreight .main-container .img-div img {
    width: 93vw;
    height: 29.6vh;
    border-radius: 0.5em;
  }
  .section-3-airfreight {
    padding: 5em 1em 5em 1em;
  }
  .section-3-airfreight .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 99%;
  }
  .section-3-airfreight .parent .require {
    width: 65%;
    font-size: 2em;
    font-weight: bold;
    color: var(--primary-color);
  }
  .section-3-airfreight .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-airfreight .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .ocean-freight-section {
    background: url(../images/shipping15.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 50vh !important;
  }
  .ocean-freight-section .ocean-freight {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 1.5em 0 0 0;
  }
  .section-1-ocean-freight {
    padding: 5em 1em 2em 1em;
  }
  .section-1-ocean-freight .ocean-freight {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-ocean-freight .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-1-ocean-freight .desc-list {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-ocean-freight {
    background-color: var(--primary-color);
    padding: 5em 1em 5em 1em;
  }
  .section-2-ocean-freight .heading-1 {
    text-align: left;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-ocean-freight .heading-2 {
    font-size: 2em;
    text-align: left;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-ocean-freight .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-flex-direction: column-reverse;
    --moz-flex-direction: column-reverse;
    --ms-flex-direction: column-reverse;
    --o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 2em;
    width: 98%;
  }
  .section-2-ocean-freight .main-container .faq-container {
    font-size: 1em;
    width: 100%;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-ocean-freight .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-ocean-freight .main-container .img-div {
    width: 93vw;
    height: 29.6vh;
  }
  .section-2-ocean-freight .main-container .img-div img {
    width: 93vw;
    height: 29.6vh;
    border-radius: 0.5em;
  }
  .section-3-ocean-freight {
    padding: 5em 1em 5em 1em;
  }
  .section-3-ocean-freight .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-ocean-freight .parent .require {
    width: 65%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-ocean-freight .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .section-3-ocean-freight .parent .cont-us:hover {
    background-color: var(--secondary-color);
  }
  .land-section {
    background: url(../images/shipping11.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 50vh !important;
  }
  .land-section .land {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 1.5em 0 0 0;
  }
  .section-1-land {
    padding: 5em 1em 2em 1em;
  }
  .section-1-land .land-tport {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-land .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-land {
    background-color: var(--primary-color);
    padding: 5em 1em 5em 1em;
  }
  .section-2-land .heading-1 {
    text-align: left;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-land .heading-2 {
    font-size: 2em;
    text-align: left;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-land .main-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-flex-direction: column-reverse;
    --moz-flex-direction: column-reverse;
    --ms-flex-direction: column-reverse;
    --o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 2em;
    width: 98%;
  }
  .section-2-land .main-container .faq-container {
    font-size: 1em;
    width: 100%;
  }
  .section-2-land .main-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item {
    background-color: var(--tertiary-color);
    color: var(--white);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black);
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 1.5em;
    color: var(--white);
    padding: 1em;
  }
  .section-2-land .main-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .section-2-land .main-container .img-div {
    width: 93vw;
    height: 41vh;
  }
  .section-2-land .main-container .img-div img {
    width: 93vw;
    height: 41vh;
    border-radius: 0.5em;
  }
  .section-3-land {
    padding: 5em 1em 5em 1em;
  }
  .section-3-land .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-land .parent .require {
    width: 65%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-land .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .storage-section {
    background: url(../images/shipping17.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 50vh !important;
  }
  .storage-section .storage {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 1.5em 0 0 0;
  }
  .section-1-storage {
    padding: 5em 1em 2em 1em;
  }
  .section-1-storage .storage {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-storage .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-storage {
    background-color: var(--primary-color);
    padding: 5em 1em 7em 1em;
  }
  .section-2-storage .heading-1 {
    text-align: left;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-storage .heading-2 {
    font-size: 2em;
    text-align: left;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-storage .img-container {
    width: 98%;
  }
  .section-2-storage .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-flex-direction: column;
    --moz-flex-direction: column;
    --ms-flex-direction: column;
    --o-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    width: 93vw;
    height: 90vh;
  }
  .section-2-storage .img-container .img-div img {
    width: 93vw;
    height: 35vh;
    border-radius: 0.5em;
  }
  .section-3-storage {
    padding: 5em 1em 5em 1em;
  }
  .section-3-storage .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-storage .parent .require {
    width: 65%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-storage .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .pet-section {
    background: url(../images/shipping22.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 50vh !important;
  }
  .pet-section .pet {
    text-align: center;
    color: var(--primary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 1.5em 0 0 0;
  }
  .section-1-pet-transport {
    padding: 5em 1em 2em 1em;
  }
  .section-1-pet-transport .pet-transport {
    font-size: 2em;
    padding-bottom: 0.7em;
  }
  .section-1-pet-transport .desc {
    line-height: 1.7em;
    padding-bottom: 1em;
  }
  .section-2-pet-transport {
    background-color: var(--primary-color);
    padding: 5em 1em 7em 1em;
  }
  .section-2-pet-transport .heading-1 {
    text-align: left;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-pet-transport .heading-2 {
    font-size: 2em;
    text-align: left;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-pet-transport .img-container {
    width: 98%;
  }
  .section-2-pet-transport .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-flex-direction: column;
    --moz-flex-direction: column;
    --ms-flex-direction: column;
    --o-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    width: 93vw;
    height: 90vh;
  }
  .section-2-pet-transport .img-container .img-div img {
    width: 93vw;
    height: 35vh;
    border-radius: 0.5em;
  }
  .section-3-pet-transport {
    padding: 5em 1em 5em 1em;
  }
  .section-3-pet-transport .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-pet-transport .parent .require {
    width: 65%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-pet-transport .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .separate-section {
    background: url(../images/shipping24.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 50vh !important;
  }
  .separate-section .separate {
    text-align: center;
    color: var(--tertiary-color);
    font-size: 3em;
    font-weight: bold;
    padding: 1.5em 0 0 0;
  }
  .section-1-separate {
    padding: 5em 1em 2em 1em;
  }
  .section-1-separate .separate-delivery {
    font-size: 1.8em;
    padding-bottom: 0.7em;
  }
  .section-1-separate .desc {
    line-height: 1.7em;
    font-size: 1em;
    padding-bottom: 2em;
  }
  .section-2-separate {
    background-color: var(--primary-color);
    padding: 5em 2em 7em 3em;
  }
  .section-2-separate .heading-1 {
    text-align: left;
    color: rgb(198, 192, 192);
    font-size: 1em;
    padding-bottom: 1.2em;
  }
  .section-2-separate .heading-2 {
    font-size: 2em;
    text-align: left;
    color: var(--secondary-color);
    padding-bottom: 1.5em;
  }
  .section-2-separate .img-container {
    width: 98%;
  }
  .section-2-separate .img-container .img-div {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-flex-direction: column;
    --moz-flex-direction: column;
    --ms-flex-direction: column;
    --o-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    width: 93vw;
    height: 90vh;
  }
  .section-2-separate .img-container .img-div img {
    width: 93vw;
    height: 35vh;
    border-radius: 0.5em;
  }
  .section-3-separate {
    padding: 5em 1em 5em 1em;
  }
  .section-3-separate .parent {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    --webkit-justify-content: space-between;
    --ms-justify-content: space-between;
    --moz-justify-content: space-between;
    --o-justify-content: space-between;
    justify-content: space-between;
    --webkit-align-items: center;
    --ms-align-items: center;
    --moz-align-items: center;
    --o-align-items: center;
    align-items: center;
    width: 98%;
  }
  .section-3-separate .parent .require {
    width: 65%;
    font-size: 2em;
    font-weight: bold;
    color: rgb(210, 82, 82);
  }
  .section-3-separate .parent .cont-us {
    text-decoration: none;
    padding: 0.6em 1.2em;
    background-color: var(--tertiary-color);
    color: var(--white);
    border-radius: 0.5em;
  }
  .tracking-section {
    background: black !important;
    height: 58vh !important;
  }
  .tracking-section .track {
    text-align: center;
    color: var(--white);
    font-size: 2.7em;
    font-weight: bold;
    padding: 2em 0 0 0;
  }
  .sec-track-1 {
    padding: 5em 1em 5em 1em;
  }
  .sec-track-1 .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    width: 100%;
    padding: 0;
  }
  .sec-track-1 .container .content {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    padding: 1em;
    width: 92vw;
    height: 43vh;
  }
  .sec-track-1 .container .content .download {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    color: var(--tertiary-color);
    padding: 1em 0 1em 0;
  }
  .sec-track-1 .container .content .link-div {
    width: 90%;
  }
  .sec-track-1 .container .content .link-div .link-li {
    list-style-type: none;
    padding-bottom: 1em;
  }
  .sec-track-1 .container .content .link-div .link-li .links {
    color: var(--white);
    text-decoration: none;
  }
  .sec-track-1 .container .content .link-div .link-li .links:hover {
    color: var(--secondary-color);
  }
  .sec-track-1 .container .content .desc-div {
    padding-bottom: 2em;
  }
  .sec-track-1 .container .content .desc-div .parcel {
    font-size: 1.2em;
    color: var(--tertiary-color);
    padding-bottom: 0.7em;
  }
  .sec-track-1 .container .content .desc-div .sub-desc {
    font-size: 1em;
    line-height: 1.7em;
    color: black;
  }
  .sec-track-1 .container .track-id-div .searching {
    font-size: 1.2em;
    text-align: left;
    color: var(--tertiary-color);
    padding-bottom: 1.5em;
  }
  .sec-track-1 .container .track-id-div .input-div {
    border: 1px solid black;
    padding: 2em 0 2em 1em;
  }
  .sec-track-1 .container .track-id-div .input-div .input-desc {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 1em;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div {
    width: 90%;
    height: 14vh;
    position: relative;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .tracking-box {
    border-radius: 0.5em;
    padding: 1.2em;
    width: 77vw;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta {
    background-image: linear-gradient(to right, var(--tertiary-color), var(--primary-color));
    border-radius: 0.5em;
    text-decoration: none;
    font-weight: bold;
    padding: 0.9em 1.2em;
    color: var(--white);
    position: absolute;
    top: 4em;
    left: 0;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta .bx-right-arrow-alt {
    font-weight: bold;
  }
  .sec-track-1 .container .track-id-div .input-div .track-cta-div .track-cta:hover {
    color: var(--secondary-color);
  }
  .sec-track-1 .container .track-id-div .shipment-desc {
    padding: 5em 0 1.2em 0;
    color: black;
    font-size: 1.5em;
  }
  .sec-track-1 .container .track-id-div .desc-list {
    font-size: 1em;
    line-height: 1.7em;
    color: rgb(109, 105, 105);
    padding: 0 2em 1em 0;
  }
  .faqs-section {
    background: url(https://neilpatel.com/wp-content/uploads/fly-images/144256/Get-Your-FAQs-Straight-Convert-Your-Curious-Customers-1200x675-c.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 58vh !important;
  }
  .faqs-section .faq {
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    font-size: 3em;
    font-weight: bold;
    padding: 2em 0 0 0;
  }
  .section-1-faq {
    margin: 5em 1em 5em 1em;
  }
  .section-1-faq .parent-container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 3em;
  }
  .section-1-faq .parent-container .content .faq {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5em;
    margin: 0 0 1.5em 0;
  }
  .section-1-faq .parent-container .content .desc {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 2em;
  }
  .section-1-faq .parent-container .content .faqs-img {
    width: 90vw;
    height: 40vh;
  }
  .section-1-faq .parent-container .faq-container {
    font-size: 1em;
    width: 98%;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container {
    border: 1px solid rgb(233, 224, 224);
    margin-bottom: 0.7em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item {
    background-color: #f5eded;
    border: 1px rgb(61, 60, 60);
    position: relative;
    line-height: 1.5em;
    padding: 0.8em 0.5em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item .faq-button {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 37px;
    cursor: pointer;
    border: 1px;
    font-size: 1.5em;
    height: 100%;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-item .faq-content {
    max-width: 650px;
    font-size: 1em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-button-ans {
    display: none;
    line-height: 2em;
    color: rgb(105, 103, 103);
    padding: 1em;
  }
  .section-1-faq .parent-container .faq-container .faq-sub-container .faq-button-ans.active {
    display: block;
  }
  .contact-section {
    background: black;
    height: 58vh !important;
  }
  .contact-section .contact {
    text-align: center;
    color: var(--white);
    font-size: 2.5em;
    font-weight: bold;
    padding: 3em 0 0 0;
  }
  .section-2-cont {
    background-color: rgb(176, 171, 171);
    padding: 5em 1em 0 0.5em;
  }
  .section-2-cont .inquiries {
    text-align: left;
    font-size: 2.2em;
    color: black;
    padding-bottom: 2em;
  }
  .section-2-cont .section-div {
    margin: 0.2em 1em 6em 1em;
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    gap: 2em;
  }
  .section-2-cont .section-div .cont-div {
    text-align: left;
    padding: 0;
  }
  .section-2-cont .section-div .cont-div .cont-address {
    margin-bottom: 0.8em;
    text-align: left;
    color: var(--tertiary-color);
  }
  .section-2-cont .section-div .cont-div .cont-desc-2 {
    color: black;
    list-style-type: none;
    line-height: 1.5em;
    text-align: left;
  }
  .section-2-cont .section-div .cont-div .reach-us {
    list-style-type: none;
    text-decoration: none;
    color: black;
  }
  .section-2-cont .section-div .cont-div .reach-us:hover {
    color: var(--tertiary-color);
  }
  .section-2-cont form {
    width: 100%;
    font-size: 1.2em;
    padding: 1em 0 5em 0;
  }
  .section-2-cont form .container {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    padding-left: 1em !important;
  }
  .section-2-cont form .container .form-content {
    border-radius: 0.5em;
  }
  .section-2-cont form .container .form-content .form-block {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    padding: 0 0 3em 0;
  }
  .section-2-cont form .container .form-content .form-block .form-name .form-label {
    color: black;
  }
  .section-2-cont form .container .form-content .form-block .form-name .text {
    background-color: var(--white);
    border: 0px solid black;
    color: black;
    padding: 1em 0 1em 1em;
    width: 84vw;
  }
  .section-2-cont form .container .form-content .check {
    display: -moz-flexbox;
    display: -o-flexbox;
    display: flex;
    gap: 0.7em;
    padding: 2em 0 4em 0;
  }
  .section-2-cont form .container .form-content .check .checkbox {
    width: 1.5em;
    height: 1.5em;
    border-radius: 15em;
    color: black;
  }
  .section-2-cont form .container .form-content .check .agree {
    color: black;
  }
  .section-2-cont form .container .form-content .btn-link {
    text-decoration: none;
    background-color: var(--primary-color);
    color: var(--tertiary-color);
    border-radius: 0.5em;
    padding: 0.8em 0.9em;
  }
  .section-2-cont form .container .form-content .btn-link:hover {
    background-color: var(--secondary-color);
  }
  .section-2-cont form .container .form-content .msg-label {
    color: black;
  }
  .section-2-cont form .container .form-content .msg-label .text-area {
    padding: 1em 0 0 1em;
    width: 85vw;
    height: 20vh;
  }
}/*# sourceMappingURL=styles.css.map */