.slider .swiper-pagination-bullet {
  background-color: var(--sedriLight);
}
.slider .swiper-button-prev,
.slider .swiper-button-next {
  color: var(--sedriLight);
}
.slider .swiper-button-prev:hover {
  font-weight: 800;
}
.slider .swiper-button-next:hover {
  font-weight: 800;
}
.slider .swiper-rtl .swiper-button-next:after,
.slider .swiper-rtl .swiper-button-prev:after {
  font-size: 20px;
}
.slider
  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px;
}
.shadowSides {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1),
    2px 0 4px rgba(0, 0, 0, 0.1), -2px 0 4px rgba(0, 0, 0, 0.1);
}
.shadowImg {
  box-shadow: rgba(55, 69, 20, 0.6);
}
.submenu {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap !important;
  height: 260px;
  padding: 0 !important;
  align-items: flex-start;
  gap: 2rem !important;
  list-style: none;

}
.submenu-item{
    position: relative;
    padding-right: 16px;
}
.submenu-item::before{
    content: "";
    position: absolute;
    right: 0;
    top: 4%;
    transform: translateY(-4%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--yellow-btn);
}
.box-shadow{
    box-shadow: 0 5px 10px #888880;
}
.openModal{
    transform: translateX(0);
}
@media only screen and (max-width: 380px) {
  .topQuery {
    top: -90px;
  }
}
@media only screen and (max-width: 340px) {
  .topQuery {
    top: -80px;
  }
}