@media (max-width: 767.98px) {
  .bootstrap-container .hero-carousels {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 60% 0;
    position: relative;
    height: 100%;
  }
  .bootstrap-container .hero-carousels .full-width {
    display: none;
  }
  .bootstrap-container .hero-carousels .single-h-padding.limit-width {
    display: flex;
    height: 100%;
  }
  .bootstrap-container .hero-carousels ._2x-hero-content {
    position: relative;
    padding-block: 3rem;
    margin-left: unset;
    margin-right: unset;
    padding-left: unset;
  }
}
@media (min-width: 768px) {
  .bootstrap-container .hero-carousels {
    background-image: none;
  }
}
.bootstrap-container .search a {
  text-decoration: none;
  border: 1px solid;
  padding: 0.5rem;
  border-radius: 5px;
}
.bootstrap-container .search a:hover, .bootstrap-container .search a.active {
  background-color: #002257;
  color: #fff;
  border-color: #000;
}
.bootstrap-container .searchandfilter > ul {
  padding-left: 0;
}
.bootstrap-container .searchandfilter > ul h4 {
  font-size: 1rem;
}
.bootstrap-container .searchandfilter > ul li > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  max-width: 100%;
  padding-left: 0;
}
@media (min-width: 1200px) {
  .bootstrap-container .searchandfilter > ul li > ul {
    grid-template-columns: repeat(5, 1fr);
  }
}
.bootstrap-container .searchandfilter .sf-input-text {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.bootstrap-container .searchandfilter [name="_sf_search[]"] {
  width: 300px;
  padding: 0.5rem !important;
  border-radius: 5px !important;
}
.bootstrap-container .cards-overview .card > img.carvana {
  object-position: left;
}
.bootstrap-container .cards-overview .card > img.air-products, .bootstrap-container .cards-overview .card > img.applus-rtd, .bootstrap-container .cards-overview .card > img.klg-europe, .bootstrap-container .cards-overview .card > img.klm-royal-dutch-airlines, .bootstrap-container .cards-overview .card > img.reining, .bootstrap-container .cards-overview .card > img.van-den-bosch {
  object-position: right;
}
.bootstrap-container .btn-view-more-container {
  text-align: center;
  margin-block-start: 3rem;
}
.bootstrap-container .btn-view-more-container .btn-view-more {
  text-decoration: none;
  border: 1px solid;
  padding: 0.5rem;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.bootstrap-container .btn-view-more-container .btn-view-more .spinner {
  animation: spin 1s linear infinite;
}
.bootstrap-container .btn-view-more-container .btn-view-more:hover {
  background-color: #002257;
  color: #fff;
  border-color: #000;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bootstrap-container .hidden {
  display: none;
}

/*# sourceMappingURL=template-customers.css.map */