.bg-ramazan {
  background-color: #046459;
  border-bottom: 1px solid #021a17;
  margin-top: 2px;
  margin-bottom: 2px;
}

.ramazan-2024 {
  padding: 0 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  font-size: 0.95rem;
}
.ramazan-2024 .ramazan-title {
  border-bottom: 1px solid #000;
}
.ramazan-2024 .ramazanDate {
  padding: 0.25rem 1rem;
  background-color: #068273;
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
.ramazan-2024 .cities {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.ramazan-2024 .cities .city {
  display: flex;
  margin: 0.25rem 0.25rem;
  align-items: center;
}
.ramazan-2024 .cities .cityName {
  background-color: #068273;
  padding: 0 0.25rem;
  font-weight: 600;
  color: #fff;
  border-right: 1px solid #66b2b2;
  display: none;
}
.ramazan-2024 .cities .cityName__ab {
  background-color: #068273;
  padding: 0 0.25rem;
  font-weight: 600;
  color: #fff;
  border-right: 1px solid #66b2b2;
}
.ramazan-2024 .cities .city .time {
  background-color: #068273;
  padding: 0 0.25rem;
  color: #fff;
}
.ramazan-2024 .btn {
  white-space: nowrap;
}

@media (min-width: 992px) {
  .bg-ramazan {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .bg-ramazan {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .ramazan-2024 {
    flex-direction: row;
  }
  .cities {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .cities .cityName {
    display: flex !important;
  }
  .cities .cityName__ab {
    display: none;
  }
}/*# sourceMappingURL=ramazan-2024.css.map */