.elementor-8888 .elementor-element.elementor-element-9a92df1{--display:flex;--min-height:520px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.45;--padding-top:100px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-8888 .elementor-element.elementor-element-9a92df1:not(.elementor-motion-effects-element-type-background), .elementor-8888 .elementor-element.elementor-element-9a92df1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://voltfreight.com/wp-content/uploads/2026/05/VoltFreight-Global-Freight-Route-Banner-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8888 .elementor-element.elementor-element-9a92df1::before, .elementor-8888 .elementor-element.elementor-element-9a92df1 > .elementor-background-video-container::before, .elementor-8888 .elementor-element.elementor-element-9a92df1 > .e-con-inner > .elementor-background-video-container::before, .elementor-8888 .elementor-element.elementor-element-9a92df1 > .elementor-background-slideshow::before, .elementor-8888 .elementor-element.elementor-element-9a92df1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8888 .elementor-element.elementor-element-9a92df1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#061F3D;--background-overlay:'';}.elementor-8888 .elementor-element.elementor-element-1500636 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8888 .elementor-element.elementor-element-1500636 .elementor-heading-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#7DE3FF;}.elementor-8888 .elementor-element.elementor-element-707a261 .elementor-heading-title{font-size:52px;font-weight:900;text-transform:capitalize;line-height:1.08px;color:#FFFFFF;}.elementor-8888 .elementor-element.elementor-element-3dce884{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-8888 .elementor-element.elementor-element-3dce884:not(.elementor-motion-effects-element-type-background), .elementor-8888 .elementor-element.elementor-element-3dce884 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F8FE;}.elementor-8888 .elementor-element.elementor-element-ccd8e0e > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-8888 .elementor-element.elementor-element-ccd8e0e .woocommerce-breadcrumb{color:#6B7C8F;font-family:"Inter", Mulish;font-size:13px;font-weight:400;line-height:12px;text-align:left;}.elementor-8888 .elementor-element.elementor-element-ccd8e0e .woocommerce-breadcrumb > a{color:#0A86E8;}.elementor-8888 .elementor-element.elementor-element-5adc1b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8888 .elementor-element.elementor-element-641d89e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8888 .elementor-element.elementor-element-18ae59e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8888 .elementor-element.elementor-element-173a313 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-8888 .elementor-element.elementor-element-7fdf6d2 .woocommerce-product-details__short-description{color:#5F7185;font-size:17px;}.elementor-8888 .elementor-element.elementor-element-dd2a1ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8888 .elementor-element.elementor-element-dd2a1ba:not(.elementor-motion-effects-element-type-background), .elementor-8888 .elementor-element.elementor-element-dd2a1ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8888 .elementor-element.elementor-element-c6488a1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8888 .elementor-element.elementor-element-d79f257{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8888 .elementor-element.elementor-element-d79f257:not(.elementor-motion-effects-element-type-background), .elementor-8888 .elementor-element.elementor-element-d79f257 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8888 .elementor-element.elementor-element-12dda62{width:100%;max-width:100%;}.elementor-8888 .elementor-element.elementor-element-cef3484{--grid-columns:4;}.elementor-8888 .elementor-element.elementor-element-cef3484 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-8888 .elementor-element.elementor-element-cef3484 .e-loop-item > .elementor-section, .elementor-8888 .elementor-element.elementor-element-cef3484 .e-loop-item > .elementor-section > .elementor-container, .elementor-8888 .elementor-element.elementor-element-cef3484 .e-loop-item > .e-con, .elementor-8888 .elementor-element.elementor-element-cef3484 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-8888 .elementor-element.elementor-element-cef3484{--grid-columns:2;}}@media(min-width:768px){.elementor-8888 .elementor-element.elementor-element-3dce884{--content-width:1180px;}.elementor-8888 .elementor-element.elementor-element-5adc1b8{--content-width:1240px;}.elementor-8888 .elementor-element.elementor-element-641d89e{--width:45%;}.elementor-8888 .elementor-element.elementor-element-18ae59e{--width:55%;}.elementor-8888 .elementor-element.elementor-element-dd2a1ba{--content-width:1120px;}.elementor-8888 .elementor-element.elementor-element-d79f257{--content-width:1180px;}}@media(max-width:767px){.elementor-8888 .elementor-element.elementor-element-ccd8e0e > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-8888 .elementor-element.elementor-element-ccd8e0e .woocommerce-breadcrumb{font-size:10px;}.elementor-8888 .elementor-element.elementor-element-c6488a1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8888 .elementor-element.elementor-element-1830db8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8888 .elementor-element.elementor-element-cef3484{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-cef3484 *//* =========================================================
   VOLTFREIGHT ROUTE LOOP GRID
   Add to: Loop Grid → Advanced → Custom CSS

   Required CSS Classes:
   vf-route-grid
   vf-route-card
   vf-route-card__image
   vf-route-card__content
   vf-route-card__title
   vf-route-card__button
========================================================= */


/* =========================================================
   1. LOOP GRID
========================================================= */

.elementor-8888 .elementor-element.elementor-element-cef3484 {
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .elementor-loop-container {
  align-items: stretch;
  margin: 0;
  padding: 0;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .e-loop-item {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
}


/* =========================================================
   2. ROUTE CARD
========================================================= */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card {
  /* Elementor container variables */
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --gap: 0px;

  position: relative;

  display: flex;
  flex-direction: column;
  align-items: stretch;

  width: 100%;
  height: 100%;
  min-height: 100%;

  margin: 0;
  padding: 0;
  gap: 0;

  overflow: hidden;

  /* Blue accent is the actual top border */
  border-top: 4px solid #08acf2;
  border-right: 1px solid #d7e5f1;
  border-bottom: 1px solid #d7e5f1;
  border-left: 1px solid #d7e5f1;
  border-radius: 18px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 74%,
      #f7fbfe 100%
    );

  box-shadow:
    0 10px 28px rgba(7, 43, 82, 0.07),
    0 2px 7px rgba(7, 43, 82, 0.035);

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}


/* Remove spacing if Elementor creates an inner container */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card > .e-con-inner {
  display: flex;
  flex: 1;
  flex-direction: column;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;
  gap: 0;
}


/* Card hover */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card:hover {
  transform: translateY(-5px);

  border-top-color: #08acf2;
  border-right-color: rgba(8, 172, 242, 0.55);
  border-bottom-color: rgba(8, 172, 242, 0.55);
  border-left-color: rgba(8, 172, 242, 0.55);

  box-shadow:
    0 18px 38px rgba(7, 43, 82, 0.12),
    0 4px 10px rgba(7, 43, 82, 0.06);
}


/* =========================================================
   3. FEATURED IMAGE
========================================================= */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__image {
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;

  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;
  line-height: 0;
}


/* Remove spacing from Elementor image wrappers */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__image > .elementor-widget-container,
.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__image .elementor-widget-container,
.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__image a {
  display: block;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;
  line-height: 0;
}


/* Image */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__image img {
  display: block;

  width: 100%;
  max-width: 100%;
  height: auto;

  margin: 0 !important;
  padding: 0 !important;

  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;

  border: 0;
  border-radius: 0 !important;

  transition: transform 0.35s ease;
}


/* Image hover */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card:hover .vf-route-card__image img {
  transform: scale(1.035);
}


/* =========================================================
   4. CONTENT AREA
========================================================= */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__content {
  --padding-top: 18px;
  --padding-right: 18px;
  --padding-bottom: 20px;
  --padding-left: 18px;
  --gap: 18px;

  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;

  width: 100%;

  margin: 0;
  padding: 18px 18px 20px;
  gap: 18px;
}


/* Remove possible inner-container spacing */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__content > .e-con-inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;

  width: 100%;

  margin: 0;
  padding: 0;
  gap: 18px;
}


/* =========================================================
   5. POST TITLE
========================================================= */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__title {
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__title .elementor-widget-container {
  margin: 0;
  padding: 0;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__title .elementor-heading-title {
  min-height: 3.1em;

  margin: 0;
  padding: 0;

  color: #071f3b;

  font-size: 19px;
  font-weight: 800;
  line-height: 1.3;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__title a {
  color: inherit;
  text-decoration: none;

  transition: color 0.2s ease;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__title a:hover {
  color: #079fe9;
}


/* =========================================================
   6. VIEW ROUTE BUTTON
========================================================= */

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__button {
  width: 100%;

  margin: auto 0 0 !important;
  padding: 0 !important;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__button .elementor-widget-container {
  display: flex;
  justify-content: flex-start;

  width: 100%;

  margin: 0;
  padding: 0;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__button .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 145px;
  min-height: 46px;

  padding: 13px 23px;

  border: 0;
  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      #27b9f3 0%,
      #079ff1 100%
    );

  color: #ffffff;

  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;

  box-shadow:
    0 10px 22px rgba(8, 172, 242, 0.22);

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease;
}

.elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__button .elementor-button:hover {
  transform: translateY(-2px);

  background:
    linear-gradient(
      135deg,
      #079fe9 0%,
      #078bd7 100%
    );

  box-shadow:
    0 14px 28px rgba(8, 172, 242, 0.3);
}


/* =========================================================
   7. TABLET
========================================================= */

@media (max-width: 1024px) {

  .elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__content {
    --padding-top: 17px;
    --padding-right: 17px;
    --padding-bottom: 18px;
    --padding-left: 17px;

    padding: 17px 17px 18px;
  }

  .elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__title .elementor-heading-title {
    font-size: 18px;
  }

}


/* =========================================================
   8. MOBILE
========================================================= */

@media (max-width: 767px) {

  .elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card {
    max-width: 430px;

    margin-right: auto;
    margin-left: auto;
  }

  .elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__content {
    --padding-top: 18px;
    --padding-right: 18px;
    --padding-bottom: 18px;
    --padding-left: 18px;

    padding: 18px;
  }

  .elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__title .elementor-heading-title {
    min-height: auto;

    font-size: 18px;
  }

  .elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card__button .elementor-button {
    min-height: 44px;

    font-size: 13px;
  }

}


/* =========================================================
   9. TOUCH DEVICES
========================================================= */

@media (hover: none) {

  .elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card:hover {
    transform: none;
  }

  .elementor-8888 .elementor-element.elementor-element-cef3484 .vf-route-card:hover .vf-route-card__image img {
    transform: none;
  }

}/* End custom CSS */