.kv {
  background-image: url("");
}

.body-background{
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -2;
  position: relative;
}
.body-background img{
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  opacity: 0.5;
}

.slick-dots {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 10px;
}
.slick-dots li button {
  width: 38px;
  height: 4px;
  content: "";
  border: none;
  outline: none;
  background-color: #ECF0FB;
  color: transparent;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.slick-dots li button:hover {
  background-color: #a6aec1;
}
.slick-dots .slick-active button {
  background-color: #a1a7b3;
}

.select_city{    display: flex;  flex-direction: row;  align-items: center;  justify-content: center;   margin: 30px 0 0 0;}
.select_city span{}
.select_city ul{display: flex;}
.select_city ul li{list-style: none;margin: 0 10px 0 10px;}
.select_city ul li a{padding: 4px 20px;  border-radius:5px;border: 1px #eee solid; color:#555}

.select_city>ul>li a:hover{background-color:#2C5DBC;color:#fff;}
.select_city>ul>li a.active{background-color:#2C5DBC;color:#fff;}


.pagination ul li {cursor: pointer;}
.pagination ul li:hover { opacity: 0.7;}
.pagination .page { width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center;  font-size: 16px; color: #666; cursor: pointer; }
.pagination .arrow { width: 18px; height: 18px;  position: relative;}
.pagination .prev {  transform: rotateY(180deg); color: var(--primary-color); margin-right: 10px;}
.pagination .next {  color: var(--primary-color);  margin-left: 10px;}
.pagination .disabled { color: #CCC;  cursor: not-allowed;}
.pagination .active { color: var(--primary-color); border-color: var(--primary-color);}
@media screen and (max-width: 1025px) {
  .pagination { margin-bottom: 80px; }
  .pagination ul { gap: 13px; }
  .pagination .page {  width: 30px; height: 30px;  font-size: 14px; }
  .pagination .arrow {  width: 18px;height: 18px; }
}