/* Page-only Elementor parity for /en/logistics/vietnam-to-us-ca-au/. */
body:has(.page-shipping-routes) #breadcrumbSection {
  display: none !important;
}

@media (max-width: 767px) {
  body:has(.page-shipping-routes) #speego-track-fab {
    display: none !important;
  }
}

body:has(.page-shipping-routes) .speego-nav-item.speego-nav-has-sub.active > .speego-nav-link {
  color: #04243d !important;
}

body:has(.page-shipping-routes) .speego-nav-item.speego-nav-has-sub.active > .speego-nav-link::after {
  content: none !important;
  display: none !important;
}

.page-shipping-routes #routeHeroTitle.hero-h1-clean > .hero-h1-line {
  display: block !important;
}

.page-shipping-routes .hero-tag-bar {
  margin-bottom: 28px !important;
}

.page-shipping-routes #routeHeroTitle.elementor-widget-text-editor {
  margin: 0 !important;
}

.page-shipping-routes h1#routeHeroTitle.hero-h1-clean {
  line-height: 1.08 !important;
  margin: 0.8em 0 28px !important;
}

.page-shipping-routes #routeHeroDesc,
.page-shipping-routes p#routeHeroDesc {
  font-size: 16px !important;
  line-height: 1.68 !important;
}

.page-shipping-routes .hero-actions-row > .elementor-widget.btn-orange {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  height: auto !important;
  max-width: fit-content !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: max-content !important;
}

.page-shipping-routes .hero-actions-row a.btn-orange {
  line-height: 1.6 !important;
}

#contact-form .btn-submit {
  max-width: none !important;
  width: 100% !important;
  height: 48px !important;
  line-height: normal !important;
}

#contact-form .cta-band-left .section-tag {
  color: #dd6846 !important;
  margin-bottom: 8px !important;
}

#contact-form .cta-band-desc {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

#contact-form .consult-form {
  gap: 14px !important;
}

#contact-form #band_message {
  height: 80px !important;
  max-height: 80px !important;
  min-height: 80px !important;
}

#contact-form .form-security-note {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

#contact-form .cta-band-left > .elementor-widget.section-title {
  margin-bottom: 0 !important;
}

#contact-form .cta-band-left h2.section-title {
  margin-bottom: 30px !important;
}

@media (max-width: 767px) {
  .page-shipping-routes #routeHeroTitle.hero-h1-clean > .hero-h1-line {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-shipping-routes .ff-ticker-orange-inner {
    animation: none !important;
  }
}

/* Restore the reference page's section flow inside Elementor's flex wrapper. */
.page-container.page-shipping-routes {
  row-gap: 0 !important;
}

body.is-header-scrolled .page-container.page-shipping-routes::before {
  content: "";
  display: block;
  flex: 0 0 36px;
  height: 36px;
  position: static !important;
  width: 100% !important;
}

/* Match the section heading scale while leaving the large CTA title alone. */
.page-shipping-routes .section-header {
  margin-bottom: 0 !important;
}

.page-shipping-routes .section-header h2.section-title {
  font-size: 32px !important;
  line-height: 1.25 !important;
  margin: 0 0 30px !important;
}

.page-shipping-routes .dest-cards-grid {
  margin-top: 32px !important;
  padding: 0 !important;
}

.page-shipping-routes .models-3col-grid,
.page-shipping-routes .process-8steps-grid {
  margin-top: 32px !important;
}

.page-shipping-routes .ie-why-grid {
  gap: 24px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-top: 32px !important;
}

.page-shipping-routes .ie-service-card {
  display: block !important;
  padding: 28px 26px !important;
}

body:has(.page-shipping-routes) .page-shipping-routes .ie-why-section .ie-why-grid .ie-badge-box {
  max-height: 56px !important;
  max-width: 56px !important;
  min-height: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
  width: 56px !important;
  border-radius: 14px !important;
  font-size: 20px !important;
  line-height: 32px !important;
  margin-bottom: 20px !important;
}

body:has(.page-shipping-routes) .page-shipping-routes .ie-why-section .ie-why-grid .ie-card-h3 {
  font-size: 17.92px !important;
  line-height: 1.35 !important;
  margin: 21.504px 0 10px !important;
}

body:has(.page-shipping-routes) .page-shipping-routes .ie-why-section .ie-why-grid .ie-card-body {
  font-size: 16px !important;
  line-height: 1.62 !important;
  margin-bottom: 17.6px !important;
}

body:has(.page-shipping-routes) .page-shipping-routes .ie-why-grid > .ie-service-card:nth-child(-n + 4) {
  min-height: 336px !important;
}

body:has(.page-shipping-routes) .page-shipping-routes .ie-why-grid > .ie-service-card:nth-child(5) {
  min-height: 311px !important;
}

.page-shipping-routes .route-rate-section .ff-section-sub {
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 8px 0 17.6px !important;
}

.page-shipping-routes .rate-table-footnote {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .page-shipping-routes .rate-table-row {
    box-sizing: border-box !important;
    height: 71.333px !important;
    min-height: 71.333px !important;
  }

  #contact-form.cta-form-band-section {
    padding: 34px 0 !important;
  }

  #contact-form .consult-card-white {
    padding: 32px 36px !important;
  }

  .page-shipping-routes .testimonials-2col-grid {
    gap: 24px !important;
    margin-top: 30px !important;
  }

  .page-shipping-routes .testimonial-card-sourcing {
    display: block !important;
    padding: 32px 28px !important;
  }

  .page-shipping-routes .testimonial-card-sourcing .ff-quote-mark {
    display: block !important;
    margin-bottom: 14px !important;
  }

  .page-shipping-routes .testimonial-card-sourcing .ff-quote-text {
    font-size: 16.8px !important;
    line-height: 1.55 !important;
    padding: 6.72px 0 !important;
  }

  .page-shipping-routes .testimonial-card-sourcing .ff-author-info {
    display: block !important;
    padding: 0 !important;
  }
}

@media (min-width: 1025px) {
  #contact-form .cta-band-left {
    flex: 0.95 1 0 !important;
    margin-left: 56px !important;
    max-width: 518.05px !important;
    min-width: 0 !important;
  }

  #contact-form .cta-band-right {
    flex: 1.1 1 0 !important;
    max-width: 585.95px !important;
    min-width: 0 !important;
  }
}

body:has(.page-shipping-routes) .page-shipping-routes .ff-testimonial-section .ff-section-header {
  margin-bottom: 40px !important;
}

body:has(.page-shipping-routes) .page-shipping-routes .ff-testimonial-section .ff-section-header .ff-section-title {
  font-size: 34px !important;
  line-height: 42.5px !important;
  margin: 0 0 17px !important;
}

@media (min-width: 768px) {
  body:has(.page-shipping-routes) .page-shipping-routes .ff-faq-section {
    padding-bottom: 33px !important;
  }

  body:has(.page-shipping-routes) .page-shipping-routes .ff-testimonial-section {
    padding-bottom: 67px !important;
  }
}

@media (max-width: 1024px) {
  .page-shipping-routes .dest-cards-grid,
  .page-shipping-routes .ie-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .page-shipping-routes .section-header h2.section-title {
    font-size: 26px !important;
    line-height: 1.25 !important;
    margin-bottom: 24px !important;
  }

  .page-shipping-routes .dest-cards-grid,
  .page-shipping-routes .ie-why-grid,
  .page-shipping-routes .models-3col-grid,
  .page-shipping-routes .process-8steps-grid,
  .page-shipping-routes .testimonials-2col-grid {
    grid-template-columns: 1fr !important;
  }

  .page-shipping-routes .dest-cards-grid,
  .page-shipping-routes .models-3col-grid,
  .page-shipping-routes .process-8steps-grid,
  .page-shipping-routes .ie-why-grid,
  .page-shipping-routes .ff-faq-list,
  .page-shipping-routes .testimonials-2col-grid {
    margin-top: 24px !important;
  }

  #contact-form.cta-form-band-section {
    padding: 24px 0 !important;
  }

  .page-shipping-routes .ff-section-header {
    margin-bottom: 24px !important;
  }

  .page-shipping-routes .ff-section-header .ff-section-title {
    font-size: 28px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }

  body:has(.page-shipping-routes) .page-shipping-routes .ff-testimonial-section .ff-section-header {
    margin-bottom: 24px !important;
  }

  body:has(.page-shipping-routes) .page-shipping-routes .ff-testimonial-section .ff-section-header .ff-section-title {
    font-size: 26px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }

  body:has(.page-shipping-routes) .page-shipping-routes .ie-why-grid > .ie-service-card {
    min-height: 0 !important;
  }
}

/* Keep narrow screens inside the viewport without changing the desktop layout. */
@media (max-width: 768px) {
  .page-container.page-shipping-routes,
  .page-shipping-routes .e-con,
  .page-shipping-routes .container {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .page-shipping-routes .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .page-shipping-routes .hero-2col-grid {
    gap: 24px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .page-shipping-routes .hero-2col-left,
  .page-shipping-routes .hero-2col-right {
    min-width: 0 !important;
    width: 100% !important;
  }

  .page-shipping-routes h1#routeHeroTitle.hero-h1-clean {
    font-size: clamp(30px, 8vw, 38px) !important;
    overflow-wrap: anywhere;
  }

  .page-shipping-routes .hero-actions-row {
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px 16px !important;
  }

  .page-shipping-routes .hero-actions-row > .elementor-widget {
    max-width: 100% !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .page-shipping-routes .hero-actions-row > .elementor-widget.btn-orange {
    max-width: 100% !important;
    width: auto !important;
  }

  .page-shipping-routes .hero-actions-row a.btn-orange {
    max-width: 100%;
    text-align: center;
    white-space: normal;
  }

  .page-shipping-routes .hero-phone-label {
    overflow-wrap: anywhere;
  }

  .page-shipping-routes .hero-img-card-wrap,
  .page-shipping-routes .hero-img-card-wrap img {
    max-width: 100% !important;
    width: 100% !important;
  }

  .page-shipping-routes .hero-img-card-wrap img {
    height: clamp(210px, 66vw, 280px) !important;
    object-fit: cover;
  }

  .page-shipping-routes .dest-cards-grid,
  .page-shipping-routes .models-3col-grid,
  .page-shipping-routes .process-8steps-grid,
  .page-shipping-routes .ie-why-grid,
  .page-shipping-routes .testimonials-2col-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }

  .page-shipping-routes .dest-cards-grid > *,
  .page-shipping-routes .models-3col-grid > *,
  .page-shipping-routes .process-8steps-grid > *,
  .page-shipping-routes .ie-why-grid > *,
  .page-shipping-routes .testimonials-2col-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .page-shipping-routes .ie-why-grid > .ie-service-card {
    min-height: 0 !important;
    padding: 24px 20px !important;
  }

  .page-shipping-routes .rate-table-card,
  .page-shipping-routes .rate-table-row {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .page-shipping-routes .rate-table-row {
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 16px !important;
  }

  body:has(.page-shipping-routes) .page-shipping-routes .route-rate-section .rate-table-card .rate-table-row {
    flex-direction: column !important;
    gap: 8px !important;
  }

  body:has(.page-shipping-routes) .page-shipping-routes .route-rate-section .rate-table-card .rate-table-row > .rate-col-name,
  body:has(.page-shipping-routes) .page-shipping-routes .route-rate-section .rate-table-card .rate-table-row > .rate-col-desc,
  body:has(.page-shipping-routes) .page-shipping-routes .route-rate-section .rate-table-card .rate-table-row > .rate-col-action {
    flex: 0 1 auto !important;
    flex-basis: auto !important;
    height: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .page-shipping-routes .rate-col-action a {
    white-space: normal !important;
  }

  .page-shipping-routes .testimonial-card-sourcing {
    padding: 24px 20px !important;
  }

  #contact-form .cta-form-band-grid {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 24px !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    width: 100% !important;
  }

  #contact-form .cta-band-left,
  #contact-form .cta-band-right {
    flex: 1 1 auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  #contact-form .cta-band-left .section-title {
    font-size: clamp(32px, 8vw, 40px) !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
  }

  #contact-form .cta-band-desc {
    font-size: 16px !important;
    overflow-wrap: anywhere;
  }

  #contact-form .cta-hotline-link {
    font-size: clamp(20px, 5.5vw, 24px) !important;
    overflow-wrap: anywhere;
  }

  #contact-form .consult-card-white {
    max-width: 100% !important;
    padding: 20px 16px !important;
    width: 100% !important;
  }

  #contact-form .consult-card-white .consult-form .form-row-2col {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #contact-form .form-control,
  #contact-form .btn-submit {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  #contact-form .form-security-note {
    font-size: 14px !important;
  }
}
