/* v404G — Home cleanup: remove Main Services and blue Why frame, then keep the
   Vietnam line-art background as a soft footer under the 8 Why Vietnam GoEasy cards. */

.home-page .trust-section{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #fff !important;
  padding-bottom: clamp(46px, 6vw, 86px) !important;
}

.home-page .trust-section .container{
  position: relative !important;
  z-index: 1 !important;
}

.home-page .why-vge-line-art-under-grid-v404G{
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  height: clamp(170px, 19vw, 315px) !important;
  margin-top: clamp(28px, 3.2vw, 48px) !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.home-page .why-vge-line-art-under-grid-v404G::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: min(92vw, 1540px) !important;
  height: 100% !important;
  transform: translateX(-50%) !important;
  background-image: url('/assets/img/home-service-routes-vietnam-line-bg-v345G.png') !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: 100% auto !important;
  opacity: .66 !important;
}

.home-page .why-vge-line-art-under-grid-v404G::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: min(92vw, 1540px) !important;
  height: 100% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.05) 18%,
    rgba(255,255,255,.18) 52%,
    rgba(255,255,255,.70) 100%) !important;
}

@media (max-width: 980px){
  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(135px, 22vw, 230px) !important;
    margin-top: clamp(24px, 5vw, 38px) !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before,
  .home-page .why-vge-line-art-under-grid-v404G::after{
    width: 94vw !important;
  }
}

@media (max-width: 640px){
  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(105px, 30vw, 165px) !important;
    margin-top: 22px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before,
  .home-page .why-vge-line-art-under-grid-v404G::after{
    width: 96vw !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before{
    opacity: .55 !important;
  }
}