.chip {
  cursor: pointer;
  display: inline-block;
  padding: 0 25px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  border-radius: 25px;
  background-color: #f1f1f1;
}
.chip img {
  float: right;
  margin: 0 -25px 0 10px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #baf4f8;
}
.chip:hover {
    background-color: #ebebeb;
}
.chip.active {
    background-color: #0ea9ce;
    color: #fff;
    font-weight: 700;
}
body {
    font-family: 'Heebo', sans-serif;
    width: 99.35vw;
}
.main{
    background-image: url(uploads/background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.badge-h {
	background-color: #ffb407;
}
.category .he {
  transition: opacity 0.5s ease-in-out;
  transition-from: opacity 1;
  transition-to: opacity 0;
}
header{
    background: #fff;
}
.m-big-text{
    font-size: 30px;
    font-size:10vw;
    font-weight: 700!important;
}
.nav-link.y{
    background-color: #ffd862;
}
.logo-img {
    max-width: 100px;
    height: 100px;
}
.filter-option-inner-inner:dir(rtl) {
    text-align: right;
}
.dropdown-toggle {
    border-color: #dee2e6;
}
.btn.btn-primary {
    background: #0ea9ce !important;
    border: 1px solid #0ea9ce !important;
    color: #fff !important; 
}
.btn.btn-primary:hover {
    border: 1px solid #0ea9ce;
    background: transparent;
    color: #0ea9ce;
}
.btn.btn-primary.btn-outline-primary {
    border: 1px solid #0ea9ce;
    background: transparent;
    color: #0ea9ce; 
}
.btn.btn-primary.btn-outline-primary:hover {
    border: 1px solid transparent;
    background: #0ea9ce;
    color: #fff;
}
.swal-text:dir(rtl) {
    text-align: right;
}
.swal-footer:dir(rtl) {
     text-align: left !important;
}