.weather-card {
  border-radius: 0.5rem;
  padding: 1.25rem 0;
  text-align: center;
}

.weather-time {
  background-color: #8b0000;
  color: #fff;
  padding: 0.25rem 0rem;
  border-radius: 1.25rem;
  display: inline-block;
  margin: 0px auto 0.625rem;
  text-align: center;
  width: 50%;
}

.weather-temp {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.625rem;
}

.weather-info {
  color: #666;
  margin-bottom: 0.625rem;
}

.weather-status {
  color: #8b0000;
  font-weight: bold;
  margin-bottom: 0;
}
.weather-temp,
.weather-info {
  padding-bottom: 0.5rem;
  margin: 0.5rem 0px;
  border-bottom: 1px solid #ddd; /* Light gray border */
}

.weather-status {
  border-bottom: none; /* Remove border for the last element */
}



.weather-one-city-carousel.owl-carousel .owl-stage{display: flex;}
.weahter-item {
  display: block;
  height: 100%;
}
.weather-card {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.weather {
  background: url("/images/weather_inner_header-image.png") no-repeat center center fixed;
  background-size: cover;
  margin: 0 auto 3rem;
  padding: 4rem 1.2rem;
  text-align: start;
  align-items: start;
  color: white;
}

/* Hourly and weekly forecast cards */
.weather-hourly-card,
.weather-weekly-card {
  min-width: 250px; /* Minimum width for mobile scrolling */
}

@media (min-width: 992px) {
  .weather-hourly-card,
  .weather-weekly-card {
    width: 100%; /* Use Bootstrap columns on lg screens */
    min-width: auto;
  }
}


.w-25px{
  width: 25px;
}

.icon-weather{
  width: 60px;
}

@media (max-width: 575.98px) {
  .icon-weather{
    width: 40px;
  }
}