/* banner */
.bannerTransportation {
  padding-top: 64px;
}
.bg-bannerTransportation {
  height: 548px;
}
.bg-bannerTransportation {
  object-fit: cover;
}
/* End banner */
/* Transportation Services */
.transportation-service {
  padding-block: 32px 40px;
  overflow: hidden;
}
.transportation-service h6 {
  margin-bottom: 16px;
}
.transportation-service h2 {
  color: var(--text-primary-2);
  margin-bottom: 16px;
}
.transportation-service p {
  margin-bottom: 32px;
  margin-inline: auto;
  font-size: 18px;
  line-height: 22px;
}
/* End Transportation Services */

/* Transportation logis Services */
.transportationlogisServices {
  padding-block: 20px 40px;
}
.transportationlogisServices h6 {
  margin-block: 32px 16px;
}
.transportationlogisServices h2 {
  margin-bottom: 32px;
  color: var(--text-primary-2);
}
.tbslogisservice-list.row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}
.tbslogisservice-item {
  background-color: var(--text-primary-2);
  padding: 26px;
  border-radius: 20px;
  height: 100%;
}
.tbslogisservice-img {
  width: 66px;
  height: 66px;
  margin-bottom: 12px;
  margin-left: auto;
}
.tbslogisservice-content h5 {
  color: var(--text-grey);
  margin-bottom: 12px;
}
.tbslogisservice-content p {
  color: var(--text-grey);
  margin-bottom: 0;
}
/* End Transportation logis Services */
/* Transportation other Service */
.transportationotherService {
  padding-block: 40px;
  background-image: url(../images/bg-tracking.png);
  background-repeat: repeat;
  background-size: contain;
  background-position: 0 0;
  overflow: hidden;
}
.transportationotherService .container {
  max-width: 1120px;
}
.transportationotherService h2 {
  color: var(--text-primary-2);
  margin-block: 20px 16px;
}
.transportationotherService p {
  color: var(--text-primary);
  margin-bottom: 20px;
}
.transportationotherService-category .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}
.transportationotherService-category .transportationotherService-list {
  padding-top: 24px;
}
.transportationotherService-category
  .transportationotherService-list:first-child {
  padding-top: 0;
}
/* End other service */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1300px;
  }
}
@media (max-width: 991.98px) {
  .bg-bannerTransportation {
    height: 400px;
  }
  .transportation-service {
    padding-bottom: 40px;
  }
  .transportation-service h2,
  .transportationlogisServices h2,
  .transportationotherService h2 {
    font-size: 32px;
    line-height: 34px;
  }
  .transportation-service p {
    width: 100%;
  }
  .transportationlogisServices {
    padding-top: 40px;
  }
  .transportationlogisServices h6 {
    margin-top: 16px;
  }
  .tbslogisservice-item {
    padding: 30px 24px;
  }
  .tbslogisservice-img {
    width: 62px;
    height: 62px;
    margin-bottom: 16px;
  }
  .tbslogisservice-content h5 {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767.98px) {
  .bannerTransportation {
    padding-top: 54px;
  }
  .bg-bannerTransportation {
    height: 256px;
  }
  .transportation-service {
    padding-block: 16px 40px;
  }
  .transportation-service h6,
  .transportation-service p,
  .transportationlogisServices h6,
  .tbslogisservice-content p,
  .transportationotherService p {
    font-size: 14px;
    line-height: 16px;
  }
  .tbslogisservice-content h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .transportation-service h2,
  .transportationlogisServices h2,
  .transportationotherService h2 {
    font-size: 20px;
    line-height: 22px;
  }
  .transportation-service h6,
  .transportation-service h2,
  .transportationlogisServices h6,
  .transportationotherService p {
    margin-bottom: 8px;
  }
  .transportation-service p,
  .transportationlogisServices h2,
  .tbslogisservice-content h5 {
    margin-bottom: 16px;
  }
  .transportationlogisServices {
    padding-block: 0px 60px;
  }
  .transportationlogisServices h6 {
    margin-top: 0;
  }
  .tbslogisservice-item {
    padding: 20px 16px;
  }
  .tbslogisservice-img {
    width: 40px;
    height: 40px;
  }
  .transportationotherService {
    padding-block: 40px;
  }
  .transportationotherService h2 {
    margin-block: 10px 8px;
  }
}
@media (max-width: 525px) {
}