/*** SERVICES ***/
    
    .cart-command-container {
        overflow: hidden !important;
        height: 100%;
    }
    
    .delete_item_ {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .delete_item_[disabled] {
        background: #d1d1d1 !important;
        border: 2px #d1d1d1 solid;
        pointer-events: none;
    }
    
    .delete_item_[disabled] span {
        display: inline-block !important;
    }
    
    .cart-item {
        padding-top: 10px !important;
        border-bottom: 1px solid #e7e7ec;
    }
    
    .cart-item:hover {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    }
    
    .cross:hover {
        font-size: 35px;
    }
    
    .cross {
        font-size: 30px;
    }
    
    .services {
        margin-top: 4em;
        margin-bottom: 6em;
    }
    
    .services__item {
        width: 100% !important;
        padding: 2.3em;
        background-color: var(--bg-default);
    }
    
    .services_item_title {
        font-style: normal;
        font-weight: 600;
        font-size: 1em;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: var(--title);
    }
    
    .services_item_description {
        font-style: normal;
        font-weight: 600;
        font-size: .8em;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 1px;
        color: var(--label);
    }
    
    @media (max-width:840px) {
        .services {
            margin-top: 1em;
            margin-bottom: 1.5em;
        }
        .services_item_title {
            font-size: .7em;
            line-height: 1em;
            letter-spacing: 1px;
        }
        .services_item_description {
            font-size: .7em;
            line-height: 1em;
            letter-spacing: 1px;
        }
    }
    
    @media (max-width:700px) {
        .services {
            flex-direction: column;
        }
        .services__item {
            margin-bottom: 1.3em;
        }
        .services_item_title {
            font-size: .7em;
            line-height: 1.3em;
            letter-spacing: 1px;
        }
        .services_item_description {
            font-size: .7em;
            line-height: 1.3em;
            letter-spacing: 1px;
        }
    }
    
    .menus {
        background-image: url("../images/salmon-with-ingredients-table-350.png");
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .menus__item__title,
    .cooked-foods__item__title {
        font-family: var(--font-poppins);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2em;
        color: var(--white);
    }
    
    .cooked-foods__item__title {
        color: var(--title-active);
        line-height: 1.1;
    }
    
    .menus__item__description,
    .cooked-foods__item__description {
        font-family: var(--font-poppins);
        font-weight: 500;
        font-size: 1.1em;
        color: var(--white);
    }
    
    .cooked-foods__item__description {
        font-size: .9em;
        color: var(--label);
    }
    
    .menus__item__action button {
        color: var(--white);
        border-color: var(--white);
    }
    /*** SERVICES ***/
    /** MENUS WIDGET **/
    
    .menus-widget {}
    
    .menus-widget__actions__title {
        font-family: var(--font-poppins);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.5em;
        color: var(--title-active);
        /* margin-top: 1.3em; */
    }
    
    .menus-widget__actions__item,
    .menus-widget__actions__item_name {
        margin-top: 1.6em;
        transition: .2s ease-out;
    }
    
    .menus-widget__actions__item:hover,
    .menus-widget__actions__item.active {
        color: var(--primary);
        text-decoration: underline;
    }
    
    .menus-widget__actions__item_name:hover,
    .menus-widget__actions__item_name.active {
        color: var(--primary);
        text-decoration: underline;
    }
    
    .menus-widget__actions__items {
        user-select: none;
    }
    
    .menus-widget__actions__items div {
        list-style-type: none;
        color: var(--label);
        /* margin-left: 1.4%; */
        cursor: pointer;
        font-weight: 500;
    }
    
    .menus-widget__description {
        font-size: .9em;
        color: var(--label);
    }
    
    .menus-widget__actions__item {}
    
    .menus-widget__actions__more {
        background-color: var(--primary);
        color: var(--white) !important;
        padding: .5em;
        width: 5em;
        justify-content: center;
        text-align: center;
        height: max-content;
        max-height: 35px;
        box-sizing: border-box;
        margin-top: 3%;
    }
    
    .menus-widget__actions__more a {
        color: var(--white);
    }
    
    @media (max-width: 576px) {
        .menus-widget__actions__items div {
            margin-left: 2px !important;
        }
        .menus-widget__actions__items div {
            font-size: .8em;
        }
    }
    
    .menus-widget__carousel .card-title {
        font-family: var(--font-poppins);
        font-style: normal;
        font-weight: 500;
        font-size: 1em;
        color: var(--title-active);
    }
    
    .menus-widget__carousel .card-text,
    .menus-widget__carousel__item__command {
        font-family: var(--font-poppins);
        font-style: normal;
        font-weight: 700;
        font-size: .8em;
        color: var(--primary);
    }
    
    .menus-widget__carousel__item__command {
        text-decoration: underline;
        transition: .4s ease-in-out;
    }
    
    .menus-widget__carousel__item__command:hover {
        text-decoration: none;
        color: var(--primary);
    }
    
    .menus-widget__carousel__item {
        margin-left: 10px;
        cursor: pointer;
    }
    
    .menus-widget__carousel .card-img-top {
        border-radius: 0px !important;
        background-color: var(--bg-default);
    }
    
    .menus-widget__carousel .card-body,
    .menus-widget__carousel .card-actions {
        background-color: var(--white);
    }
    
    .menus-widget__carousel__item__cart:hover,
    .menus-widget__carousel__item__like:hover {
        transform: scale(1.2);
    }
    
    @media (hover: hover) {
        .menus-widget__carousel .card-actions {
            background-color: var(--bg-default);
            transition: .4s ease-in-out;
        }
        .menus-widget__carousel .card-actions img {
            opacity: 0;
            transition: .4s ease-in-out;
        }
        .menus-widget__carousel__item:hover .card-actions {
            background-color: var(--white);
        }
        .menus-widget__carousel__item:hover img {
            opacity: 1;
        }
    }
    /** MENUS WIDGET **/
    /** SET CAROUSEL CONTROLLER POSITION **/
    
    .glider-prev,
    .glider-next,
    .glider-school-prev,
    .glider-school-next {
        background-color: var(--primary);
        border-radius: 100%;
        width: 40px;
        height: 40px;
        transition: .4s ease-in-out;
    }
    
    .menus-widget__carousel .disabled,
    .menus-widget__carousel .disabled {
        background-color: transparent;
    }
    
    .glider-next {
        right: 0px !important;
    }
    
    .glider-prev {
        left: 10px !important;
    }
    
    .glider-next:hover,
    .glider-prev:hover {
        /* box-shadow: 3px 5px 3px var(--primary); */
        transform: scale(1.05);
    }
    
    .about-us__learn-more {
        color: var(--title);
        border: var(--border-primary);
        box-sizing: border-box;
        background-color: var(--primary);
        font-family: var(--font-poppins);
        font-style: normal;
        font-weight: 500;
        /* width: calc(max-content); */
        height: 35px !important;
        /* font-size: 10px !important; */
        color: var(--white);
    }
    
    .about-us__learn-title {
        font-family: var(--font-poppins);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2em;
        color: var(--title-active);
    }
    
    .about-us__learn-description {
        font-size: .9em;
        color: var(--label);
    }
    
    @media (max-width: 800px) {
        .about-us__learn-more {
            width: 70%;
            height: 40px;
            font-size: 12px;
        }
        .about-us__learn-title {
            font-size: 1.8em;
        }
        .about-us__learn-description {
            font-size: .8em;
            color: var(--label);
        }
    }
    
    @media (max-width: 572px) {
        .about-us__learn-more {
            width: max-content;
            height: 30px;
            /* font-size: 100%; */
        }
        .about-us__learn-title {
            font-size: 1.1em;
        }
        .about-us__learn-description {
            font-size: .7em;
            color: var(--label);
        }
    }
    /*** CUSTOM DROPDOWN ***/
    
    .dropdown {
        cursor: pointer;
        transition: transform .4s ease-in-out;
    }

    .dropdown-menu {
        font-family: var(--font-poppins) !important;
        border-radius: 0px !important;
        opacity: 1;
    }
    
    .dropdown-menu.show {
        animation: slidein 400ms ease-in-out;
    }
    
    @keyframes slidein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /*** CART ***/
    
    #cartFood {
        width: 25em;
        right: 0;
    }
    
    #likedFood {
        width: 20em;
        right: 0;
    }
    
    .cart {
        max-height: 300px;
        overflow-y: scroll;
    }
    
    .cart-item {
        cursor: pointer;
    }
    
    .cart-btn {
        height: 30px;
    }
    
    .cart-item img {
        background-color: var(--bg-input);
    }
    
    .cart-item button {
        border: none;
        background-color: transparent;
    }
    
    .cart-item input {
        text-align: center;
    }
    
    .cart-item__title {
        font-size: .7em;
    }
    
    .cart-item__name {
        font-size: .7em;
        color: var(--primary);
    }
    
    .cart-item__count {
        background-color: var(--white);
        width: 40px;
    }