* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
h2 {
    font-size: 32px;
}
.text-primary {
    color: #913737 !important;
}
.bg-primary {
    background-color: #913737 !important;
}
.form-control:focus {
    border-color: #a9a7a7 !important;
    box-shadow: none;
}
.btn {
    width: auto;
    padding: 10px 20px;
    border: 1px solid #913737 !important;
} 
.btn:active, .btn:focus {
    background: #913737;
    color: #ffffff;
    box-shadow: 0 0 0 0.15rem rgba(145, 55, 55,0.5) !important;
} 
.btn-primary {
    background-color: #913737;
    color: #ffffff;
}
.btn-primary:hover {
    color: #913737;
    background-color: #ffffff;
    border: 1px solid #913737;
}   
.btn.btn-primary.hover-non-transparent:hover {
    background-color: #913737;
    color: #ffffff;
}
.btn-transparent {
    background-color: transparent;
    border: 1px solid #913737;
    color: #913737;
}
.btn-transparent:hover {
    background-color: #913737;
    color: #ffffff;
}
.alert .btn-close:hover {
    background-color: transparent;
}
#preloader {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100vw;
    height: 100%;
    background-color: #ffffff;
    z-index: 100;
}
#preloader .circle {
    width: 60px;
    height: 60px;
    border-top: 4px solid #c6c6c6;
    border-bottom: 4px solid #c6c6c6;
    border-left: 4px solid #c6c6c6;
    border-right: 4px solid transparent;
    border-radius:50%;
    animation:.5s linear infinite rotate;
}
#preloader span {
    color: #b3b0b0;
    font-size: 20px;
}
@keyframes rotate {
    0% { 
        transform: rotate(0); 
    }
    100% { 
        transform: rotate(360deg); 
    }
}
.mb-10px {
    margin-bottom: 10px;
}
.my-50px {
    margin-top: 50px;
    margin-bottom: 50px;
}
.pl-50px {
    padding-left: 50px;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.cursor-pointer {
    cursor: pointer;
}
.object-cover {
    object-fit: cover;
}
.object-position-center {
    object-position: center;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #913737;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #913737;
    position: absolute;
    top: 50%;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1) translateY(-50%);
}
input[type="checkbox"]:checked {
    background-color: #913737;
}
input[type="checkbox"] {
    border-radius: 3px;
}
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #913737;
    padding: 2px;
}
input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
}
input[type="checkbox"]:checked::before {
    transform: scale(1);
}
input[type="checkbox"]::before {
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
}
input[type="checkbox"]::before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 14px 14px #333;
}
input[type="checkbox"]::before {
    box-shadow: inset 14px 14px #fff;
}
.width-fit-content {
    width: fit-content;
}
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    background-color: #e1e1e1;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}   
.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch input:checked + .slider {
    background-color: #913737;
}
.switch input:focus + .slider {
    box-shadow: 0 0 1px #913737;
}
.switch input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}
.border-radius-16px {
    border-radius: 16px;
}
.smooth-scroll {
    scroll-behavior: smooth;
    transition: scroll-left 0.5s ease-in-out;
}
.navbar-container {
    background-color: white;
    width: 100%;
    position: sticky;
    z-index: 30;
    top: 0;
    box-shadow: 0px 0px 15px 2px #919191;
}
.nav-1 {
    border-bottom: 1px solid #74747440;
}
.nav-1 .logo-link .logo {
    height: 60px;
}
.nav-1 .form-control {
    background-color: #f7f7f7;
    border: 1px solid #cdc5c5;
    padding-left: 50px;
}
.nav-1 .searchCustom .form-control:focus {
    border-color: #a9a7a7 !important;
}
.nav-1 .searchCustom {
    border-radius: 20px;
}
.nav-1 .searchCustom form {
    width: 100%;
}
.nav-1 .language-user-cart-and-hamburger-container .mobile-user-icon {
    font-size: 20px;
}
.nav-1 .language-user-cart-and-hamburger-container .notification-icon-container .new-notification-sign {
    width: 10px;
    height: 10px;
    top: 2px;
    right: 2px;
    border: 2px solid #fff;
}
.nav-1 .notification-container .dropdown-menu {
    min-width: 350px;
}
.nav-1 .notification-container .dropdown-menu .title {
    border-bottom: 1px solid #00000040;
}
.nav-1 .notification-container .dropdown-menu .single-notification-container {
    border-bottom: 1px solid #74747440;
}   
.nav-1 .notification-container .dropdown-menu .single-notification-container .main-image {
    width: 60px;
    height: 60px;
}
.nav-1 .language-user-cart-and-hamburger-container .shopping-cart-icon-container .cart-count {
    top: -8px;
    right: -12px;
    border: 2px solid #fff;
    padding: 5px;
    font-weight: 600;
    font-size: 11px;
    line-height: 5px;
}
header .nav-2 .navbar-nav-container {
    flex: 1;
}
header .nav-2 .navbar-nav-container .icon:first-child, .stories-wrapper .icon   {
    display: none;
}
header .nav-2 .navbar-nav-container .icon:first-child {
    left: 0;
}
header .nav-2 .navbar-nav-container .icon, .stories-wrapper .icon {
    position: absolute;
    z-index: 3;
    top: 0;
    height: 100%;
    align-items: center;
}
header .nav-2 .navbar-nav-container .icon {
    display: flex;
    background-color: #ffffff;
}
.stories-wrapper .icon {
    background-color: transparent;
}
header .nav-2 .navbar-nav-container .icon:last-child {
    right: 0px;
}        
header .nav-2 .navbar-nav-container .navbar-nav {
    cursor: auto;
}
header .nav-2 .navbar-nav-container .navbar-nav.dragging {
    scroll-behavior: auto;
    cursor: grab;
}
header .nav-2 .navbar-nav-container  .navbar-nav, header .nav-2 .navbar-nav-container  .navbar-nav .nav-item, .nav-link {
    user-select: none;
}
header .nav-2 .navbar-nav-container  .navbar-nav.dragging .nav-item {
    pointer-events: none;
}
header .nav-2 .navbar-nav-container .icon i, .stories-wrapper .icon i {
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ced4da;
}
.stories-wrapper .icon i {
    margin-bottom: 40px;
}   
header .nav .nav-link {
    padding: 6px 0 2px;
}   
.nav .nav-link {                /* not wrote header .nav .nav-link because it is also used in tabs */
    color: #000000;
}
header .navbar-nav .nav-link img {
    height: 20px;
}
header .navbar-nav .nav-link img.favourites-icon {
    height: 22px;
}
header .nav .nav-link.active, header .nav .nav-link:hover {
    position: relative;
    color: #913737;
}
header .nav .nav-link:hover {
    transition-duration: 0s;
}
header .nav .nav-link .red-icon, header .nav .nav-link.active .black-icon, header .nav .nav-link:hover .black-icon {
    display: none;
}
header .nav .nav-link.active .red-icon, header .nav .nav-link:hover .red-icon {
    display: inline;
}
header .nav .dropdown .nav-link {
    cursor: default;
}
header .nav .nav-item .dropdown-menu-container {
    display: none;
    position: absolute;
    top: 100%;
    padding-top: 5px;
}
header .nav .nav-item .dropdown-menu-container .dropdown-menu .dropdown-item.active, header .nav .mobile-dropdown.dropdown-menu-container .dropdown-menu .dropdown-item.active {
    background-color: #d4d8dc;
}
header .nav .delivery-nav-item .delivery-icon {
    margin-right: 6px;
}
header .nav .mobile-dropdown {
    display: none;
    position: absolute;
    top: 95%;
}
header .nav .mobile-dropdown .dropdown-menu {
    min-width: auto;
    display: block;
}
header .nav .nav-item.dropdown .nav-link .chevron-icon {
    height: 5px;
    margin-left: 4px;
    margin-top: -1px;

}
.nav-2 .login-btn.for-desktop, .nav-2 .signup-btn.for-desktop {
    padding: 4px 10px;
    font-size: 15px;
}
.nav-2 .login-btn.for-mobile, .nav-2 .signup-btn.for-mobile {
    display: none;
}   
.nav-2 .profile-container {
    user-select: none;
    margin-top: -4px;
}   
.nav-2 .profile-container .fa-user {
    font-size: 18px;
    margin-top: 2px;
}
.nav-2 .profile-container .dropdown-menu, .nav-1 .notification-container .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    overflow: hidden;
    z-index: 1000;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.15);
}
.nav-2 .profile-container .dropdown-menu {
    min-width: 200px;
}
.nav-2 .profile-container .dropdown-menu .user-sidebar-logo {
    height: 70px;
}
.nav-2 .profile-container .dropdown-menu .dropdown-item {
    padding: 5px;
}
.nav-2 .profile-container .dropdown-menu .dropdown-item.logout-btn {
    border-top: 1px solid #b2b2b2;
}
.hero-section .carousel .carousel-control-next, .hero-section .carousel .carousel-control-prev {
    width: 7%;
}
.hero-section .carousel .carousel-control-next:hover, .hero-section .carousel .carousel-control-prev:hover {
    background-color: transparent;
}
.hero-section .carousel-item img {
    object-fit: cover;
}
.hero-section .carousel-item .carousel-caption {
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}
.hero-section .carousel-item .carousel-caption .heading {
    font-size: 68px;
}  
.hero-section .carousel-item .carousel-caption .desc {
    font-size: 20px;
}
.stories-wrapper .icon:last-child {
    right: -10px;
}   
.stories-wrapper .icon:first-child {
    left: -10px;
}
.card-popular {
    width: 100%;
    height: 100%;
}
.card-popular .title {
    cursor: pointer;
}
.card-popular .cook-image {
    border-radius: 50%;
}
.popular-dishes .card-popular .img-container {
    border-bottom: 1px solid #e1e1e1;
}   
.popular-dishes .card-popular .title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 26px;
    font-size: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.popular-dishes .swiper-slide {
    margin-bottom: 1px;
    width: 25%;
    height: auto;
}
.card-popular .cook-name, .live-cooking-classes-list-page .live-cooking-classes-list-section .card-1 .cook-name {
    font-size: 14px;
    font-weight: 600;
    color: #913737;
}
.card-popular .rating-and-calories-container, .live-cooking-classes-list-page .live-cooking-classes-list-section .card-1 .calories-container {
    bottom: 8px;
    left: 8px;
}
.card-popular .rating-and-calories-container .rating-box, .card-popular .rating-and-calories-container .calories, .live-cooking-classes-list-page .live-cooking-classes-list-section .card-1 .calories-container  {
    padding: 5px 10px;
    border-radius: 8px;
}
.card-popular .rating-and-calories-container .rating-box {
    background-color: #913737;
}
.card-popular .rating-and-calories-container .calories {
    background-color: #0A191E;
}
.card-1 {
    padding-bottom: 15px;
    border: 1px solid #b4b4b4;
    border-radius: 8px;
    overflow: hidden;
}
.card-1 .img-container {
    position: relative;
}
.card-1 .img-top {
    border-radius: 0px;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.card-1 .img-container .discount {
    padding: 12px;
    position: absolute;
    display: flex;
    gap: 3px;
    bottom: 0;
    background: #913737;
    border-top-right-radius: 30px;
}
.card-1 .img-container .discount .percentage {
    font-size: 42px;
    font-weight: 700;
    color: white;
    line-height: 33px;
}
.card-1 .img-container .discount .percentage-sign-and-off-text-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.card-1 .img-container .discount .percentage-sign-and-off-text-container .percentage-sign {
    color: white;
    font-size: 17px;
    line-height: 19px;
}   
.card-1 .img-container .discount .percentage-sign-and-off-text-container .off-text {
    color: white;
    line-height: 10px;
    font-size: 16px;
}
.card-1 .content {
    padding: 0 10px;
}
.card-1 .title {
    font-size: 18px;
    margin-top: 20px;
}
.card-1 .days-remaining {
    width: fit-content;
    text-align: center;
    border-radius: 10px;
    padding: 8px 15px;
    color: #f17228;
    background-color: #f1722833;
    cursor: pointer;
    font-size: 18px;
}
.searchCustom svg, .searchCustom-1 svg {
    width: 20px;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 20px;
    height: auto;
    z-index: 1;
}
.select-container {
    display: flex;
    align-items: center;
}
.select-container svg {
    width: 16px; 
    height: 16px; 
}
.footer {
    background-color: #212121;
}
.footer .footer-container {
    padding: 20px;
}
.footer hr {
    border-bottom: 2px solid white; 
}
.footer hr.top-hr {
    margin-bottom: 15px;
    padding: 15px;
    margin-bottom: 30px;
}
.footer hr.bottom-hr {
    padding: 5px;
}
.footer h4.column-heading {
    font-size: 22px;
}
.footer ul {
    list-style: none;
}
.footer ul li {
    margin-bottom: 10px;
}
.footer ul li a {
    color: white;
    list-style-type: none;
    padding-top: 15px;
    text-decoration: none;
}
.footer ul li a:hover {
    color: #913737;
}
.footer .form-control {
    height: 100%;
    padding: 10px;
} 
.copyright h4 {
    font-size: 18px;
    color: white;
    padding: 10px;
    text-align: center;
}
.social a {
    color: #ffffff;
}
.social a i {
    font-size: 18px;
}
.social a i:hover {
    color: #913737;
}
.input-container img {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: auto;
    z-index: 1;
    margin-right: 10px;
}
.footer .newsletter-subscription-form input {
    padding-left: 40px;
    background-color: #424242;
}
.footer .newsletter-subscription-form input:focus {
    background-color: #fff;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    border: none;
}
.cardImgFood img {
    width: 190px;
}
.ready-to-order {
    background-image: url("../images/readytoorder.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ready-to-order::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.6);
    z-index: -1;
}
h1 {
    text-align: center;
}
.slider-container {
    padding: 10px 0;
}
.search-by-food-section .slider-container .slider-arrows  button:focus {
    background: none;
    box-shadow: none;
}
.slides-wrapper {
    margin: auto;
    overflow: hidden;
}
.slides-container {
    padding: 0 10px;
}
.slider-list {
    overflow: hidden;
    transition: 1s;
    scroll-behavior: smooth;
    /* max-height: calc(100vh - 80px); */
}
.slider-item {
    min-height: 150px;
}
.slider-list.dragging {
    scroll-behavior: auto;
    cursor: grab; 
}
.slider-list.dragging li {
    user-select: none;
    pointer-events: none;
}
.main-sidebar {
    border: 1px solid #dcdcdc;
    border-radius: 30px 0 0 30px;
    padding: 30px 20px;
    max-height: calc(100vh - 165px);
    overflow-y: auto;
    position: sticky;
    top: 150px;
    z-index: 0;
}
.main-sidebar h3 {
    font-size: 20px; 
    margin-bottom: 15px;
}
.main-sidebar .sort-container, .main-sidebar .quick-filter-container, .main-sidebar .offers-container, .main-sidebar .cusines-container, .main-sidebar .price-container {
    margin-top: 30px;
}  
.main-sidebar .quick-filter-container .option {
    width: fit-content;
    border: 2px solid #dcdcdc;
    gap: 5px;
    margin: 0px 0px 10px 15px;
    padding: 7px 15px;
    border-radius: 36px;
}
.main-sidebar .quick-filter-container .option .img.white-color {
    display: none;
}
.main-sidebar .quick-filter-container .option.checked {
    background-color: #913737;
    color: #fff;
    border: 2px solid #913737;
}
.main-sidebar .quick-filter-container .option.checked .img.red-color {
    display: none;
}
.main-sidebar .quick-filter-container .option.checked .img.white-color {
    display: block;
}
.main-sidebar .quick-filter-container .option img {
    width: 25px;
}
.main-sidebar .quick-filter-container .option {
    cursor: pointer;
}
.main-sidebar .filters-title {
    font-size: 24px;
}
.main-sidebar .filters-title .cross-icon {
    display: none;
}
.main-sidebar .sort-container .radio-container, .main-sidebar .offers-container .checkbox-container, .main-sidebar .cusines-container .checkbox-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-left: 15px;
    margin-bottom: 10px;
}
.main-sidebar .offers-container .checkbox-container > *, .main-sidebar .cusines-container .checkbox-container > * {
    cursor: pointer;
}
.main-sidebar .sort-container {
    margin-top: 30px;
}
.main-sidebar .cusines-container .cusine-search {
    margin-bottom: 15px;
}
.main-sidebar .cusines-container .cusine-search input {
    padding-left: 50px;
    background: #f7f7f7;
    border-radius: 30px;
}
.main-sidebar .cusines-container .cusine-search svg path {
    fill: rgb(118,118,118);
}
.main-sidebar .cusines-container p.toggle-content  {
    padding-left: 15px;
}
.main-sidebar .cusines-container .checkbox-container.hidden-cuisine {
    display: none;
}
.main-sidebar .cusines-container .toggle-content {
    cursor: pointer;
}
.main-sidebar .cusines-container .toggle-content i {
    margin-left: 5px;
}
.main-sidebar .price-container .price-list {
    gap: 5px 10px;
}
.main-sidebar .price-container .price-list .option.selected {
    background-color: #913737;
    color: #ffffff;
}
.main-sidebar .price-container .price-list p {
    cursor: pointer;
    white-space: nowrap;
    gap: 10px;
    padding: 5px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    margin-bottom: 5px;
}
.main-content .main-search input {
    padding-left: 50px;
    border-radius: 30px;
}
.main-content {
    padding: 0 50px;
}
main {
    background-color: #fdfdfd;
    padding-top: 15px;
    padding-bottom: 15px;
}
.slider-container-for-side-buttons {
    position: relative;
}
.slider-container-for-side-buttons .swiper {
    position: static;
} 
.daily-deals-section .slider .swiper-slide img, .available-items-section .slider .swiper-slide img {
    width: 100%;
}
.slider-container-for-side-buttons .swiper-button-prev, .slider-container-for-side-buttons .swiper-button-next {
    width: 50px;
    height: 50px;
    background: #913737;
    border-radius: 50%;
    z-index: 1;
}
.slider-container-for-side-buttons .swiper-button-prev {
    left: -15px;
}
.slider-container-for-side-buttons .swiper-button-next {
    right: -15px;
}
.slider-container-for-side-buttons .swiper-button-prev:after, .slider-container-for-side-buttons .swiper-button-next:after {
    color: white;
}
.slider-container-for-side-buttons .swiper-button-next.swiper-button-disabled, .slider-container-for-side-buttons .swiper-button-prev.swiper-button-disabled {
    display: none;
}
/* card-2 styling */
.card-2 {
    border-radius: 16px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}
.card-2 .image-container {
    position: relative;
}
.card-2 .main-image {
    object-fit: cover;
    width: 100%;
    height: 225px;
}
.card-2 .content {
    padding: 15px ;
}
.card-2 .content h3 {
    margin-top: 0;
}
.card-2 .content .rating {
    gap: 5px;
}
.card-2 .content .rating img {
    width: 20px;
}
.card-2 .content .rating .rating-points {
    font-size: 18px;
    color: #913737;
}
.card-2 .content .price {
    color: #913737;
    font-size: 18px;
    font-weight: 500;
}

.card-2 .content .delivery-time .time-icon {
    width: 26px;
}
.card-2 .content .delivery-time .text {
    margin-left: 5px;  
} 
.card-2 .image-container .discount {
    padding: 12px;
    position: absolute;
    display: flex;
    gap: 3px;
    bottom: 0;
    background: #913737;
    border-top-right-radius: 30px;
}
.card-2 .image-container .home-chef-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #913737;
    padding: 6px 10px;
    border-radius: 10px
} 
.card-2 .image-container .home-chef-badge img {
    width: 18px;
}
.card-3 .main-img-container .favourite-icon-container, .cook-details-page .cook-main-image-container .favourite-icon-container {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    border-radius: 50%;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
} 
.card-3 .main-img-container .favourite-icon-container i,  .cook-details-page .cook-main-image-container .favourite-icon-container i {
    color: #913737;
}
.card-3 .main-img-container .favourite-icon-container i.unfilled, .cook-details-page .cook-main-image-container .favourite-icon-container i.unfilled {
    display: block; /* Show by default */
}
.card-3 .main-img-container .favourite-icon-container i.filled, .cook-details-page .cook-main-image-container .favourite-icon-container i.filled {
    display: none; /* Hide by default */
}
.card-3 .main-img-container .favourite-icon-container i.active, .cook-details-page .cook-main-image-container .favourite-icon-container i.active {
    display: block;
}
.card-3 .main-img-container .favourite-icon-container i:not(.active), .cook-details-page .cook-main-image-container .favourite-icon-container i:not(.active) {
    display: none;
}    

.card-2 .image-container .discount .percentage {
    font-size: 42px;
    font-weight: 700;
    color: white;
    line-height: 33px;
}
.card-2 .image-container .discount .percentage-sign-and-off-text-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.card-2 .image-container .discount .percentage-sign-and-off-text-container .percentage-sign {
    color: white;
    font-size: 17px;
    line-height: 19px;
}
.card-2 .image-container .discount .percentage-sign-and-off-text-container .off-text {
    color: white;
    line-height: 10px;
    font-size: 16px;
}
.top-brands-section .swiper .brand img {
    width: 100%;
}
.max-width-1440px {
    max-width: 1440px;
}
.slider-container-for-side-disabled-buttons {
    padding: 0 35px;
    position: relative;
}   
.slider-container-for-side-disabled-buttons .swiper {
    position: static;
}
.stories-section .swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
}
.swiper .swiper-button-next, .swiper .swiper-button-prev {
    width: 32px;
    height: 32px;
    top: unset;
    bottom: 50%;
    transform: translateY(50%);
    color: white;
    background: #913737;
    border-radius: 50%;
}
.swiper .swiper-button-next:after, .swiper .swiper-button-prev::after {
    font-size: 16px;
    font-weight: 900;
}
.how_does_it_works {
    background-color: #ffae0010;
}
.how_does_it_works .steps .step .card-img-top {
    height: 130px;
    width: auto;
}
.how_does_it_works .steps .step .title {
    font-size: 22px; 
    color: #913737; 
}
.how_does_it_works .steps .step .desc {
    font-size: 18px;
}
.py-50px {
    padding-top: 50px;
    padding-bottom: 50px;
}
.py-30px {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pt-30px {
    padding-top: 30px;
}
.pt-80px {
    padding-top: 80px;
}
.pb-50px {
    padding-bottom: 50px;
}
.pb-80px {
    padding-bottom: 80px;
}
.mt-2px {
    margin-top: 2px;
}
.mr-4px {
    margin-right: 4px;
}
.mr-6px {
    margin-right: 6px;
}
.mr-15px {
    margin-right: 15px;
}
.features-and-app-download-section {
    background-color: #feedd0;
}
.features-and-app-download-section .features-container {
    background-color: white;
    border-radius: 46px;
}
.features-and-app-download-section .features-container .single-feature .image {
    width: 80px;
}
.features-and-app-download-section .features-container .single-feature .text {
    font-size: 30px; 
    color: #913737; 
    padding: 0;
}
.features-and-app-download-section .app-download-container {
    background-image: url("../images/download-apps-curve.png");
    background-position: 50% bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}
.features-and-app-download-section .app-download-container .mobiles-image-container .mobiles-image {
    width: 100%;
}
.features-and-app-download-section .app-download-container .content {
    padding: 80px 30px 0px;
}
.features-and-app-download-section .app-download-container .title {
    font-size: 60px;
    color: #913737;
}
.features-and-app-download-section .app-download-container .desc {
    font-size: 18px;
}
.features-and-app-download-section .app-download-container
.search-by-food-section {
    background-color: #fefaf1;
}
.sidebar-and-content .main-content .main-searchbar-and-filter-button .main-search {
    flex: 1;
}
.sidebar-and-content .main-content .main-searchbar-and-filter-button .main-filter-button {
    display: none;
    align-items: center;
    gap: 5px;
    background: white;
    font-size: 20px;
    padding: 10px;
    border-radius: 36px;
    cursor: pointer;
}
.sidebar-and-content .main-content .main-searchbar-and-filter-button .main-filter-button img {
    width: 30px;
}
.create-an-account .create-an-account-content, .login .login-content, .contact-us-page .contact-us-content  {
    width: 600px;
    max-width: 95%;
    padding: 30px;
    margin: 50px 0;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
}
.create-an-account-content .continue-with-container .single-continue-with-container, .login-content .continue-with-container .single-continue-with-container {
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}  
.create-an-account-content .continue-with-container .single-continue-with-container.continue-with-google-container, .login-content .continue-with-container .single-continue-with-container.continue-with-google-container {
    border: 1px solid #e5e5e5;
}
.create-an-account-content .continue-with-container .single-continue-with-container.continue-with-facebook-container, .login-content .continue-with-container .single-continue-with-container.continue-with-facebook-container {
    background-color: #475A96;
    border: 1px solid #475A96;
}
.create-an-account-content .continue-with-container .single-continue-with-container img, .login-content .continue-with-container .single-continue-with-container img {
    margin-right: 15px;
    width: 20px;
}
.form-content.form-content-with-500px-width {
    width: 500px;
}
.form-content {
    border: 1px solid #dbdbdb;
    border-radius: 15px;
    padding: 30px;
}
.forgot-password-enter-otp-page input {
    width: calc((100% / 6) - 12px);
    color: rgba(33, 37, 41);
    font-size: 32px;
    padding: 10px;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    outline: none;
    transition: all 0.1s;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CBCBCB;
}
.two-fields-in-a-row-container {
    display: flex;
    gap: 30px;
}
.two-fields-in-a-row-container .field-and-label-container {
    width: 50%; 
    display: flex;
    align-items: center;
}
.field-and-label-container label {
    width: 150px;
}
.field-and-label-container input, .field-and-label-container select {
    height: 50px;
    border: 1px solid #e5e5e5;
    background-color: transparent;
    border-radius: 4px;
}   
.field-and-label-container .input-container {
    width: 100%;
    position: relative;
}   
.field-and-label-container .input-container i {
    position: absolute;
    top: 17px;
    right: 30px;
    color: #373737;
    cursor: pointer;
}
.field-and-label-container .input-container i.fa-eye {
    display: block; 
}
.field-and-label-container .input-container i.fa-eye-slash {
    display: none;
}
.full-width-label-and-field {
    display: flex;
}
.create-an-account-content .or, .login-content .or  {
    position: relative;
    text-align: center;
}
.create-an-account-content .or:before, .login-content .or:before {
    content: "";
    width: 45%;
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0%;
    background: #e5e5e5;
}
.create-an-account .or:after, .login-content .or::after {
    content: "";
    width: 45%;
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 0%;
    background: #e5e5e5;
}
.card-3 {
    width: 100%;
    border: none;
}
.card-3 .card-img-top {
    border-radius: 16px;
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.card-3 .main-img-container .off-and-fast-label {
    position: absolute;
    top: 15px;
    left: 15px;
}
.card-3 .main-img-container .off-and-fast-label .off-label, .card-3 .main-img-container .off-and-fast-label .fast-label {
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
}
.card-3 .main-img-container .off-and-fast-label .off-label {
    background-color: #913737;
}
.card-3 .main-img-container .off-and-fast-label .fast-label {
    background-color: #0a191e;
} 
.card-3 .content .restaurant-logo {
    width: 65px;
    height: 65px;
}
.card-3 .content .restaurant-name {
    font-size: 20px;
}
.card-3 .content .star-icon {
    width: 16px;
}   
.card-3 .content .rating-and-number-of-reviews {
    font-size: 16px;
}
.card-3 .content .open-day {
    width: fit-content;
    text-align: center;
    border-radius: 10px;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 16px;
}
.card-3 .open-now {
    background-color: #79b93c33;
    color: #79B93C;
}
.card-3 .not-open-today {
    color: #f17228;
    background-color: #f1722833;
}
.search-by-section {
    background-color: #f8f8f8;
}
.search-by-section .nav .nav-link {
    width: 100%;
    border-bottom: 2px solid #ddd;
    border-radius: 0;
}
.search-by-section .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent;
    color: #000000;
    border-bottom: 2px solid #913737;
}
.search-by-section .nav-pills .nav-link.active, .nav-pills .show>.nav-link:focus-visible {
    
    outline: none;
}
.search-by-section .nav-pills .nav-link img {
    height: 45px;
}
.search-by-section .search-by-tab-content .list .single-item {
    background-color: #fff;
    padding: 10px 20px;
    gap: 4;
    display: flex;
    align-items: center;
    border-radius: 40px;
    border: 1px solid #913737;
    cursor: pointer;
    flex-wrap: wrap;
}
.view-all-link {
    float: right;
    text-decoration: none;
    color: #acadb9;
}
.view-all-link:hover {
    color: #333;
}
.cook-details-page .breadcrumb .city-name a, .cook-details-page .breadcrumb .cook-list-text a {
    color: #913737;
    font-weight: 500;
    text-underline-offset: 4px; 
    text-decoration: underline;
}
.cook-details-page .breadcrumb .cook-name {
    color: #424242;
    font-weight: 500;
}
.cook-details-page .add-to-favourites-button {
    gap: 5px;
    border: 1px solid #913737;
    color: #913737;
    width: fit-content;
    padding: 15px;
    border-radius: 10px;
}
.cook-details-page .add-to-favourites-button .fa-regular.fa-heart {
    color: #913737;
}
.cook-details-page .add-to-favourites-button i.fa-solid.fa-heart {
    display: none;
}
.cook-details-page .add-to-favourites-button i.fa-solid.fa-heart:before {
    color: #913737;
}
.cook-details-page .add-to-favourites-button:hover i.fa-solid.fa-heart {
    display: block;
}
.cook-details-page .add-to-favourites-button:hover i.fa-regular.fa-heart {
    display: none;
}
.cook-details-page .add-to-favourites-button-row.for-mobile {
    display: none;
}
.cook-details-page .cook-main-image-categories-name-discount-container {
    display: flex;
    gap: 30px;
}
.cook-details-page .cook-main-image-categories-name-discount-container .cook-main-image-container img {
    height: 200px;
    border-radius: 8px;
}   
.cook-details-page .cook-main-image-categories-name-discount-container .categories-name-discount-container {
    overflow: hidden;
}
.cook-details-page .cook-main-image-categories-name-discount-container .categories-name-discount-container .cook-name {
    font-weight: 500;
}
.cook-details-page .cook-main-image-categories-name-discount-container .categories-name-discount-container .cook-name-and-food-safety-certification .food-safety-certification-container img {
    width: 24px;
}
.cook-details-page .cook-main-image-categories-name-discount-container .categories-name-discount-container .cook-name-and-food-safety-certification .food-safety-certification-container p {
    font-weight: 500;
}
.cook-details-page .address-distance-open-map-link-container.for-mobile {
    display: none !important;
} 
.cook-details-page .cook-main-image-categories-name-discount-container .categories-container {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.cook-details-page .cook-main-image-categories-name-discount-container .categories-container .category {
    display: inline;
}
.cook-details-page .provided-services-container, .cook-details-page .provided-services-container .service  {
    display: flex;
    gap: 8px;
}
.cook-details-page .cook-main-image-categories-name-discount-container .categories-container .category .dot {
    color: rgb(33, 37, 41);
    margin: 5px;
}   
.cook-details-page .cook-main-image-categories-name-discount-container .discount-container {
    color: #913737;
    font-weight: 500;
    background: #C37373;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 10px;
}            
.cook-details-page .cook-rating-review-timing-container .see-reviews-link, .cook-details-page .cook-rating-review-timing-container .timing-link p, .cook-details-page .cook-main-image-categories-name-discount-container .open-map-link {
    text-decoration: underline;
    cursor: pointer;
}   
.cook-details-page .cook-rating-review-timing-container .rating-points {
   color: #913737; 
   margin-right: 4px;
}
.cook-details-page .cook-rating-review-timing-container .see-reviews a, .cook-details .cook-rating-review-timing-container .timing-link p {
    font-weight: 500;
}   
.categories-slider .wrapper .icon {
    position: absolute;
    z-index: 3;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.categories-slider .icon:first-child {
    left: 0px;
    opacity: 0.5;
}
.categories-slider .icon:last-child {
    right: 0px;
    justify-content: flex-end;
}
.categories-slider .icon i {
    border: 1px solid;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 1.2rem;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
}
.categories-slider .icon i::before {
    color: #913737;
}
.categories-slider .wrapper.tabs-wrapper {
    position: relative;
    z-index: 2;
    overflow-x: hidden;
    max-width: 1000px;
    border-radius: 13px;
}
.categories-slider .wrapper .tabs-box {
    width: 92%;
    list-style: none;
    overflow-x: hidden;
    scroll-behavior: smooth;
    margin:0;
}
.categories-slider .tabs-box .tab {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    background: #ffffff;
    text-align: center;
    padding: 20px 15px;
    white-space: nowrap;
}
.categories-slider .tabs-box .tab.active {
    border-bottom: 2px solid #000;
}
.categories-slider .tabs-box.dragging {
    scroll-behavior: auto;
    cursor: grab; 
}
.categories-slider .tabs-box.dragging .tab {
    user-select: none;
    pointer-events: none;
}
.searchCustom-1 {
    position: relative;
}
.searchCustom-1 svg path {
    fill: rgb(118,118,118);;
}
.searchCustom-1 input {
    padding-left: 50px;
    border-radius: 50px;
    background: #f7f7f7;
}
.cook-details-page .categories-slider-and-item-searchbar-container {
    position: sticky;
    top: 124px;
    background: #ffffff;
    z-index: 10;
}
.cook-details-page .categories-slider-and-item-searchbar-container::before {
    content: "";
    position: absolute;
    bottom: -1px;
    border-bottom: 1px solid #e3e3e3;
    width: 100vw;
    left: 49%;
    transform: translateX(-50%);
}
.cook-details-page .available-items-and-search-icon .search-icon-container.for-mobile {
    display: none;
}
.cook-details-page .category-content .single-item-card {
    padding: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
}
.cook-details-page .category-content .single-item-card .content-container .desc {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limits text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}   
.cook-details-page .category-content .single-item-card .img-container img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 12px;
}
.cook-details-page .category-content .single-item-card .img-container .add-button {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10px;
    right: 20px;
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.cook-details-page .category-content .single-item-card .img-container .add-button:hover i {
    color: #913737;
}
.cook-details-page .timing-modal .clock-icon {
    color: #913737;
    font-size: 24px;
}      
.side-shopping-cart .delivery-and-pick-up-options-and-cart-container .delivery-and-pick-up-options-container .option {
    border: 1px solid #dcdcdc;  
    border-radius: 10px;
    padding: 10px 5px;
}
.side-shopping-cart .delivery-and-pick-up-options-and-cart-container .side-cart .selected-items-container .selected-item:last-child {
    border-bottom: 1px solid #ebebeb;
}
.side-shopping-cart .delivery-and-pick-up-options-and-cart-container .side-cart .selected-items-container .selected-item .img-container img {
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
}
.side-shopping-cart .delivery-and-pick-up-options-and-cart-container .side-cart .selected-items-container .selected-item .content-container .incre-and-decre-buton-col {
    padding-left: 0;
    display: flex;
    align-items: end;
}
.side-shopping-cart .delivery-and-pick-up-options-and-cart-container .side-cart .selected-items-container .selected-item .content-container .incre-and-decre-buton-col .incre-and-decre-buton  {
    border: 1px solid #dcdcdc;
    padding: 5px 10px;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
    width: 100%;
}
.side-shopping-cart .delivery-and-pick-up-options-and-cart-container .side-cart .selected-items-container .selected-item .content-container .incre-and-decre-buton-col .incre-and-decre-buton i {
    cursor: pointer;
}
.side-shopping-cart .delivery-and-pick-up-options-and-cart-container .side-cart .selected-items-container .selected-item .content-container .incre-and-decre-buton-col .incre-and-decre-buton i.fa-trash-can::before {
    color: #913737;
}
.side-shopping-cart .delivery-and-pick-up-options-and-cart-container .side-cart .proceed-to-checkout-link  {
    padding: 10px;
    border-radius: 6px;
    background-color: #913737;
    color: white;
    width: 300px;
    max-width: 80%;
    text-decoration: none;
    text-align: center;
}   
.create-an-account .create-an-account-content form .agree-para a {
    color: #913737;
}
.create-an-account .create-an-account-content form .login-page-link, .login .login-content form .create-an-page-link  {
    color: #913737;
    text-decoration: none;
    white-space: nowrap;
}   
.checkout-page {
    padding-top: 60px;
    padding-bottom: 60px;
} 
.checkout-page .container-1 {
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    padding: 30px;
}
.checkout-page .address-container .shipping-details-container {
    display: none;
}
.checkout-page .address-container .shipping-details-container.open {
    display: block;
}
.checkout-page .paymnet-methods-container .payment-methods .payment-method {
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    padding: 12px;
}
.checkout-page .paymnet-methods-container .payment-methods .payment-method label {
    font-size: 18px;
    font-weight: 400;
    color: #424242;
    padding-left: 45px;
}
.checkout-page .paymnet-methods-container .payment-methods .payment-method.cash-on-delivery-method .cash-on-delivery-icon {
    height: 30px;
    margin-right: 5px;
}
.checkout-page .paymnet-methods-container .payment-methods .payment-method.card-method .cards-options .card-option img {
    height: 20px;
}
.checkout-page .paymnet-methods-container form {
    padding: 10px 30px;
}
.checkout-page .paymnet-methods-container form input {
    height: 50px;
    padding: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
}
.checkout-page .paymnet-methods-container form .one-field-row input {
    width: 100%;
}
.checkout-page .paymnet-methods-container form .two-fields-row input {
    width: 50%;
} 
  
.checkout-page .charity-to-order .option {
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 10px 14px;
    cursor: pointer;
}   
.checkout-page .charity-to-order .tip-options .option.active {
    background-color: #913737;
    color: #ffffff;
}
.checkout-page .charity-to-order .custom-amount-input {
    display: none;
}
.checkout-page .order-details-container .items-and-prices {
    border-bottom: 1px solid #EBEBEB;       
}
.get-location-page {
    padding-top: 0;
}   
.get-location-page .get-location-section {
    background-color: #ba2126;
    background-image: url("../images/get-location-bg.png");
    padding: 90px 0;
    background-size: cover;
    background-position: left bottom;
} 
.get-location-page .get-location-section .content {
    margin-top: 100px;
    margin-left: 30px;
}
.get-location-page .get-location-section .content h6 {
    font-size: 24px;
    color: white;
    margin-bottom: 30px;
    font-family: "Alegreya Sans", sans-serif;
}
.get-location-page .get-location-section .get-location-search-field-col {
    padding-right: 0;
}
.get-location-page  .get-location-section .content form {
    background: white;
    border-radius: 12px;
    width: 600px;
    padding: 15px;
}
.get-location-page .get-location-section .content form .get-location-search-field-container {
    position: relative;
    width: 100%;
}
.get-location-page .get-location-section .content form .get-location-search-field-container input {
    border-radius: 12px;
    border: 1px solid;
    width: 100%;
    height: 50px;
    padding-left: 15px;
    padding-right: 140px;
    border: 1px solid #ababab;
}
.get-location-page .get-location-section .content form .get-location-search-field-container input:focus-visible {
    outline: none;
}
.get-location-page .get-location-section .content form .get-location-search-field-container .location-icon-and-locate-me {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.get-location-page .get-location-section .content form .get-location-search-field-container .location-icon-and-locate-me img {
    height: 25px;
}
.get-location-page .get-location-section .content .find-food-btn {
    background: #913737;
    width: 100%;
    border-radius: 12px;
}
.get-location-page .home-food-today-is-the-smartest-way-to-order-food-online-section {
    padding: 60px 0;
}
.get-location-page .home-food-today-is-the-smartest-way-to-order-food-online-section .boxes .box img {
    width: 100%;
}
.get-location-page .your-choice-our-food-section {
    padding: 60px 0;
    background-color: #F7F7F7;
}
.get-location-page .your-choice-our-food-section .image-container img {
    width: 100%;
}
.get-location-page .dont-miss-delectable-deals-and-scrumptious-specials-section {
    position: relative;
    background-image: url("../images/dont-miss-delectable-deals-and-scrumptious-specials.png");
    padding: 75px;
    z-index: 1;
}
.get-location-page .dont-miss-delectable-deals-and-scrumptious-specials-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(145, 55, 55,0.5);
    z-index: -1;
}
.get-location-page .dont-miss-delectable-deals-and-scrumptious-specials-section .newsletter-form input{
    height: 40px;
    border: none;
    padding-left: 15px;
    width: 300px;
}
.get-location-page .dont-miss-delectable-deals-and-scrumptious-specials-section .newsletter-form button[type="submit"] {
    height: 40px;
    margin-left: 5px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.get-location-page .dont-miss-delectable-deals-and-scrumptious-specials-section .newsletter-form button[type="submit"]:hover {
    background-color: #913737;
    color: #fff;
}
.get-location-page .dont-miss-delectable-deals-and-scrumptious-specials-section .newsletter-form input:focus-visible {
    outline: 1px solid #000000;
}
.get-location-page .cities-section {
    padding: 60px 0;
}
.get-location-page .cities-section .city-box {
    position: relative;
}
.get-location-page .cities-section .city-box img {
    width: 100%;
}
.get-location-page .cities-section .city-box .city-name {
    position: absolute;
    left: 15px;
    bottom: 10px;
    background: white;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 12px;
}
  


.modal.modal-1 .modal-header {
    flex-direction: column;
    align-items: flex-start;
}   
.modal.modal-1 .modal-dialog .modal-content {
    border-radius: 15px;
    border: none;
}
.modal.modal-1 .modal-title {
    color: #913737;
}
.modal.modal-1 .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 12px;
}
.modal .btn-close:hover {
    background-color: transparent;
}
.modal.modal-1 .btn-close:focus {
    box-shadow: none;
}
.cook-details-page .reviews-modal .modal-body, .dish-details-modal .reviews-modal .modal-body  {
    padding: 15px 45px;
}
.cook-details-page .reviews-modal .modal-body .rating-box, .dish-details-modal .reviews-modal .modal-body .rating-box  {
    border: 1px solid #DCDCDC;
    border-radius: 18px;
    overflow: hidden;
}
.cook-details-page .reviews-modal .modal-body .rating-box .summary, .dish-details-modal .reviews-modal .modal-body .rating-box .summary {
    padding: 10px 20px;
    display: flex;
    gap: 8px;
    background-color: rgba(145, 55, 55, 0.7);
}
.cook-details-page .reviews-modal .modal-body .rating-box .summary .fa-arrow-up, .dish-details-modal .reviews-modal .modal-body .rating-box .summary .fa-arrow-up {
    color: #913737;
}
.cook-details-page .reviews-modal .modal-body .rating-box .overall-rating-container, .dish-details-modal .reviews-modal .modal-body .rating-box .overall-rating-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.cook-details-page .reviews-modal .modal-body .rating-box .overall-rating-container .total-number-of-ratings-container, .dish-details-modal .reviews-modal .modal-body .rating-box .overall-rating-container .total-number-of-ratings-container {
    display: flex;
    gap: 5px;
}
.cook-details-page .reviews-modal .modal-body .rating-box .overall-rating-container .overall-rating, .dish-details-modal .reviews-modal .modal-body .rating-box .overall-rating-container .overall-rating {
    color: #424242;
    font-size: 60px;
    line-height: 48px;
    display: flex;
    align-items: flex-start;
}
.cook-details-page .reviews-modal .modal-body .rating-box .overall-rating-and-single-star-rating-row, .dish-details-modal .reviews-modal .modal-body .rating-box .overall-rating-and-single-star-rating-row {
    padding: 50px 100px;
}
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating {
    display: flex;
}
.cook-details-page .reviews-modal .modal-body .rating-box .overall-rating-container .overall-stars .fa-star, .cook-details-page .reviews-modal .modal-body .rating-box .overall-rating-container .overall-stars .fa-star-half-stroke, .dish-details-modal .reviews-modal .modal-body .rating-box .overall-rating-container .overall-stars .fa-star, .dish-details-modal .reviews-modal .modal-body .rating-box .overall-rating-container .overall-stars .fa-star-half-stroke{
    color: rgba(145, 55, 55, 1);
}
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar {
    position: relative;
    flex: 1;
    height: 6px;
    background: #dcdcdc;
    border-radius: 12px ;
}
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar .filled, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar .filled {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #913737;
    border-radius: 12px;
} 
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.one-star-bar .filled, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.one-star-bar .filled {
    width: 14%;
}
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.two-star-bar .filled, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.two-star-bar .filled {
    width: 17%;
}
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.three-star-bar .filled, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.three-star-bar .filled {
    width: 21%;
}
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.four-star-bar .filled, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.four-star-bar .filled {
    width: 7%;
}
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.five-star-bar .filled, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row .bar.five-star-bar .filled {
    width: 41%;
}       
.cook-details-page .single-star-rating-row .percentage, .dish-details-modal .single-star-rating-row .percentage {
    width: 40px;
    text-align: right;
}
.cook-details-page .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row  .star-number-and-star-icon  .fa-star, .dish-details-modal .reviews-modal .modal-body .rating-box .single-star-rating-container .single-star-rating-row  .star-number-and-star-icon  .fa-star {
    color: #913737;
}
.cook-details-page .reviews-modal .modal-body .review-box .nav.nav-pills .nav-item button.nav-link, .dish-details-modal .reviews-modal .modal-body .review-box .nav.nav-pills .nav-item button.nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
    border: 1px solid #913737 !important;
    border-radius: 38px;
    color: #000;
}
.cook-details-page .reviews-modal .modal-body .review-box .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .dish-details-modal .reviews-modal .modal-body .review-box .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #913737 !important;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content {
    height: 300px;
    overflow: auto;
    padding-right: 15px;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content::-webkit-scrollbar, .side-shopping-cart .side-shopping-cart-content::-webkit-scrollbar, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content::-webkit-scrollbar {
    width: 5px;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content::-webkit-scrollbar-track, .side-shopping-cart .side-shopping-cart-content::-webkit-scrollbar-track, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 50px;
    margin-inline: 0 15px;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content::-webkit-scrollbar-thumb, .side-shopping-cart .side-shopping-cart-content::-webkit-scrollbar-thumb, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 50px;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content .single-rating-box, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content .single-rating-box  {
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    padding: 15px;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content .single-rating-box .review-desc, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content .single-rating-box .review-desc {
    padding-left: 40px;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content .single-rating-box .review-on-which-item-container, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content .single-rating-box .review-on-which-item-container {
    display: flex;
    background: #f7f7f7;
    border-radius: 15px;
    overflow: hidden;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content .single-rating-box .review-on-which-item-container .item-name, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content .single-rating-box .review-on-which-item-container .item-name {
    padding-left: 30px;
    margin-bottom: 0;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content .single-rating-box .review-on-which-item-container .item-image, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content .single-rating-box .review-on-which-item-container .item-image {
    width: 100%;
}
.cook-details-page .reviews-modal .modal-body .review-box .tab-content .single-rating-box .seller-response-container, .dish-details-modal .reviews-modal .modal-body .review-box .tab-content .single-rating-box .seller-response-container {
    padding-left: 80px;
}
.profile-page .profile-content {
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 15px;
    padding: 30px;
}
.profile-page .profile-content .nav-pills .nav-link  {
    padding: 15px;
    color: #000000;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    font-weight: 500;
}
.profile-page .profile-content .nav-pills .nav-link span {
    font-weight: 500;
}
.profile-page .profile-content .nav-pills .nav-link.active {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}
.profile-page .profile-content .nav-pills .nav-link.active span {
    color: #913737;
}
.profile-page .profile-content .nav-pills .nav-link img {
    width: 20px;
}
.profile-page .field-and-label-container input {
    flex: auto;
}
.profile-content .notification-container .notification {
    padding-left: 30px;
    padding-right: 30px;
}
.profile-page .connected-accounts-container .single-account {
    width: 100%;
    padding: 12px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 12px;
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
}   
.profile-page .connected-accounts-container .single-account .icon img {
    width: 36px;
}
.profile-page .connected-accounts-container .single-account .account-name-and-connection-status .connection-status {
    font-size: 14px;
    font-weight: 500;
}
.profile-page .connected-accounts-container .single-account .account-name-and-connection-status .connection-status.connected {
    color: #913737;
}
.profile-page .connected-accounts-container .single-account .account-name-and-connection-status .connection-status.not-connected span {
    color: #913737;
    cursor: pointer;
}
.profile-page .connected-accounts-container .single-account .cross-icon {
    fill: #444444;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
} 
.profile-page .connected-accounts-container .single-account .cross-icon:hover {
    fill: #000;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .profile-image-container {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid grey;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .profile-image-container .image {
    width: 100%;
    height: 100%;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .profile-image-container .chose-photo-label {
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    color: wheat;
    line-height: 30px;
    font-family: sans-serif;
    font-size: 9px;
    display: none;
    cursor: pointer;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .profile-image-container:hover .chose-photo-label {
    display: block;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .upload-new-image-btn {
    border-radius: 15px;
}
.side-shopping-cart {
    display: flex;
    flex-direction: column;
    width: 350px;
    padding: 5px;
    max-width: 98%;
    transition: transform 0.3s ease;
    transform: translateX(100%);
    position: fixed;
    top: 0;
    right: 0;
    background: white;
    height: 100%;   
    z-index: 30;
    border-left: 1px solid #afafaf;
}  
.side-shopping-cart .no-item-message {
    display: none;
    width: 80%;
    margin: auto;
} 
.side-shopping-cart .side-shopping-cart-content {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}
.side-shopping-cart .side-shopping-cart-content .delivery-and-pick-up-options-container {
    flex-wrap: wrap;
    gap: 10px;
}
.side-shopping-cart .side-shopping-cart-content .delivery-and-pick-up-options-container .option {
    width: calc(50% - 5px);
    cursor: pointer;
}
.side-shopping-cart .side-shopping-cart-content .delivery-and-pick-up-options-container .option.selected {
    border: 1px solid #913737;
}
.side-shopping-cart .side-shopping-cart-content .delivery-and-pick-up-options-container .option .time-or-availability {
    font-size: 13px;
}
.shopping-cart-open {
    /* Translate the cart to the visible position */
    transform: translateX(0); 
}
.side-shopping-cart .cross-icon {
    cursor: pointer;
}
.shopping-cart-closing-icon {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}
.navbar-container .nav-1 .shopping-cart-icon{
    cursor: pointer;
}
.card-4 {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 5px #dbdbdb;
}
.card-4 .card-content {
    padding: 50px 20px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.card-4 .card-content .card-title {
    font-weight: 700;
}
.card-4 .main-image {
    height: 100%;
    object-fit: cover;
}
.card-4 .card-content .view-details-link {
    width: 100%;
}
.navbar-container .nav-1 .language-selector .options div {
    padding: 10px 8px;
}
.navbar-container .nav-1 .language-selector .label {
    user-select: none;
    cursor: pointer;
}
.navbar-container .nav-1 .language-selector .options div.selected {
    background-color: #913737;
    color: white;
}
.navbar-container .nav-1 .language-selector .options {
    width: 100px;
    position: absolute;
    border: 1px solid #000;
    background-color: #ffffff;
    z-index: 1;
    display: none;
}
.navbar-container .nav-1 .language-selector .options div:hover {
    background-color: #a74040;
    color: white;
    cursor: pointer;
}
.navbar-container .nav-1 .notification-icon-container {
    cursor: pointer;
}
.table-1-wrapper {
    overflow-x: auto;
    margin-bottom: 15px;
}
.table-1-wrapper::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}   
.table-1-wrapper::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 50px;
    margin-inline: 0 15px;
}
.table-1-wrapper::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 50px;
}
.table-1 {
    width: 100% !important;
    border-radius: 15px;
    border-spacing: 0;
    margin-bottom: 15px;
    border: 1px solid #dcdcdc;
    border-collapse: separate;
}
.table-1 thead th {
    color: #323142;
}
.table-1 thead th, .table-1 tbody tr:not(:last-child) td {
    border-bottom: 1px solid #dcdcdc;
}
.table-1 thead th, .table-1 tbody tr td {
    padding: 15px;
    white-space: nowrap;
}
.table-1 .view-details-td .view-details-td-link {
    background: transparent;
    border: 1px solid #777;
    border-radius: 6px;
    padding: 10px;
    text-wrap: nowrap;
    text-decoration: none;
    color: #000;
}
.table-1 tbody tr td.status.completed {
    color: green;
}
.table-1 tbody tr td.status.cancelled {
    color: red;
}
.featured-cook-card .content {
    padding: 0 8px;
}   
.featured-cook-card .view-details-link {
    color: #913737;
    font-weight: 500;
    font-size: 16px;
}   
.login-content .forgot-password-link small {
    font-size: 15px;
}
.dish-details-modal .back-btn {
    background: #fff;
    color: #000;
    padding: 8px 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 50px 0px #dfdfdf;
    cursor: pointer;
}
.dish-details-modal .dish-details-section .main-image {
    border-radius: 20px;
    max-width: 100%;
    height: 400px;
    object-fit: cover;
}
.dish-details-modal .dish-details-section .small-img-row .small-img-col {
    flex-basis: 24%;
}
.dish-details-modal .dish-details-section .small-img-row .small-img-col img {
    object-fit:cover;
    height: 100px;
    border-radius: 12px;
    cursor: pointer;
}
.dish-details-modal .rating .number {
    font-weight: 600;
}
.dish-details-modal .rating .stars i {
    color: #913737;
}
.dish-details-modal .cuisine-container .heading, .dish-details-modal .diets-container .heading, .dish-details-modal .price-container .heading {
    width: 70px;
}
.dish-details-modal .reviews .view-all-reviews-link, .dish-details-modal .description .title, .dish-details-modal .price-container .amount {
    font-weight: 500;
}
.dish-details-modal .price-container .amount {
    font-size: 20px;
}
.dish-details-modal .cook-image-and-name .image {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.dish-details-modal .cook-image-and-name .name a {
    color: rgb(33, 37, 41);
}
.dish-details-modal .reviews .view-all-reviews-link {
    text-decoration: underline;
}
.dish-details-modal .price-container .amount {
    color: #913737;
}
.dish-details-modal .ingredients .item {
    border: 1px solid #913737;
    border-radius: 6px;
    padding: 4px 8px;
}
.dish-details-modal .quantity-box-container {
    padding: 8px 15px;
    background: #F3F5F6;
}
.dish-details-modal .quantity-box-container .quantity-input {
    outline: none;
    border: none;
    background: transparent;
    width: 50px;
    text-align: center;
}
.quantity-box-container .minus, .quantity-box-container .plus {
    cursor: pointer;
}
.dish-details-modal .heating-instructions-box, .dish-details-modal .nutrition-info-box, .dish-details-modal .ingredients-info-box {
    border: 1px solid #e7e7e7;
    border-radius: 15px;
    padding: 30px;
}   
.dish-details-modal .reviews-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}
#dish-details-modal .modal-dialog {
    max-width: 100%;
    width: 100%;
}                           
#dish-details-modal .dish-details-modal-content {
    background-color: #fff;
    margin: 0% auto;
    width: 100%;
    border: none;
    border-radius: 4px;
    height: 90vh;
    overflow: auto;
    max-width: 1200px;
    width: 90%;
}
.dish-details-modal .reviews-modal-content {
    background-color: #fff;
    margin: 5% auto;
    width: 80%;
    border: none;
    border-radius: 15px;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    color: #000;
}
.why-choose-us-page .page-heading {
    margin-bottom: 80px;
}
.why-choose-us-page .welcome-to-home-food-today, .why-choose-us-page .exceptional-authentic-and-delicious-meals-section {
    padding-bottom: 60px;
}
.why-choose-us-page .about-our-cooks-section {
    background: #f8f8f8;
    padding: 60px 0;
}
.why-choose-us-page .about-our-cooks-section .images-container {
    max-width: 1320px;
    flex-wrap: wrap;
}
.why-choose-us-page .subscription-section {
    background: #913737;
    padding: 75px 15px;
}

.why-choose-us-page .subscription-section .view-our-plan-btn:focus {
    color: #000;
}
.why-choose-us-page .about-our-cooks-section .images-container img {
    width: 25%;
}
.contact-us-page .contact-us-content textarea.message {
    border: 1px solid #e5e5e5;
    background: transparent;
    border-radius: 4px;
    height: 100px;
    padding: 15px;
}
.contact-us-page .contact-us-content textarea.message:focus-visible {
    outline: none;
    background-color: #ffffff;
    box-shadow: none;
    border: 1px solid #a9a7a7 !important;
}




.accordion {
    border-bottom: 1px solid #e5e5e5;
}
.accordion-item {
    border: none;
    border-bottom: 1px solid #e5e5e5;
}
.accordion-item button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: var(--text);
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}
.accordion-item button:hover,
.accordion-item button:focus {
    cursor: pointer;
}
.accordion-item button .accordion-title {
    padding: 1em 1.5em 1em 0;
}
.accordion-item button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}
.accordion-item button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}
.accordion-item button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}
.accordion-item button[aria-expanded='true'] {
    color: var(--blue);
}
.accordion-item button[aria-expanded='true'] .icon::after {
    width: 0;
}
.accordion-item button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}
.accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 0 0 30px;
}
header nav .user-account-sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 100%;
    z-index: 100000000000;
    background: #ffffff;
    border-right: 1px solid #c0bebe;
    padding: 15px;
    transition: left 0.3s ease;
}
header .nav-2 .profile-container .dropdown-menu.open {
    display: block;
    left: 0%;
}
header nav .user-account-sidebar .cross-icon {
    display: block;
    font-size: 20px;
    position: absolute;
    right: 15px;
}
header .nav-2 .profile-container .dropdown-menu .user-profile-cross-icon {
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.orders-section table.orders-table tbody tr:last-child td {
    border-bottom: none;
}
.table-1-wrapper .dt-layout-cell.dt-start .dt-length .dt-input, .table-1-wrapper .dt-layout-cell.dt-end .dt-search label {
    margin-right: 5px;
}
.table-1-wrapper .dt-layout-cell.dt-start .dt-length .dt-input:focus-visible {
    outline: none;
}
.table-1-wrapper div.dt-container .dt-search input:focus-visible {
    outline: none;
}
.order-details-page .page-heading .date {
    font-size: 20px;
    margin-left: 5px;
}
.order-details-page .billing-address-shipping-address-basic-info-and-total-payment-boxes-section .box-1 {
    padding: 25px 0;
}
.box-1 {
    border: 1px solid #DCDCDC;
    border-radius: 15px;
    padding: 25px 20px;
}
.order-details-page .billing-address-shipping-address-basic-info-and-total-payment-boxes-section .box-1 .box-heading {
    padding: 0 20px 15px;
    border-bottom: 1px solid #dcdcdc;
}
.order-details-page .billing-address-shipping-address-basic-info-and-total-payment-boxes-section .box-1 .info-container {
    padding: 0 20px;
}
.order-details-page .billing-address-shipping-address-basic-info-and-total-payment-boxes-section .total-payment-box .info-container .single-info-container {
    border-bottom: 1px solid #dcdcdc;
}
.stepper-wrapper {
    display: flex;
    justify-content: space-between;
}
.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.stepper-item.active .step-name {
    font-weight: 500;
}
.stepper-item.active .step-counter:before {
    display: flex;
    justify-content: center;
    align-items: center;
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: inherit;
    background: conic-gradient(#913737 0% 90%, /* 90% solid color */ #efefef 90% 100% /* 10% transparent */);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
    animation: rotate-border 3s linear infinite;
    z-index: 1;
}
@keyframes rotate-border {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 5px solid #ccc;
    width: 100%;
    top: 27px;
    left: 50%;
    z-index: 2;
}
.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 5px solid #ccc;
    width: 100%;
    top: 27px;
    left: -50%;
    z-index: 2;
} 
.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
    font-size: 20px;
}
.stepper-item.completed .step-counter {
    background-color: #913737;
    color: white;
}
.stepper-item.completed::after, .stepper-item.active::after {
    position: absolute;
    content: "";
    border-bottom: 5px solid #c77272;
    width: 100%;
    top: 27px;
    left: -50%;
    z-index: 3;
}
.stepper-item:not(.completed) .step-counter {
    background: #ffffff; 
    border: 1px dashed #913737;
}
.stepper-item:first-child::after {
    content: none;
}
.stepper-item:last-child::before {
    content: none;
}
.payment-details-table thead th, .table-1 tbody tr.total-row td.total-price-td {
    margin-left: -75px;
}
.payment-details-table thead th, .table-1 tbody tr.total-row td.total-price-td .price {
    font-weight: 400;
}
.order-details-page .reviews-and-rating-section {
    padding: 30px;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
}
.order-details-page .reviews-and-rating-section .review-and-rating-boxes-container .review-and-rating-box {
    padding: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
}
.order-details-page .reviews-and-rating-section .review-and-rating-boxes-container .review-and-rating-box .image-name-and-quantity-container .meal-image {
    border-radius: 15px;
    width: 120px;
    height: auto;
}
.order-details-page .reviews-and-rating-section .review-and-rating-boxes-container .review-and-rating-box .image-name-and-quantity-container .meal-name {
    font-size: 18px;
    color: #913737;
}
.order-details-page .reviews-and-rating-section .review-and-rating-boxes-container .review-and-rating-box .rating-container .stars .star-icon {
    font-size: 30px;;
}
.order-details-page .reviews-and-rating-section .review-and-rating-boxes-container .review-and-rating-box .rating-container .stars .star-icon.filled {
    color: #913737;
}
.order-details-page .reviews-and-rating-section .review-and-rating-boxes-container .review-and-rating-box .review-input {
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #dcdcdc;
    height: 150px;
}
.order-details-page .reviews-and-rating-section .review-and-rating-boxes-container .review-and-rating-box .review-input:focus-visible {
    outline: none;
}
.checkout-page .address-container  .shipping-details-container {
    padding: 30px 30px 0 30px;
}
.messages-page .searchbar-and-messages-list-container {
    border-right: 1px solid #dcdcdc;
    max-height: calc(100vh - 168px);
    overflow-y: auto;
}
.messages-page .searchbar-and-messages-list-container::-webkit-scrollbar {
    width: 5px;
}
.messages-page .searchbar-and-messages-list-container::-webkit-scrollbar-track, .messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.messages-page .searchbar-and-messages-list-container::-webkit-scrollbar-thumb, .messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 30px;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container::-webkit-scrollbar {
    width: 10px;
}
.messages-page .searchbar-and-messages-list-and-single-person-chat-container{
    height: calc(100vh - 168px);
    transition: width 0.3s ease;
    overflow-y: auto;
}
.messages-page .searchbar-and-messages-list-and-single-person-chat-container .default-message {
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 67%;
    height: 100%;
    margin: auto;
}
.messages-page .searchbar-and-messages-list-container .message-person-searchbar-container {
    position: relative;
}
.messages-page .searchbar-and-messages-list-container .single-message-previews-container .single-message-preview {
    border-radius: 8px;
    cursor: pointer;
}
.messages-page .searchbar-and-messages-list-container .single-message-previews-container .single-message-preview:hover {
    background: #f5f5f5;
}
.messages-page .searchbar-and-messages-list-container .message-person-searchbar-container input {
    width: 100%;
    padding: 10px 10px 10px 35px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
}
.messages-page .searchbar-and-messages-list-container .message-person-searchbar-container input:focus-visible {
    outline: none;
}   
.messages-page .searchbar-and-messages-list-container .message-person-searchbar-container i {
    position: absolute;
    left: 15px; 
    top: 50%;
    transform: translateY(-50%);
    color: #5e5c5c;
}
.messages-page .searchbar-and-messages-list-container .single-message-preview .latest-message-and-number-of-unseen-messages .number-of-unseen-messages {
    background: #913737;
    color: #ffffff;
    padding: 5px;
    width: 26px;
    height: 26px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.messages-page .searchbar-and-messages-list-container  .single-message-previews-container .single-message-preview.active {
    background: #f5f5f5;
    border-radius: 8px;
}
.messages-page .searchbar-and-messages-list-container  .single-message-previews-container .single-message-preview .last-message-time-container p {
    white-space: nowrap;
}
.messages-page .single-person-chat-and-user-details-container {
    display: none;
    height: calc(100vh - 168px);
}
.messages-page .single-person-chat-and-user-details-container .single-person-chat-container {
    flex-direction: column;
    height: 100%;
    transition: width 0.3s ease;
    width: 100%; /* Full width initially */
}
.messages-page .single-person-chat-and-user-details-container .single-person-chat-container.shrunk {
    width: 60%;
}
.messages-page .image-name-online-status-and-three-dots-container {
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container {
    width: 100%;
    overflow: hidden;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container .back-arrow {
    display: none;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container .name-and-online-status-container {
    flex: 1;
    overflow: hidden;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container .name-and-online-status-container .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container .name-and-online-status-container .online-status {
    color: #22C55E;
}
.messages-page .image-name-online-status-and-three-dots-container .three-dots-container {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}
.messages-page .image-name-online-status-and-three-dots-container .three-dots-container:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container {
    display: flex;
    flex-direction: column;
    height: calc(100% - 81px);
    overflow: hidden;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item {
    width: 60%; 
    border-radius: .75rem;
    margin-bottom: 15px;
}   
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item.sent {
    align-self: flex-end;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item .chatbox-message-item-time {
   margin-top: 5px;
} 
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item.sent .chatbox-message-item-time {
    text-align: right;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item .chatbox-message-item-text {
    padding: 15px;
    border-radius: .75rem;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item.sent .chatbox-message-item-text {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
    background-color: #913737;
    color: #ffffff;
}   
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item.received .chatbox-message-item-text {
    background-color: #ffffff;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer {
    box-shadow: 0px -4px 15px 0px #c5c5c5;
    padding: 15px 30px;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form {
    display: flex;
    align-items: center;
    background: #e9e9e9;
    border-radius: 0.5rem;  
    padding: 0.5rem 1.25rem;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form .type-message-input {
    flex: 1;
    background: transparent;
    outline: none;
    border: none;
    resize: none;
    scrollbar-width: none;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form .type-message-input::-webkit-scrollbar {
    width: 10px;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form .type-message-input::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 50px;
    margin-inline: 0 15px;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form .type-message-input::-webkit-scrollbar-thumb {
    background-color: #9e9e9e;
    border-radius: 50px;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .message-submit {
    font-size: 1.25rem;
    color: #913737;
    background: transparent;
    border: none;
    outline: none;
    padding: 5px;
    display: flex;
    align-items: center;
    align-self: flex-end;
    gap: 4px;
}               
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .message-submit .text {
    font-size: 16px;
    font-weight: 600;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .message-submit .icon {
    font-size: 18px;
}   
.messages-page .single-person-chat-and-user-details-container .user-details-container {
    width: 40%; 
    padding: 20px;
    background-color: #ffffff;
    border-left: 1px solid #dcdcdc;
}
.messages-page .single-person-chat-and-user-details-container .user-details-container .image-and-name img  {
    width: 150px;
}
.messages-page .single-person-chat-and-user-details-container .user-details-container.d-none {
    display: none;
}
.messages-page .single-person-chat-and-user-details-container .user-details-container.show {
    display: block;
    position: relative;
}  
.messages-page .single-person-chat-and-user-details-container .user-details-container .close-icon {
    position: absolute;
    padding: 10px;
    border: 1px solid #DCDCDC;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right: 15px;
    top: 15px;
    cursor: pointer;
}  
.stories.snapgram .story > .item-link > .item-preview, .stories.snapgram .story > .item-link > .item-preview img {
    background: radial-gradient(ellipse at 70% 70%, #913737 8%, #913737 42%, #913737 58%);
}
.subscription-confirmation .subscription-confirmed-image {
    height: 150px;
}













.subscription-form-page .subscription-form-card-info-form {
    border: 1px solid #e2e6ea;
    padding: 20px;
    border-radius: 10px;
    background-color: white;
}
.subscription-form-page .subscription-form-card-info-form .card-info-container .cards-icon-container, .subscription-form-page .subscription-form-card-info-form .card-info-container .card-input {
    height: 50px;
}
.subscription-form-page .back-link {
    text-decoration: none;
    font-size: 1.2rem;
    color: black;
}
.subscription-form-page .subscription-price {
    font-size: 2.5rem;
    font-weight: bold;
}
.subscription-form-page .subscription-details {
    font-size: 1.2rem;
    font-weight: 500;
}
/* Custom CSS for the subscription section */
.subscription-page .header {
    background-image: url("../images/dont-miss-delectable-deals-and-scrumptious-specials.png");
    height: 250px;
}
.subscription-page .header::before {
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
}
.subscription-page .icons div {
    text-align: center;
}
.subscription-page .subscribe-inner-images {
    width: 80px;
    height: auto;
    margin-bottom: 10px;
}
.subscription-page .price {
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px; 
}

/* subscription cancel page */
.subscription-cancel {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
}
.subscription-cancel .border-section {
    border: 1px solid #ddd; /* Light gray border */
    padding: 20px;
    border-radius: 10px; /* Rounded corners */
}
.subscription-cancel h4 {
    font-size: 1.25rem;
    font-weight: bold;
}
.subscription-cancel .custom-control-label {
    font-size: 0.9rem;
    color: #6c757d;
}
.subscription-cancel .custom-control-input:checked ~ .custom-control-label {
    color: #d9534f; /* Change label color when radio button is selected */
}
.subscription-cancel .form-check-label {
    font-weight: bold;
}
.subscription-cancel .btn-secondary {
    background-color: #e0e0e0;
    color: black;
}
/* live cooking class */
.live-cooking-class-page .ingredients-container .single-ingredient img {
    width: 80px;
}
.live-cooking-class-page .details-section .customer-fav {
    background-color: #913737;
    padding: 8px;
}
.live-cooking-class-page .details-section .cook-name {
    color: #000;
}
.live-cooking-class-page .utensils-list {
    gap: 15px 40px;
}
.live-cooking-class-page .nutrition-info-section .nutrition-info-table .name {
    font-weight: 600;
}
.live-cooking-class-page .steps-to-cook-recipe-section .single-step .number  {
    min-width: 50px;
    height: 50px;

}
.live-cooking-class-page .steps-to-cook-recipe-section .single-step:not(:last-child) {
    border-bottom: 1px solid #EBEBEB;
}



















/* cooking classes list */
.live-cooking-classes-list-page .live-cooking-classes-list-section .card-1 . {

}


/* live cooking classes - how it works */


.how-it-works-page .header .image-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Change the color as needed */
    font-size: 2.5rem; /* Default font size */
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.how-it-works-page .how-to-join-section .card .card-text {
    font-size: 1rem;
    color: #666;
}
.container-live-cooking-classes-registration img {
    max-width: 100%;
    height: auto;
}
@media (min-width: 360px) and (max-width:768px) {
    .container-live-cooking-classes-registration .image-heading {
        font-size: 1rem; /* Smaller font size for heading */
    }

    .container-live-cooking-classes-registration .img-fluid {
        height: 100px;
        width: 100%;
        object-fit:cover;
        object-position: 35%;
    } 
}

/* second one */

.live-cooking-classes-registration h2 {
    font-size: 1.8rem;
    font-weight: bold;
}

.card-body h5 {
    font-size: 1.3rem;
    font-weight: bold;
}

.card-body p {
    font-size: 1rem;
    color: #666;
}

button {
    background-color: #8B3E2F;
    border: none;
    color: white;
    padding: 0.75rem 2rem;
    font-size: 1.2rem;
    cursor: pointer;
}

button:hover {
    background-color: #7A3328;
}

@media (min-width: 360px) {
    .live-cooking-classes-registration .col-md-4 {
        margin-top: 20px;
    }
}

/* ending of live-cooking-classes-registration*/







/* live cooking class registration */
.live-cooking-class-registraion .class-image {
    max-height: 400px;
    width: 400px;
    max-width: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.live-cooking-class-registraion .right-content .class-title {
    font-weight: 700;
}

.live-cooking-class-registraion .single-time-block span{
    background-color: #913737;
    border-radius: 10px;
    padding: 8px 15px;
}
.live-cooking-class-registraion .right-content .chef-img {
    width: 50px; /* Adjust width */
    height: 50px; /* Adjust height */
    object-fit: cover; /* Ensures the image fits well inside the circle */
}
.live-cooking-class-registraion .right-content .chef-name {
    position: relative;
}
.live-cooking-class-registraion .right-content .chef-name::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px; /* Distance between the text and the underline */
    height: 1px; /* Thickness of the underline */
    background-color: black; /* Color of the underline */
}
.live-cooking-class-registraion .registration-form .bullet {
    display: flex;
    width: 8px;
    height: 8px;
    background-color: #353535;
    border-radius: 50%;
    align-self: end;
    margin-bottom: 5px;
}
#zuck-modal-content .story-viewer .slides .item>.media {
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    top: 50%;
    transform: translate(-50%, -50%);
}
.login-btn.for-desktop .signup-btn.for-desktop {
    white-space: nowrap;
    
}
#zuck-modal-content .story-viewer .head .back, #zuck-modal-content .story-viewer .head .right .close {
    color: #ffffff;
    text-decoration: none;
}
#zuck-modal-content .story-viewer .head .left>.back {
    line-height: normal;
}
#zuck-modal-content .story-viewer .slides .item .tip.muted {
    display: none;
}










@media screen and (min-width:1401px) {
    .features-and-app-download-section .features-container .single-feature .text br {
        display: none;
    }
    .card-4 .card-content {
        height: auto;
        gap: 30px;
    }
}
@media screen and (min-width:992px) {
    .nav-2 .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .dish-details-modal .reviews-modal-content {
        max-width: 800px;
    }
    header .nav-2 .navbar-nav-container .navbar-nav {
        width: fit-content;
    }
    /* On hover, the chevron rotates 180 degrees */
    header .nav .nav-item:hover .chevron-icon {
        transform: rotate(180deg);
    }
    header .nav .nav-item:hover .dropdown-menu-container {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .py-md-80px {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .pb-md-80px {
        padding-bottom: 80px;
    }
    .py-md-50px {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-md-50px {
        padding-top: 50px;
    }
    .pt-md-80px {
        padding-top: 80px;
    }
    .pb-md-50px {
        padding-bottom: 50px;
    }
    .pl-md-50px {
        padding-left: 50px;
    }
    header .nav .nav-link:hover {
        position: relative;
    }
    header .nav .nav-item.dropdown .nav-link .chevron-icon {
        transition: transform 0.3s ease; /* Smooth transition for the rotation */
    }
    .hero-section .carousel-item-1 .carousel-caption, .hero-section .carousel-item-2 .carousel-caption {
        text-align: left;
        left: 7%;  
        width: 35%;
    }
}
@media screen and (max-width:1349px) {
    .hero-section .carousel-item .carousel-caption .heading {
        font-size: 50px;
    } 
}
@media screen and (max-width:1199px) {
    .why-choose-us-page .page-heading {
        margin-bottom: 50px;
    }
}
@media screen and (max-width:991px) {
    .nav-1-container, .nav-2 > .container {
        min-width: 100%;
        width: 100%;
    }
    .nav-2 .login-btn.for-mobile, .nav-2 .signup-btn.for-mobile {
        display: inline-block;
    }
    .navbar-container.get-location-page-navbar-container {
        height: auto;
    }
    .navbar-container .nav-1 .restaurant-search-col {
        top: 150px;
    }
    header .nav-2 .navbar-collapse {
        display: block;
    }
    .navbar-container .nav-2 .navbar-collapse.open {
        border-bottom: 1px solid #dcdcdc;
    }
    header .nav-2 .navbar-nav-container .navbar-nav {
        overflow-x: hidden;
    }
    header .nav-2 .navbar-nav-container .icon i {
        display: flex;
    }
    header .nav-2 .navbar-nav-container {
        overflow: auto;
        position: relative;
    }
    .nav-2 .navbar-nav .nav-item .nav-link {
        display: flex;
        white-space: nowrap;
        align-items: center;
    }
   .cook-details-page.reviews-modal .modal-body .rating-box .overall-rating-and-single-star-rating-row, .dish-details-modal .reviews-modal .modal-body .rating-box .overall-rating-and-single-star-rating-row  {
        padding: 30px 50px;
    }   
    .features-and-app-download-section .features-container .single-feature .text br {
        display: none;
    } 
    .features-and-app-download-section .features-container .single-feature .image-container {
        width: auto;
    }
    .features-and-app-download-section .features-container .single-feature .text-container {
        width: auto;
    } 
    .navbar-expand-lg .navbar-nav .nav-link.active, .navbar-expand-lg .navbar-nav .nav-link:hover {
        color: #000;
        border-bottom: none;
    } 
    .features-and-app-download-section .app-download-container .content {
        padding: 50px 30px 0px;
    }
    .features-and-app-download-section .app-download-container .title {
        font-size: 40px;
        color: #913737;
    }
    .features-and-app-download-section .app-download-container .desc {
        font-size: 16px;
    } 
    .features-and-app-download-section .app-download-container .download-buttons img {
        height: 45px;
    }
    .subscription-section > .container {
        margin: 0;
        min-width: 100%;
    }
    .subscription-section .text {
        font-size: 24px;
    }
    .dish-details-modal .reviews-modal-content {
        max-width: 500px;
    }
    .hero-section .carousel-item img {
        height: 300px;
    } 
    .hero-section .carousel-item .carousel-caption .heading {
        font-size: 36px;
    } 
    header .nav .nav-item.dropdown .nav-link .chevron-icon.rotated {
        transform: rotate(180deg); /* Rotate the icon */
    }   
}
@media (min-width:768px) and (max-width:991px) {
    .hero-section .carousel-item-1 .carousel-caption, .hero-section .carousel-item-2 .carousel-caption {
        left: 5%;
    }
}
@media screen and (max-width:767px) {
    header .nav-2 .navbar-nav .nav-item.dropdown .dropdown-menu-container {
        display: none;
    }
    header .nav-2 .navbar-nav-container {
        width: 100%;
    }
    .hero-section .carousel-item .carousel-caption .heading {
        font-size: 32px;
    }  
    .sidebar-and-content .main-content {
        padding: 0 15px;
    } 
    .sidebar-and-content .main-content .main-searchbar-and-filter-button .main-filter-button {
        display: flex;
    }
    .sidebar-and-content .sidebar-col {
        position: fixed;
        top: 0;
        left: -100%; /* Initially off-screen */
        width: 100%; /* Cover full width */
        height: 100%; /* Cover full height */
        background-color: #fff; /* Sidebar background color */
        z-index: 9999; /* Ensure sidebar is on top of other elements */
        overflow-y: auto; /* Enable scrolling in sidebar */
        transition: left 0.3s ease; /* Smooth transition for sidebar animation */
    }
    .sidebar-and-content .sidebar-col.open {
        left: 0; /* Show sidebar when 'open' class is present */
    }
    .sidebar-and-content .main-sidebar {
        border-radius: 0;
        top: 0;
    }
    .how_does_it_works .steps .step .card-img-top {
        height: 90px;
        width: auto;
    } 
    .how_does_it_works .steps .step .desc {
        font-size: 14px;
    }
    .featured-cooks-section {
        padding-left: 40px;
        padding-right: 40px;
    }
    .features-and-app-download-section .features-container .single-feature .text {
        font-size: 22px;
    }
    .features-and-app-download-section .features-container .single-feature .image {
        width: 50px;
    }
    .footer ul li {
        margin-bottom: 5px;
    }
    .footer ul li a {
        font-size: 14px;
    }
    .copyright h4 {
        padding: 0 10px;
    }
    .main-sidebar .cusines-container p.toggle-content, .main-sidebar  .filters-title, .main-sidebar h3 {
        text-align: left;
    }
    .main-sidebar .filters-title {
        position: relative;
    }
    .main-sidebar .filters-title .cross-icon {
        display: block;
        font-size: 20px;
        position: absolute;
        right: 0;
    }
    .sidebar-and-content .main-sidebar {
        max-height: fit-content;
    }
    .two-fields-in-a-row-container {
        flex-direction: column;
        gap: 0px;
    }
    .two-fields-in-a-row-container .field-and-label-container, .field-and-label-container {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    .field-and-label-container .input-container {
        width: 100%;
    }
    .field-and-label-container input {
        flex: unset;
    }
    .get-location-section {
        background-position: 60% 0%;
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 0;
        height: 200px;
    }
    .get-location-section .content {
        margin-left: 0;
        margin-top: -15px;
    }
    .get-location-section .content h6 {
        width: 65%;
        font-size: 20px;
        margin-bottom: 20px;
    }
    .get-location-section .content form .get-location-search-field-container input {
        height: 40px;
    }  
    .get-location-section .content form .get-location-search-field-container .location-icon-and-locate-me img {
        height: 20px;
    } 
    .get-location-section .content form .get-location-search-field-container .location-icon-and-locate-me .text {
        font-size: 14px;
    }
    .get-location-section .content .find-food-btn {
        padding: 10px;
    }
    .get-location-section .content form {
        width: 100%;
        box-shadow: 0px 0px 1px 0px #3f3c3c;
    }
    .get-location-section .get-location-search-field-col {
        padding-right: 15px;
    }
    .home-food-today-is-the-smartest-way-to-order-food-online-section {
        padding: 100px 0 30px;
    }
    .home-food-today-is-the-smartest-way-to-order-food-online-section .boxes .box .title {
        font-size: 20px;
    } 
    .dont-miss-delectable-deals-and-scrumptious-specials-section {
        padding: 60px 15px;
    }
    .dont-miss-delectable-deals-and-scrumptious-specials-section form {
        display: flex;
        width: 100%;
    }
    .dont-miss-delectable-deals-and-scrumptious-specials-section .newsletter-form input {
        flex: 1;
        width: auto;
    }
    .home-food-today-is-the-smartest-way-to-order-food-online-section .section-heading, .your-choice-our-food-section .content-container h3, .cities-section .section-title {
        font-size: 24px;
    }
    .footer h4.column-heading {
        font-size: 20px;
        margin-bottom: 10px !important;
    }
    .footer ul li {
        padding-top: 5px;
    }
    .footer hr.top-hr {
        display: none;
    }
    .footer h4.column-heading.logo-heading {
        font-size: 24px;
    }
    .footer .social {
        padding-top: 5px;
    }
    .footer hr.bottom-hr {
        padding: 5px;
    }
    .cities-section {
        padding: 60px 0 30px;
    }
    .cook-details-page .cook-main-image-categories-name-discount-container {
        flex-direction: column;
        gap: 10px;
    }
    .cook-details-page .cook-main-image-categories-name-discount-container .restaurant-main-image-container img {
        width: 100%;
        height: auto;
    }   
    .cook-details-page .add-to-favourites-button {
        width: 100%;
        justify-content: center;
        margin-top: 15px;
    }
    .cook-details-page .add-to-favourites-button-col.for-desktop {
        display: none !important;
    }   
    .cook-details-page .available-items-and-search-icon .search-icon-container {
        background: #F7F7F7;
        padding: 10px;
        border-radius: 50%;
    }   
    .cook-details-page .categories-slider .wrapper .tabs-box {
        width: 80%;
    }
    .address-distance-open-map-link-container.for-mobile {
        display: block !important;
    }
    .add-to-favourites-button-row.for-mobile {
        display: block;
    }
    .cook-details-page .reviews-modal .modal-body .rating-box .overall-rating-and-single-star-rating-row, .dish-details-modal .reviews-modal .modal-body .rating-box .overall-rating-and-single-star-rating-row  {
        padding: 30px;
    }
    .categories-slider .tabs-box .tab {
        padding: 16px;
    }
    .card-4 .card-content {
        padding: 30px;
    }
    .card-4 .card-content .card-title-and-card-text {
        text-align: center;
    }
    .card-4 .main-image-col {
        order: 1;
    }
    .card-4 .card-content-col {
        order: 2;
    }  
    .features-and-app-download-section .app-download-container .content-container {
        order: 1;
    }
    .features-and-app-download-section .app-download-container .mobiles-image-container {
        order: 2;
    }
    .features-and-app-download-section .app-download-container .content {
        padding: 30px 15px 50px;
    }
    .why-choose-us-page .exceptional-authentic-and-delicious-meals-section .main-image-col  {
        order: 2;
    } 
    .why-choose-us-page .welcome-to-home-food-today, .why-choose-us-page .exceptional-authentic-and-delicious-meals-section {
        padding-bottom: 40px;
    }
    .why-choose-us-page .about-our-cooks-section .images-container img {
        width: 50%;
    }
    .why-choose-us-page .subscription-section {
        padding: 30px 0px;
    }
    .create-an-account .create-an-account-content, .login .login-content, .contact-us-page .contact-us-content {
        padding: 30px 15px;
    }
    .profile-page .profile-content {
        padding: 15px;
    }
    .nav-2 .login-btn.for-desktop, .nav-2 .signup-btn.for-desktop {
        display: none;
    }
    .nav-2 .profile-container .dropdown-menu {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        background-color: #ffffff;
        width: 100%;
        height: 100%;
        padding: 30px 15px;
        transition: left 0.3s;
    }
    header .nav-2 .profile-container .dropdown-menu .user-profile-cross-icon {
        display: block;
    }
    .messages-page .searchbar-and-messages-list-and-single-person-chat-container .default-message {
        display: none !important;
    }
    .messages-page .searchbar-and-messages-list-container {
        max-height: max-content;
    }
    .messages-page .searchbar-and-messages-list-and-single-person-chat-container{
        height: auto;
    }
    .messages-page .single-person-chat-and-user-details-container {
        height: calc(100vh - 153px);
    }
    .messages-page .single-person-chat-and-user-details-container .user-details-container.show {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item {
        width: 75%;
    }
    .messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container .back-arrow {
        display: block;
    }
    .order-details-page .reviews-and-rating-section {
        padding: 15px;
    }
    .subscription-cancel .btn-cancel {
        width: 100%;
    }
    .subscription-cancel {
        padding: 15px;
    }
    .subscription-page .monthly-subscription-section .desc {
        text-align: justify;
    } 
    .subscription-form-page {
        padding: 50px 0;
    }
    .hero-section .carousel-item .carousel-caption {
        left: 8%;
        right: 8%;
    }
    .live-cooking-class-page .steps-to-cook-recipe-section .single-step .step-image {
        max-width: 100%;
        width: 500px;
    }
    .dish-details-modal .dish-details-section .main-image {
        height: 300px;
        object-fit: cover;
    } 
    .search-by-section .nav {
        display: grid;
        grid-template-columns: repeat(2, auto);
    } 
}
@media screen and (max-width:575px) {
    .card-3 .content .open-day {
        font-size: 15px;
    }
    .card-3 .content .restaurant-name {
        font-size: 18px;
    }
    .card-3 .content .rating-and-number-of-reviews {
        font-size: 16px;
    }
    .card-1, .card-3 {
        width: 100%;
    }
    .dish-details-modal .reviews-modal-content {
        width: auto;
        margin: 8px;
    }
    .cook-details-page .reviews-modal .modal-body, .dish-details-modal .reviews-modal .modal-body {
        padding: 15px;
    }
    .subscription-section .text {
        font-size: 20px;
    } 
    .navbar-container .nav-1 .location-search-col {
        position: absolute;
        width: 100%;
        top: 85px;
        left: 50%;
        transform: translateX(-50%);
    }   
    .navbar-container {
        height: 173px;
    }
    .nav-2 {
        margin-top: 51px;
    }   
    .navbar-container .nav-2 .navbar-collapse {
        overflow: hidden;
    }
    .nav-1 .language-user-cart-and-hamburger-container {
        gap: 12px;
    }
    .messages-page .single-person-chat-and-user-details-container {
        height: calc(100vh - 186px);
    }
    .messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer {
        padding: 15px;
    }
    .featured-cook-card  {
        font-weight: 500;
        font-size: 18px;
    }   
    .nav-1 .notification-container .dropdown-menu {
        min-width: 250px;
    }
    .cook-details-page .cook-main-image-categories-name-discount-container .cook-main-image-container img {
        height: 150px;
    }
    .cook-details-page .cook-main-image-categories-name-discount-container .categories-name-discount-container .cook-name-and-food-safety-certification .food-safety-certification-container img {
        width: 20px;
    }
    .cook-details-page .cook-main-image-categories-name-discount-container .categories-name-discount-container .cook-name-and-food-safety-certification .food-safety-certification-container p {
        font-size: 15px;
    }
}