.logisticTrackBanner {
    position: relative;
    background-color: #fff;
  }
  .logisticTrackBanner::before {
    position: absolute;
    content: "";
    background-image: url(../images/bg1.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
  }
  .logisticTrackBanner .logisticTrackBannerInner {
    position: relative;
    z-index: 1;
  } 
  /* .logisticTrackBanner .logisticTrackBannerInner .logisticTrackBannerContent h1 {
    text-align: center;
    text-shadow: 7px 25px 20px rgba(185, 185, 185, 0.1);
    font-family: "Viga", sans-serif;
    font-size: 200px;
    font-weight: 400;
    background: linear-gradient(180deg, #FFF 6.62%, rgba(255, 255, 255, 0) 133.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  } */
  .logisticTrackBanner .logisticTrackBannerInner .logisticTrackBannerContent img {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    margin-top: 160px;
  }

  .logisticTrackBanner .logisticTrackBannerInner {
    position: relative;
    z-index: 1;
  }
  .logisticTrackBanner .logisticTrackBannerInner .logisticTrackBannerContent h1 {
    text-align: center;
    text-shadow: 7px 25px 20px rgba(185, 185, 185, 0.1);
    font-family: "Viga", sans-serif;
    font-size: 400px;
    font-weight: 400;
    background: linear-gradient(180deg, #FFF 6.62%, rgba(255, 255, 255, 0) 133.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .logisticTrackBanner .logisticTrackBannerInner .logisticTrackBannerContent img {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    margin-top: 200px;
  }
  .quote-button {
    display: inline-block !important;
    padding: 10px 20px !important;
    background-color: #ec6433 !important; /* Change this color as needed */
    color: #fff !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease !important;
    top: 10px;
}
.quote-button-2 {
	display: inline-block !important;
	padding: 10px 20px !important;
	background-color: #ec6433 !important; /* Change this color as needed */
	color: #fff !important;
	border-radius: 5px !important;
	text-decoration: none !important;
	font-weight: bold !important;
	transition: background-color 0.3s ease !important;
	top: 10px;
  }

.quote-button:hover {
    color: white !important; /* Darker shade on hover */
}
.fa-angle-double-right:before {
  content: "\f101";
  position: absolute;
  content: "\f101";
  left: -20px;
  top: 0px;
  color: #ec6433;
  font-family: 'FontAwesome';
}
@media (max-width: 431px) {.welcome-section{
	position:relative;
	padding:80px 0px 0px;
}
}
.auto-container1 div {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Default: 4 columns */
  gap: 10px;
  text-align: left;
}

@media (max-width: 426px) {
  .auto-container div {
      grid-template-columns: repeat(1, 1fr) !important; /* 2 columns on smaller screens */
  }
}
@media (max-width: 431px) {
  .auto-container div {
      grid-template-columns: repeat(2, 1fr) !important; /* 2 columns on smaller screens */
  }
}
/* Responsive Design for Mobile */
@media (max-width: 375px) {
  .auto-container div {
      grid-template-columns: repeat(1, 1fr) !important; /* 2 columns on smaller screens */
  }
}

/* Responsive style for small mobile devices */