  <!-- Banner start here  -->
<style>
    .category {
    font-size: 20px;
    text-decoration: none;
    float: right;
    background: #52add9;
    color: #fff;
    padding: 1px 10px;
}

.latestTrucksTab {
    border: 1px solid #1868b3 !important;
    color: #1868b3 !important;
  }
  .latestTrucksTab.active {
    background-color: #1868b3 !important;
    border: 1px solid #1868b3 !important;
    color: white !important;
  }
  .nav-tabs .latestTrucksTab.nav-link.active {
    border: 1px solid #1868b3 !important;
  }

  .cardlist:hover {
    border: none !important;
  }

  .text-sky-blue {
    color: #52add9;
  }
  .text-blue {
    color: #1868b3;
  }
  .text-gray {
    color: rgb(184 184 184);
  }
  .border-blue {
    border-color: #1868b3;
  }
  p {
    margin-bottom: 0px;
  }

  .latestTrucksSubtitle {
    max-width: 600px !important;
  }
  /* cards slider css start */

  .carousel-inner {
    padding: 0.5rem;
  }
  .card {
    margin: 0 0.5em;
    border: none;
  }
  .carousel-control-prev,
  .carousel-control-next {
    background-color: #1868b3;
    width: 5vh;
    height: 5vh;
    padding: 10px;
    border-radius: 50%;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
  }
  @media (min-width: 768px) {
    .carousel-item {
      margin-right: 0;
      flex: 0 0 25%;
      display: block;
      max-width: 22%;
    }
    .carousel-inner {
      display: flex;
    }
  }
  /* cards slider css end */

</style>