.restaurant-carousel.rtl .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-details {
     margin-left: -30%;
}

@media (max-width: 768px) {
     .restaurant-carousel.rtl .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-details {
          margin-left: unset;
     }
}

@media (min-width: 769px) {
     .restaurant-carousel.rtl .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-details {
          margin-left: -60%;
     }
}

@media (min-width: 1441px) {
     .restaurant-carousel.rtl .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-details {
          margin-left: -30%;
     }
}

.restaurant-carousel {
     width: 100%;
}

.restaurant-carousel .carousel-cell {
     width: 100%;
     padding: 10px;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container {
     min-height: 350px;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container>img {
     object-fit: cover;
     border-radius: 50%;
     width: 81px;
     height: 81px;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card {
     display: flex;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant {
     width: 100%;
     margin: 0;
     display: flex;
     flex-direction: row;
     align-items: center;
     min-height: 700px;
}

@media (min-width: 768px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant {
          padding: 20px;
     }
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant .restaurant-details-container {
     z-index: 10;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant .restaurant-details {
     background: white;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
     width: 130%;
     padding: 20px;
}

@media (max-width: 768px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant .restaurant-details {
          width: 100%;
     }
}

@media (min-width: 769px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant .restaurant-details {
          width: 160%;
     }
}

@media (min-width: 1441px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant .restaurant-details {
          width: 130%;
     }
}

@media (min-width: 768px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant .restaurant-details {
          min-height: 400px;
     }
}

@media (min-width: 1920px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant .restaurant-details {
          min-height: 500px;
     }
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .img-container {
     padding: 0;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card h3 {
     /* font-size: 1.5rem !important; */
     margin-top: 10px;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card p {
     /* font-size: 1rem !important;
     line-height: 1.7rem !important; */
     margin-top: 20px;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description {
     overflow-y: scroll;
     padding-right: 5px;
}

@media (max-width: 767px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description {
          height: 200px;
     }
}

@media (min-width: 768px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description {
          height: 200px;
     }
}

@media (min-width: 1024px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description {
          height: 100px;
     }
}

@media (min-width: 1440px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description {
          height: 230px;
     }
}

@media (min-width: 1921px) {
     .restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description {
          height: 250px;
     }
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description::-webkit-scrollbar {
     width: 3px;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description::-webkit-scrollbar-track {
     background: transparent;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description::-webkit-scrollbar-thumb {
     background: #888;
     border-radius: 5px;
}

.restaurant-carousel .carousel-cell .restaurant-carousel-container .restaurant-carousel-container-card .restaurant-description::-webkit-scrollbar-thumb:hover {
     background: #555;
}

.restaurant-carousel .flickity-page-dots {
     display: flex;
     align-items: center;
     justify-content: center;
}

.restaurant-carousel .flickity-page-dots::before {
     content: "";
     display: inline-block;
     min-width: 40px;
     min-height: 1px;
     background-color: #926D39;
     margin-right: 20px;
}

.restaurant-carousel .flickity-page-dots::after {
     content: "";
     display: inline-block;
     min-width: 40px;
     min-height: 1px;
     background-color: #926D39;
     margin-left: 20px;
}

.restaurant-carousel .flickity-page-dots .dot {
     background-color: #926D39;
     border-radius: 0;
     transform: rotate(45deg);
     width: 7px;
     height: 7px;
}

.restaurant-carousel .flickity-page-dots .dot.is-selected {
     width: 10px;
     height: 10px;
}

.restaurant-carousel .flickity-prev-next-button svg {
     fill: #926D39;
}

.restaurant-carousel .fullscreen-carousel {
     width: 100%;
     height: 600px;
}

@media (min-width: 1920px) {
     .restaurant-carousel .fullscreen-carousel {
          height: 700px;
     }
}

.restaurant-carousel .fullscreen-carousel .flickity-button.flickity-prev-next-button {
     bottom: 0;
     top: unset;
}

.restaurant-carousel .fullscreen-carousel .carousel-cell {
     width: 100%;
     height: 100%;
}

.restaurant-carousel .fullscreen-carousel .carousel-cell .fullscreen-carousel-container {
     height: 100%;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
}

.restaurant-carousel .fullscreen-carousel .carousel-cell .fullscreen-carousel-container img {
     height: 100%;
     object-fit: cover;
     width: 100%;
}

.restaurant-carousel .fullscreen-carousel .flickity-page-dots {
     display: flex;
     align-items: center;
     justify-content: center;
}

.restaurant-carousel .fullscreen-carousel .flickity-page-dots::before {
     content: "";
     display: none;
     min-width: 40px;
     min-height: 1px;
     background-color: #926D39;
     margin-right: 20px;
}

.restaurant-carousel .fullscreen-carousel .flickity-page-dots::after {
     content: "";
     display: none;
     min-width: 40px;
     min-height: 1px;
     background-color: #926D39;
     margin-left: 20px;
}

.restaurant-carousel .fullscreen-carousel .flickity-page-dots .dot {
     background-color: white;
     border-radius: 0;
     transform: rotate(45deg);
     width: 7px;
     height: 7px;
     margin-top: -100px;
}

.restaurant-carousel .fullscreen-carousel .flickity-page-dots .dot.is-selected {
     width: 10px;
     height: 10px;
}

.restaurant-carousel .fullscreen-carousel .flickity-prev-next-button svg {
     fill: #926D39;
}

.restaurant-carousel .fullscreen-carousel .flickity-prev-next-button svg {
     fill: white;
}

.restaurant-carousel .fullscreen-carousel .flickity-prev-next-button {
     background-color: transparent;
}

/*# sourceMappingURL=style.css.map */