@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

:root {
  --primary: #ec994b;
  --white: #ffffff;
  --bg: transparent;
}

.bannerAdsFrame {
  font-size: 62.5%;
  font-family: "Montserrat", sans-serif;
}

::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background: #797979;
  transition: all 0.5s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
  background: #222224;
}

::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.text-center {
  text-align: center;
}

.section-heading {
  font-size: 3rem;
  color: var(--primary);
  padding: 2rem 0;
}

#tranding {
  padding:  0;
  width: 80%;
  margin: auto;
}

#tranding .tranding-slider {
  padding: 0;
  width: 100%;
  position: relative;
}

.tranding-slide {
  width: 95%;
  position: relative;
}


.tranding-slide .tranding-slide-img img {
  width: 100%;
  object-fit: contain;
  margin-top: 10px;
}

.tranding-slide .tranding-slide-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.tranding-slide-content .food-price {
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: var(--white);
}

.tranding-slide-content .tranding-slide-content-bottom {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  color: var(--white);
}

.food-rating {
  padding-top: 1rem;
  display: flex;
  gap: 1rem;
}

.rating ion-icon {
  color: var(--primary);
}

.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
  display: none;
}



.tranding-slider-control .slider-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
   border: 1px solid transparent;
}

.tranding-slider-control .slider-arrow:hover {
     border: 1px solid #fbfbfb8a;
}

.tranding-slider-control .swiper-button-next{
	background-image: url("../images/next-arrow.png") !important;
	background-repeat: round;
	right: 0px;
}

.tranding-slider-control .swiper-button-prev{
	left: 0px;
	background-image: url("../images/prev-arrow.png") !important;
	background-repeat: round;
}

.tranding-slider-control .slider-arrow ion-icon {
  font-size: 2rem;
  color: #222224;
}

.tranding-slider-control .slider-arrow::after {
  content: '';
}

.tranding-slider-control .swiper-pagination {
	position: relative;
    margin-top: 22px;
}

.tranding-slider-control .swiper-pagination .swiper-pagination-bullet {
  filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
      background-color: white;
    width: 15px;
    height: 6px;
    border-radius: 0px;
}

.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--primary);
}
.swiper-slide-active {
	    filter: none !important;
}
.tranding-slide {
	 filter: blur(5px);
}

.tranding-slider-control.disabled {
    display: none;
}