/* Panel Top 01 */
.panel.white {
  background: white !important;
}

.panel .sections .menu svg {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.panel .sections .menu svg:hover {
  fill: #FF9800 !important;
  stroke: #FF9800 !important;
}

.panel .sections .menu.uppercase li a:hover {
  opacity: 1 !important;
}

.restaurant-sidebar-icon {
  fill: white;
}

/* First Screen (#1) */
@media (min-width: 1240px) {
  .restaurant-box-1 {
    float: right;
    margin-right: 0 !important;
  }
}
/* Our Team (#2) */
.restaurant-team-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.restaurant-team-btn svg {
  width: 24px !important;
  height: 30px !important;
  top: 0 !important;
}

.restaurant-image {
  width: 300px !important;
}

.restaurant-team-swiper .swiper-slide.box-restaurant-team:hover {
  color: #FF5722 !important;
  transition: all 0.2s;
}

.restaurant-team-swiper .swiper-slide:hover {
  color: green;
  transition: all 0.2s;
}

.restaurant-team-swiper .swiper-slide, .restaurant-team-swiper img {
  max-width: 300px;
}

.restaurant-team-swiper h4 {
  font-family: Inter;
}

.center-container {
  display: flex;
  justify-content: center;
  /* Centers horizontally */
  /* Centers vertically */
  height: 100vh;
  /* Makes the container fill the viewport height */
}

.restaurant-team-swiper {
  text-align: center;
  /* Ensures content inside is also centered */
}

/* Restaurant Menu (#4) */
.restaurant-menu .controller-134 > li.selected > p {
  border-color: #4CAF50 !important;
}

.swiper-slide .equalElement .cursorGrab h4:hover {
  color: #4CAF50;
}

.swiper-slide .equalElement .cursorGrab p:hover {
  color: #4CAF50;
}

.restaurant-menu-swiper .swiper-wrapper {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.restaurant-menu-swiper .swiper-slide:hover {
  color: green;
  transition: all 0.2s;
}

.restaurant-menu-swiper .swiper-slide, .restaurant-menu-swiper img {
  max-width: 300px;
}

.restaurant-menu-swiper h4 {
  font-family: Inter;
}

/* Products Description (#5) */
.restaurant-category-fresh {
  background: #D3EDDE;
  width: 163px;
  height: 40px;
}

.restaurant-category-fresh p {
  padding-top: 11px;
}

.restaurant-category-quick {
  background: #FCF0CA;
  width: 168px;
  height: 40px;
}

.restaurant-category-quick p {
  padding-top: 11px;
}

.restaurant-category-blue {
  background: #CBE2F5;
  width: 174px;
  height: 40px;
}

.restaurant-category-blue p {
  padding-top: 11px;
}

/* Coming Soon (#6) */
.restaurant-category-blue {
  background: #CBE2F5;
  width: 174px;
  height: 40px;
}

.restaurant-category-blue p {
  padding-top: 11px;
}

/* Follow Us (#7) */
.restaurant-heart-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.restaurant-heart-btn svg {
  width: 24px !important;
  height: 24px !important;
  top: 0 !important;
  transform: scale(1.5);
}

.box-follow-us {
  width: 280px !important;
}

/* Panel Bottom 12 */
.panel.restaurant-footer {
  border-top: 1px solid rgba(32, 32, 32, 0.1);
  background: #FBFBFB !important;
}

.restaurant-footer-link:hover {
  color: #FF5722;
  transition: all 0.2s;
}