.elementor-9830 .elementor-element.elementor-element-56e6ce2{--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:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:12px 12px 12px 12px;--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-9830 .elementor-element.elementor-element-56e6ce2:not(.elementor-motion-effects-element-type-background), .elementor-9830 .elementor-element.elementor-element-56e6ce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9830 .elementor-element.elementor-element-966992c{text-align:center;}.elementor-9830 .elementor-element.elementor-element-966992c img{width:100%;max-width:100%;height:220px;object-fit:cover;object-position:center center;}.elementor-9830 .elementor-element.elementor-element-75fc79e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9830 .elementor-element.elementor-element-75fc79e{text-align:left;}.elementor-9830 .elementor-element.elementor-element-75fc79e .elementor-heading-title{font-family:"Inter", Mulish;font-size:20px;font-weight:700;}.elementor-9830 .elementor-element.elementor-element-9912905 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9830 .elementor-element.elementor-element-9912905 .elementor-button{font-family:"Inter", Mulish;font-size:14px;font-weight:700;border-radius:30px 30px 30px 30px;padding:12px 18px 12px 18px;}/* Start custom CSS for container, class: .elementor-element-56e6ce2 *//* =========================================================
   VOLTFREIGHT COUNTRY ROUTE CARD
   Visual sizing controlled by Elementor
========================================================= */


/* 1. CARD APPEARANCE */

.elementor-9830 .elementor-element.elementor-element-56e6ce2 {
  --card-radius: 18px;

  position: relative;
  margin: 0;
  padding: 0;

  overflow: hidden;

  border: 1px solid #d7e5f1;
  border-radius: var(--card-radius);

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 72%,
      #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;
}


/* Blue accent line */

.elementor-9830 .elementor-element.elementor-element-56e6ce2::before {
  content: "";

  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;

  width: 100%;
  height: 4px;

  background:
    linear-gradient(
      90deg,
      #1bbcff 0%,
      #0a86e8 58%,
      #075daf 100%
    );

  opacity: 0;
  transform: scaleX(0.35);
  transform-origin: left center;

  transition:
    opacity 0.24s ease,
    transform 0.24s ease;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2:hover {
  transform: translateY(-6px);

  border-color: rgba(10, 134, 232, 0.38);

  box-shadow:
    0 22px 48px rgba(7, 62, 116, 0.14),
    0 5px 14px rgba(7, 43, 82, 0.06);
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2:hover::before {
  opacity: 1;
  transform: scaleX(1);
}


/* 2. FEATURED IMAGE APPEARANCE */

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-image {
  position: relative;

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

  overflow: hidden;

  background: #eaf2f8;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-image .elementor-widget-container,
.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-image a {
  display: block;

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

  overflow: hidden;

  text-decoration: none;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-image img {
  display: block;

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

  object-fit: cover;
  object-position: center center;

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

  transition:
    transform 0.42s ease,
    filter 0.42s ease;
}


/* Image overlay */

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-image::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(4, 34, 66, 0) 58%,
      rgba(4, 34, 66, 0.09) 100%
    );
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2:hover .vf-route-card-image img {
  transform: scale(1.045);
  filter: saturate(1.04) contrast(1.02);
}


/* 3. PRODUCT TITLE */

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title {
  margin: 0 !important;
  padding: 18px 18px 0 !important;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title .elementor-heading-title {
  display: -webkit-box;

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

  overflow: hidden;

  color: #092744 !important;

  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.34 !important;
  letter-spacing: -0.022em !important;

  text-align: left !important;
  text-transform: none !important;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title .elementor-heading-title a {
  color: inherit !important;

  font-weight: inherit !important;
  text-decoration: none !important;

  transition: color 0.2s ease;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title .elementor-heading-title a:hover {
  color: #0a86e8 !important;
}


/* 4. BUTTON AREA */

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button {
  margin: 0 !important;
  padding: 16px 18px 20px !important;

  text-align: left !important;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-button {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 20px !important;

  overflow: hidden;

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

  color: #062344 !important;

  background:
    linear-gradient(
      135deg,
      #38c8fc 0%,
      #20b5f1 55%,
      #0fa4e4 100%
    ) !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0.025em !important;

  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  box-shadow:
    0 8px 20px rgba(18, 166, 229, 0.20);

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


/* Button shine */

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-button::after {
  content: "";

  position: absolute;
  top: 0;
  left: -80%;

  width: 55%;
  height: 100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.42),
      transparent
    );

  transform: skewX(-20deg);

  transition: left 0.45s ease;
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-button:hover {
  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      #0a86e8 0%,
      #0874ca 100%
    ) !important;

  transform: translateY(-2px);

  box-shadow:
    0 12px 27px rgba(10, 134, 232, 0.30);
}

.elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-button:hover::after {
  left: 135%;
}


/* 5. TABLET STYLE */

@media (max-width: 1024px) {

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 {
    --card-radius: 17px;
  }

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title {
    padding: 17px 17px 0 !important;
  }

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title .elementor-heading-title {
    font-size: 18.5px !important;
  }

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button {
    padding: 16px 17px 19px !important;
  }
}


/* 6. MOBILE STYLE */

@media (max-width: 767px) {

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 {
    --card-radius: 16px;
  }

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title {
    padding: 17px 16px 0 !important;
  }

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-title .elementor-heading-title {
    font-size: 20px !important;
    line-height: 1.34 !important;

    -webkit-line-clamp: 3;
  }

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button {
    padding: 17px 16px 20px !important;
  }

  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-button {
    padding: 13px 20px !important;
  }
}


/* 7. REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

  .elementor-9830 .elementor-element.elementor-element-56e6ce2,
  .elementor-9830 .elementor-element.elementor-element-56e6ce2::before,
  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-image img,
  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-button,
  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-button::after {
    transition: none !important;
  }

  .elementor-9830 .elementor-element.elementor-element-56e6ce2:hover,
  .elementor-9830 .elementor-element.elementor-element-56e6ce2:hover .vf-route-card-image img,
  .elementor-9830 .elementor-element.elementor-element-56e6ce2 .vf-route-card-button .elementor-button:hover {
    transform: none !important;
  }
}/* End custom CSS */