.main-color{
  color: #dde8ff;
}

.main-bg-color{
  background-color: #dde8ff;
}
.main-bg-color-add-to-cart{
  background-color: #dde8ff;
}

.go-to-cart-btn-color{
  background-color: #cff4d0;
}

.trash-btn-color{
  background-color: #ffbdbd;
}

.opacity_disabled{
  opacity: 0.4;
  transition: 0.3s;

}
.card_to_disabled{
  transition: 0.3s;
}

.main-header{
    -webkit-backdrop-filter: contrast(4) blur(4px) !important;
    backdrop-filter: contrast(4) blur(4px) !important;
    width: 100% !important;
    transition: all .3s ease;
    color: black !important;
    position: fixed;
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    background: #ffffffd9;
}
.main-bg{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), url(/images/background-3.jpg) no-repeat lightgray 50%;
  background-position: center;
  width: 100%;
  height: 550px;
  background-size: cover;
  overflow:hidden!important;
  position: relative;
}


.main-bg-block{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  background: linear-gradient(54deg, rgba(0,0,0,1) 61%, rgba(0,0,0,0) 61%);
  opacity: 0.7;
  z-index: 0; /* чтобы псевдоэлемент находился над изображением */
}

.no_events{
  pointer-events:none!important;
}

.card_dish{
  border: 3px solid white!important;
  transition: 0.3s;
}
.card_dish.active{
  border: 3px solid #dde8ff!important;
  transition: 0.3s;
}

.main-menu-image{
  position:relative!important;
  height:300px;
  background-position: center;
  transition: 0.3s;
  background-size: cover;
}

.main-menu-image-bg-hot{
  background-image:url(/images/hot.jpg);
}
.main-menu-image-bg-soups{
  background-image:url(/images/soups.jpg);
}
.main-menu-image-bg-salads{
  background-image:url(/images/salads.jpeg);
}
.main-menu-image-bg-garnish{
  background-image:url(/images/garnish.jpg);
}

.border-none{
  border: none!important;
}

.main-menu-image-bg-soups{
  background-image:url(/images/soups.jpg);
}

.main-menu-image-bg-organizaciya_pitaniya{
  background-image:url(/images/services/organizaciya_pitaniya.webp);
}
.main-menu-image-bg-organizaciya_pitaniya_na_strojke{
  background-image:url(/images/services/organizaciya_pitaniya_na_strojke.webp);
}
.main-menu-image-bg-organizaciya_pitaniya_na_predpriyatii{
  background-image:url(/images/services/organizaciya_pitaniya_na_predpriyatii.webp);
}
.main-menu-image-bg-dostavka_obedov_na_proizvodstvo{
  background-image:url(/images/services/dostavka_obedov_na_proizvodstvo.webp);
}
.main-menu-image-bg-organizaciya_pitaniya_na_obektah{
  background-image:url(/images/services/organizaciya_pitaniya_na_obektah.webp);
}
.main-menu-image-bg-organizaciya_pitaniya_na_meropriyatiyah{
  background-image:url(/images/services/organizaciya_pitaniya_na_meropriyatiyah.webp);
}
.main-menu-image-bg-organizaciya_pitaniya_na_turbazah_i_kempinge{
  background-image:url(/images/services/organizaciya_pitaniya_na_turbazah_i_kempinge.webp);
}
.main-menu-image-bg-korporativnoe_pitanie{
  background-image:url(/images/services/korporativnoe_pitanie.webp);
}
.main-menu-image-bg-autsorsing_pitaniya{
  background-image:url(/images/services/autsorsing_pitaniya.webp);
}
.main-menu-image-bg-gotovye_nabory_pitaniya{
  background-image:url(/images/services/gotovye_nabory_pitaniya.webp);
}
.main-menu-image-bg-gotovye_obedy_na_nedelyu{
  background-image:url(/images/services/gotovye_obedy_na_nedelyu.webp);
}
.main-menu-image-bg-dostavka_biznes_lanchej{
  background-image:url(/images/services/dostavka_biznes_lanchej.webp);
}
.main-menu-image-bg-dostavka_kompleksnyh_obedov{
  background-image:url(/images/services/dostavka_kompleksnyh_obedov.webp);
}
.main-menu-image-bg-dostavka_obedov_v_ofis{
  background-image:url(/images/services/dostavka_obedov_v_ofis.webp);
}
.main-menu-image-bg-dostavka_obedov_nadom{
  background-image:url(/images/services/dostavka_obedov_nadom.webp);
}




.black-bottom{
  height:28%;
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
  background-color:#000000ba;
  transition: 0.3s;
}

.main-menu-image:hover .black-bottom{
  height: 100%;
  transition: 0.3s;
}

.cursor-pointer{
  cursor: pointer;
}
.op-low{
  opacity: 0.8;
  transition: 0.3s;
}
.bottom-line{
  border-bottom: 2px solid white;
  transition: 0.3s;
}
.op-low:hover{
  opacity: 1;
  transition: 0.3s;
}
.bottom-line:hover{
  border-bottom: 2px solid #e9e9e9;
  transition: 0.3s;
}

.main-text-line-light{
  border-bottom: 3px solid white;
}

.main-text-line-dark{
  border-bottom: 3px solid #212529;
}

.spacing-30{
  letter-spacing: 0.3rem;
}

.bottom-darken {
  position: relative;
}

.bottom-darken::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%; /* Выберите высоту затемнения */
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* Измените значение прозрачности, если нужно */
}

.select-day{
  transition: 0.3s;
}
.title-day{
  transition: 0.3s;
}
.select-day:hover .title-day{
  transition: 0.3s;
  background-color: #dde8ff;
}


.max-lines-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.max-lines-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.dropdown:hover .dropdown-menu {
 display: block;
}
.sub-dropdown {
 position: absolute;
 left: 100%;
 top: -0.5px;
 display: none;

 z-index: 1000;
 min-width: 10rem;
 padding: 0rem 0;
 margin: 0;
 font-size: 1rem;
 color: #212529;
 text-align: left;
 list-style: none;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid rgba(0, 0, 0, .15);
 border-radius: 0.25rem;

}
.dropdown-item:hover .sub-dropdown {
 display: block;
}
.dropdown-item{
  padding:0.5rem 1rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: -2px!important;
}
.dropdown-menu {
  padding: 0rem 0!important;
}


.mobile-menu-title{
  color: rgba(0, 0, 0, .9);
  text-transform: uppercase;
  font-weight: 500;
}




@media (min-width: 400px) {
    .main-bg-percent{
      background-color: #dde8ff;
    }
    .main-bg-percent-reverse{
      background-color: #dde8ff;
    }
    .w-sm-25{
        width: 25% !important;
    }
    .w-sm-50{
        width: 50% !important;
    }
    .w-sm-75{
        width: 75% !important;
    }
    .w-sm-100{
        width: 100% !important;
    }
    .w-sm-unset{
      width: auto!important;
    }
}
@media (max-width: 400px) {
    .main-bg-percent{
      background-color: #dde8ff;
    }
    .main-bg-percent-reverse{
      background-color: #dde8ff;
    }
    .w-sm-25{
        width: 25% !important;
    }
    .w-sm-50{
        width: 50% !important;
    }
    .w-sm-75{
        width: 75% !important;
    }
    .w-sm-100{
        width: 100% !important;
    }
    .w-sm-unset{
      width: auto!important;
    }
}
@media (min-width: 768px) {
    .main-bg-percent{
      background-color: #dde8ff;
    }
    .main-bg-percent-reverse{
      background-color: #dde8ff;
    }
    .w-md-25{
        width: 25% !important;
    }
    .w-md-50{
        width: 50% !important;
    }
    .w-md-75{
        width: 75% !important;
    }
    .w-md-100{
        width: 100% !important;
    }
    .w-md-unset{
      width: auto!important;
    }
}
@media (min-width: 992px) {
    .main-bg-percent{
      background: rgb(214,255,250);
      background: linear-gradient(90deg, rgba(221,232,255,1) 95%, rgba(255,255,255,1) 95%);
    }
    .main-bg-percent-reverse{
      background: rgb(255,255,255);
      background: linear-gradient(90deg, rgba(255,255,255,1) 5%, rgba(221,232,255,1) 5%);
    }
    .w-lg-25{
        width: 25% !important;
    }
    .w-lg-50{
        width: 50% !important;
    }
    .w-lg-75{
        width: 75% !important;
    }
    .w-lg-100{
        width: 100% !important;
    }
    .w-lg-unset{
      width: auto!important;
    }
}
@media (min-width: 1200px) {
    .main-bg-percent{
      background: rgb(214,255,250);
      background: linear-gradient(90deg, rgba(221,232,255,1) 95%, rgba(255,255,255,1) 95%);
    }
    .main-bg-percent-reverse{
      background: rgb(255,255,255);
      background: linear-gradient(90deg, rgba(255,255,255,1) 5%, rgba(221,232,255,1) 5%);
    }
    .w-xl-25{
        width: 25% !important;
    }
    .w-xl-50{
        width: 50% !important;
    }
    .w-xl-75{
        width: 75% !important;
    }
    .w-xl-100{
        width: 100% !important;
    }
    .w-xl-unset{
      width: auto!important;
    }
}
@media (min-width: 1400px) {
    .main-bg-percent{
      background: rgb(214,255,250);
      background: linear-gradient(90deg, rgba(221,232,255,1) 95%, rgba(255,255,255,1) 95%);
    }
    .main-bg-percent-reverse{
      background: rgb(255,255,255);
      background: linear-gradient(90deg, rgba(255,255,255,1) 5%, rgba(221,232,255,1) 5%);
    }
    .w-xxl-25{
        width: 25% !important;
    }
    .w-xxl-50{
        width: 50% !important;
    }
    .w-xxl-75{
        width: 75% !important;
    }
    .w-xxl-100{
        width: 100% !important;
    }
    .w-xxl-unset{
      width: auto!important;
    }
}