html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.min-order {
    color: red;
    font-size: 19px;
}

.plus {
}

.minuse{

}
.input-border-email {
    border: 1px solid #C59950;
    border-radius: 7px;
}
.self-details-email {
    width: 110%;
}
.title-input-email {
    width: 100%;
}
.cont-email {
    width: 100%;
    height: 200px;
}
.title-exp-email {
    color: #C59950;
    font-weight: bold;
    font-size: 17px;
}
.span-email {
    font-size: 11px;
    color: #808080e6;
}
.send-email-btn {
    color: white;
    background-color: #C59950;
    border: none;
    border-radius: 8px;
    font-size: 14px;
}
.send-email-div {
    width: 110%;
    text-align: left;
}
.self-details-inputs {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
@media (max-width: 768px) {
    .self-details-inputs {
        display: grid;
    }
}
.all-content-email {
    justify-content: center;
    top: 11vw;
    position: relative;
    direction: rtl;
    display: grid;
}
@media (max-width: 768px) {
    .all-content-email {
        top: 180px;
    }
}
@media (max-width: 340px) {
    .all-content-email {
        top: 220px;
    }
}
.sign-up-btn {
    width: 100%;
    background-color: #C59950;
    border: none;
    border-radius: 11px;
    color: white;
    height: 40px;
    font-size: 22px;
}
.allowed-send-email {
    font-size: 14px;
    font-weight: 500;
    color: #00000082;
}
.input-details {
    border: none;
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}
.input-details:focus-visible {
    outline: none;
}
.details-paragraph {
    display: grid;
}

.sign-in-up {
    display: flex;
    justify-content: space-between;
}
.details-texts {
    width: 30%;
    direction: rtl;
    border: 3px solid;
    border-radius: 20px;
    padding: 17px;
    border-color: #C59950;
}
.all-details-content {
    display: flex;
    justify-content: center;
    color: #C59950;
    font-size: 19px;
    font-weight: bold;
}
.alergies-icons {
    direction: rtl;
    display: flex;
    gap: 2%;
}
.box-content {
    direction: rtl;
    display: grid;
    align-content: space-between;
    height: 100%;
}
.custom-button {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    background-color: #C59950;
}
.order-table {
    direction: rtl;
    margin: 20px;
}
.name-product-popup {
    color: rgb(197, 153, 80);
    font-size: 18px;
}
.units-qty-popup {
    width: calc(1000px* 0.3);
}
.image-and-name {
    display: flex;
    gap: 10px;
    width: calc(1000px* 0.4);
    margin: 13px;
}
.total-order-message {
    color: rgb(197, 153, 80);
    text-align: center;
    font-size: 20px;
    text-decoration: underline rgb(197, 153, 80);
}
.name-title {
    color: gray;
    font-size: 13px;
}
.nice-cut-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.nice-cut-text-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nice-cut-text-5_2 {
    -webkit-line-clamp: 6 !important;
}




.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
/*    margin-bottom: 60px;
*/}

.layout-footer-navbar {
    background: black;
    position: fixed;
}

.main-page {
    background-color: black;
}


.all-order-table {
}

.popup-background {
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.6); */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* z-index: 1000; */
    overflow-x: auto;
    overflow-y: auto;
}
/*.popup-in-new-category {
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1001;
    max-width: 100%;
}*/
.category-border-popup {
    border-radius: 12px;
    border: 0.5px solid #C59950;
    max-width: 371px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background-color: white;
    margin-top: 80px;
}

.product-border-popup {
    border-radius: 12px;
    border: 0.5px solid #C59950;
    max-width: 588px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color: white;
    margin-bottom: 38px;
    margin-top: 70px; /* 30 פיקסלים */
    /*text-align:right;*/
}


.category-border {
    border-radius: 12px;
    border: 0.5px solid #C59950;
    max-width: 256px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    text-decoration: none;
    min-height: 273px;
}

.product-border {
    border-radius: 12px;
    border: 0.5px solid #C59950;
    width: 326px;
    height: 562px;
    /*    width:100%;
*/ display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: transparent;
}

.button-new-category {
    background-color: #C59950;
    border-radius: 8px;
    color: #FFFFFF;
    border: none;
    padding-right: 21px;
    padding-left: 21px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.button-secondary {
    background-color: unset;
    color: #C59950;
    border-radius: 8px;
    border: 1px solid #C59950;
}
.image-category {
    width: 232px;
    height: 144px;
    /*    width: 100%;
*/ object-fit: cover;
    background: linear-gradient(180deg, #C59950 0%, #FEEFD5 100%);
    /* position: revert; */
    border-radius: 12px 12px 0 0;
}


.image-product {
    width: 294px;
    height: 205px;
    width: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, #C59950 0%, #FEEFD5 100%);
    /* position: revert; */
    border-radius: 12px 12px 0 0;
}

.image-product-popup {
    height: 266px;
    width: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, #C59950 0%, #FEEFD5 100%);
    /* position: revert; */
    border-radius: 12px 12px 12px 12px;
}

.image-container {
    position: relative;
    max-width: 540px;
    height: 254px;
    width: 100%;
}

.image-product-in-popup {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #C59950 0%, #FEEFD5 100%);
    opacity: 15%;
    z-index: 1;
    border-radius: 12px;
}


.product-image-container{
    margin-top:4px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px;
}

.product-image{ 
    width:23%;
    height:100px;
    object-fit:cover;
    border-radius:3px;
    border:1px solid black;
}
/*.image-container {
    position: relative;
    max-width: 540px;
    height: 254px;
    width: 100%;
    border-radius: 12px;
}

.image-product-in-popup {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
    .image-product-in-popup::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;*/
/*background-color: rgba(0, 128, 0, 0.5);*/ /* גוון ירוק עם אופק של 50% */
/*z-index: 1;*/ /* דמויות מול מציאות */
/*background-color: linear-gradient(180deg, #C59950 0%, #FEEFD5 100%);
        z-index: 1;*/ /* Adjust the z-index to ensure the overlay is above the image */
/*}*/
.image-category-in-popup {
    max-width: 339px;
    max-height: 183px;
    width: 100%;
    object-fit: cover;
    /*background: linear-gradient(180deg, #C59950 0%, #FEEFD5 100%);*/
    /* position: revert; */
    border-radius: 12px 12px 0 0;
    position: relative;
    display: inline-block;
}

    .image-category-in-popup::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 128, 0, 0.5); /* גוון ירוק עם אופק של 50% */
        mix-blend-mode: overlay; /* מערבב את הצבעים כדי להשיג את הגוון הנדרש */
    }
.product-preperd {
    direction: rtl;
    margin-right: 6%;
    color: #C59950;
}
.category-table-new {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2%;
    margin-top: 2%;
}
.category-table {
    gap: 24px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
    direction: ltr;
    margin-left: 3%;
}
.category-table > form{
    display:inline-block;
    margin:12px;
}
    /* Styles for the item being dragged */
    .sortable-drag {
        opacity: 0.6;
        border: 2px dashed #3498db; /* Dashed border for the dragging item */
        background-color: #e74c3c; /* Optional: change background color when dragging */
    }

/* Styles for the placeholder (ghost) */
.sortable-ghost {
    opacity: 0.4;
    background-color: #f1c40f; /* Highlight color for the drop placeholder */
}


.category-wrote-headline {
    /*    font-family: Ploni ML v2 AAA;
*/ font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: right;
    color: #C59950;
    direction: rtl;
}

.category-basic-writing {
    font-family: Ploni ML v2 AAA;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: right !important;
    color: #000000;
    direction: rtl;
}
.category-basic-writing-en {
    font-family: Ploni ML v2 AAA;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    color: #000000;
}

.category-input-new {
    max-width: 339px;
    height: 40px;
    border-radius: 8px;
    border: 0.5px solid #000000;
    text-align: right;
    direction: rtl;
    /*text-align: center;*/
}

.product-input-user-manual {
    height: 157px;
    max-width: 540px;
    border-radius: 8px;
    border: 0.5px solid #000000;
    text-align: right;
    direction:rtl;
}

.product-input-quantity {
    width: 150px;
    height: 30px;
    border-radius: 25px;
    border: 0.5px solid #C59950;
    text-align: right;
    margin: 6px;
}

.product-input-new {
    max-width: 540px;
    height: 40px;
    border-radius: 8px;
    border: 0.5px solid #000000;
    text-align: right;
    direction:rtl;
    justify-content: center;
}

.product-input-quantitys-in-new {
    display: flex;
    flex-direction: row-reverse;
    gap:20px;
    /*flex-wrap: wrap;*/
}
.product-remove-qty {
    background-color: #C59950;
    border-radius: 8px;
    color: #FFFFFF;
    border: none;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 50px;
    margin-top: 50px;
    height: 40px;
}

#dropzone-external {
    max-width: 339px;
    height: 183px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    #dropzone-external > * {
        pointer-events: none;
    }

    #dropzone-external.dropzone-active {
        border-style: solid;
    }

.upload-imag-in-category {
    width: 120px;
    height: 40px;
    border-radius: 12px;
    border: 0.5px;
    text-align: center;
    border: 0.5px solid #FFFFFF;
    color: #FFFFFF;
    padding: 5px;
}

.flex-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.product-input-text-div {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.button-add-quantity {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 9px;
    padding-top: 9px;
    background-color: #C59950;
    border-radius: 8px;
    color: #FFFFFF;
    border: none;
}

.product-basic-writing {
    font-family: Ploni ML v2 AAA;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #979797;
}

.button-edit-product {
    background: #C59950;
    color: #FFFFFF;
    border-radius: 8px;
    width: 81px;
    height: 39px;
    border-color: none;
    border: none;
    margin-right: 3px;
    margin-left: 3px;
}



.main-page-main-image {
    /*    width: 100%;
    height: 100vw;
    max-height: 1207px;
    background-image: url("/images/main-image.svg");*/
    background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)), url("/images/main-image.svg");
    background-size: cover;
    background-position: center;
    /*background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)), url("/images/main-image.svg");
    background-size: 100% 50%, cover;*/ /* קובע את הגובה של ה-linear gradient כ-50% מהגובה הכולל של הדיב */
    /*background-position: top, center;*/ /* מקביל לגובה 50%, וממוקם במרכז */
}


    .main-page-main-image::before {
        /*       content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60%;
        z-index:5;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));*/
    }

.main-page-main-leter {
/*    font-family: Talent FS;
*/    font-size: 8vw;
    max-font-size: 80px;
    font-weight: 100;
    line-height: 153px;
    letter-spacing: 0em;
    color: white;
    max-margin-bottom: 7px;
}

.main-page-leter-div {
    padding-top: 93px;
    text-align: center;
    /*    position: absolute;
*/ display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.main-page-leter-small {
    color: white;
/*    font-family: Talent FS;
*/    font-size: 32px;
    font-weight: 100;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: right;
}

.main-page-order-button {
    background: #C59950;
    color: white;
    border-radius: 12px;
    border: none;
    max-width: 293px;
    width: 100%;
    height: 53px;
    font-size: 28px;
}

.main-page-button-list {
    /*    position: absolute;
*/
    padding-top: 371px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.main-page-button {
    border-width: 0px, 3px, 3px, 3px;
    border-style: solid;
    border-color: #C59950;
    max-width: 294px;
    height: 195px;
    width: 100%;
    border-radius: 15px;
    border: 0px, 3px, 3px, 3px;
    background: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 41px;
}

.main-page-img-plate {
    max-width: 212px;
    max-height: 212px;
    transform: translate(0, -50%);
}

.main-page-new-event {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    background-size: cover;
    background-position: center;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 17%);
    justify-content: center;
    gap: 68px;
    margin: 50px;
    margin-top: 265px;
}

.main-page-new-event-leter {
/*    font-family: Talent FS;
*/    font-size: 64px;
    font-weight: 100;
    line-height: 84px;
    text-align: right;
    color: #C59950;
}

.img-event-main-page {
    max-width: 195px;
    max-height: 578px;
    width: 100%;
    /*border-radius: 27px;
    border: 5px solid #C59950;
    margin:15px;*/
    margin: 15px;
    margin-top: 100px;
}

.img-event-main-page-2 {
    max-width: 183px;
    max-height: 510px;
    width: 100%;
    border-radius: 27px;
    border: 5px solid #FFFFFF;
    /*margin: 15px;*/
    margin: 15px;
    margin-bottom: 180px;
}

.img-event-main-page-3 {
    max-width: 204px;
    max-height: 560px;
    /*    width: 100%;
*/ border-radius: 27px;
    margin: 15px;
    border: 5px solid #C59950;
}

/*.img-event-main-page-grop {
    background-image: url("/images/SmokeBackground.svg");*/
    /*    background-position: 0 50%;
*/ /*background-size: cover;
    background-position: center;*/
   /* display: flex;*/
    /*flex-wrap: wrap;
    justify-content: center;
    gap: 20px;*/ /* רווח בין התמונות */
/*}*/
.img-event-main-page-grop {
    background-image: url("/images/SmokeBackground.svg");
    /*    background-position: 0 50%;
*/ background-size: cover;
    background-position: center;
    /* display: flex;*/
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* רווח בין התמונות */
}
.main-page-menu {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 17%);
    margin-top: 265px;
    text-align:right;
}
.main-page-menu-leter {
    /*    font-family: Talent FS;
*/ font-size: 64px;
    font-weight: 100;
    line-height: 84px;
    text-align: right;
    color: #C59950;
    margin-right: 10vw;
    margin-bottom: 5vw;
}
.main-page-menu-images {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
/*    gap: 20px;
*/    width: 100vw;
    overflow: hidden;
}
.main-page-menu-button{
    display:flex;
    justify-content:space-between;
    margin:3vw;
}
    .main-page-menu-button::before {
        background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 101.86%);
    }
.img-menu-carusela {
    width: 310px;
    height: 190px;
    border-radius: 29px;
    opacity: 0.3px;
    margin: 10px;
}
        .img-menu-carusela::after,
        img-menu-carusela::before {
            border-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        }
.main-page-order-line {
    width: 74px;
    height: 3px;
    border: 1px;
    Rotation :-90deg;
    margin-top:30px;
    /*    angle: -90 deg;
*/ color: #FFFFFF;
}
.container-11 {
    position: relative;
    overflow: hidden;
}

    .container-11 ::before,
    .container-11 ::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 8%;
        
    }

    .container-11 ::before {
        left: 0;
        background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    }

    .container-11 ::after {
        right: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    }

.main-page-about {
    max-width: 80vw;
    background: #FFFFFF;
    color: black;
    text-align: center;
    justify-content: center;
    position: relative;
/*    background-image: url("/images/SmokeBackground.svg");
    background-size: cover;
    background-position: center;*/
    padding-bottom: 35px
}
    .main-page-about::before {
        content: "";
        position: absolute;
        top: -15px;
        right: -15px;
        width: 50%;
        height: 204px;
        border-top: 15px solid #C59950;
        border-right: 15px solid #C59950;
        /*background-image: url("/images/Red-pepper.svg");*/ /* הכתובת של התמונה שברצונך להשתמש */
        /*background-size:cover; 
        background-position: top right;*/
   }


    .main-page-about ::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 204px;
        bottom: -15px;
        left: -15px;
        border-bottom: 15px solid #C59950;
        border-left: 15px solid #C59950;
/*        background-image: url("/images/spice.svg");
        background-position: top left;
        background-size: 100px;
        background-position: center;*/
    }

.main-page-about-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-page-about-text-big {
/*    font-family: Talent FS;
*/    font-size: 64px;
    font-weight: 100;
    line-height: 84px;
    letter-spacing: 0em;
/*    text-align: left;
*/}
.main-page-about-spice {
    max-width: 150px;
    position: absolute;
    bottom: 120px;
    left: -95px;
}
.main-page-about-red-pepper {
    max-width: 200px;
    position: absolute;
    top: calc(100% - 100px);
    right: -100px;
}
.contact-input {
    min-width: 16%;
    padding: 10px 20px;
    border-color: transparent;
    border-bottom: 1px solid white;
    font-size: 15px;
    background: transparent;
    color: white;
    text-align: right;
}
.contact-input-big {
    min-width: 60%;
    padding: 50px 20px;
    border-color: transparent;
    border-bottom: 1px solid white;
    font-size: 15px;
    background: transparent;
    color: white;
    text-align: right;
}
.main-page-contact-input {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 5vw;
    flex-wrap: wrap;
}
.main-page-contact {
    text-align: right;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    overflow:hidden;
}
.main-page-contact-general-input {
    display: flex;
    flex-direction: column;
    align-content: center;
   /* align-items: center;*/
}
.main-page-contact-button {
    background: #C59950;
    color: white;
    border-radius: 12px;
    border: none;
    max-width: 293px;
    width: 100%;
    height: 53px;
    font-size: 28px;
    margin-top:5%;
    margin-left:20%;
}
.main-page-line-up {
    text-align: right;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
    overflow: hidden;
    min-height: 468px;
}
.main-page-line {
    margin-top: 5vw ;
    background-color: #C59950;
    width: 100vw;
    height: 0.1px;
}
.first-navbar-bootom {
    color: white;
    display: flex;
    /*    flex-direction: column;
*/ flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    /*    justify-content: center;*/
    margin-right: 10vw;
    margin-top: 5vw;
    gap: 50px;
    margin-bottom: 5vw;
}
.second-navbar-bootom {
    display: flex;
    flex-direction: column;
/*    flex-wrap: wrap;
*/    flex-wrap: nowrap;
      text-align:right;
}
.main-leter-navbar-bottom {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: right;
    color: #C59950;
    margin: 7px;
}
.leter-navbar-bottom {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: right;
    margin:7px;
}
.button-in-bottom {
    border-radius: 6px;
    color: white;
    background: #C59950;
}
.main-page-testimonials {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
/*    gap: 96px;
*/    flex-wrap: wrap;
}
.main-page-testimonials-one {
    max-width: 435px;
    min-height: 233px;
    display: flex;
    flex-direction: column;
    margin:45px;
}
.main-page-testimonials-leters {
    color: white;
    margin: 22px;
    min-height: 117px;
}
.main-page-testimonials-leter-name {
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    color: #C59950;
    text-align: left;
}
.our-menu-list-category {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4vw;
    padding: 0% 5% 0% 5%;
}
.our-menu-main-img-div {
    position: relative;
    max-width: 100vw;
    height: 300px;
    width: 100%;
}
.our-menu-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-border-menu {
    border-radius: 12px;
    border: 0.5px solid #C59950;
    max-width: 256px;
    display: flex;
    flex-direction: column;
    /*    width: calc(20% - 10px);
*/ /*    padding: 10px;
*/
}
.our-menu-main-leter {
    text-align: center;
    color: #E0A544;
    /* font-family: Talent FS; */
    font-size: 48px;
    font-weight: 400;
    line-height: 63px;
    letter-spacing: 0em;
    margin-bottom: 40px;
}
.image-menu {
    border-radius: 12px;
    width: 232px;
    height: 144px;
    object-fit: cover;
}
.about-title {
    font-family: Talent FS;
    font-size: 51px;
    font-weight: 500;
    line-height: 62.78px;
    text-align: left;
    color: #C59950;
}
@media (max-width: 768px) {
    .about-title {
        font-size: 30px;
        margin-right: 13px;
        margin-left: 13px;
    }
}
.about-text {
    width: 30%;
}
@media (max-width: 768px) {
    .about-text {
        width:100%
    }
}
.chosher-img {
}

@media (max-width: 768px) {
    .chosher-img {
        width: 100%;
        text-align: center;
    }
}
.navbar-nav {
    direction: rtl;
}
@media (max-width: 768px) {
    .navbar-nav {
        direction:ltr;
    }
}
.about-title-content {
    display: flex;
    direction: rtl;
    justify-content: center;
    margin-top: 4%;
}
@media (max-width: 768px) {
    .about-title-content {
        display: grid;
    }
}
.about-content {
    font-size: 20px;
}
@media (max-width: 768px) {
    .about-content {
        font-size: 15px;
        margin-right: 13px;
        margin-left: 13px;
    }
}
.image-menu-div {
    border-radius: 12px;
    border: 0.5px solid #C59950;
    height: 144px;
    /*    max-width: 20%;
*/ object-fit: cover;
    position: relative;
    text-align: center;
}
    .image-menu::before {
        background: #FEFCF9;
        background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 101.86%);
    }

    .category-wrote-headline-menu {
        color: #FFF7E9;
        font-size: 24px;
        font-weight: 400;
        line-height: 31px;
        letter-spacing: 0em;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 5px;
    }
.our-menu-all-product {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 4vw;
    justify-content: center;
}
.category-product-list-size {
    width: 88px;
    height: 39px;
    padding: 4px, 16px, 4px, 16px;
    border: 0.5px solid black;
    border-radius: 12px;
    text-align: center;
    align-items: center;
    direction:rtl;
}
.category-product-list-size {
    width: 88px;
    height: 39px;
    padding: 4px, 16px, 4px, 16px;
    border: 0.5px solid black;
    border-radius: 12px;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: no-repeat;
    direction: rtl;
}
    .category-product-list-size.clicked {
        background-color: black;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        direction:rtl;
    }
.category-product-size {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap:16px;
}
.image-bak-allergy {
    width:19px;
    height:19px;
    background-image: url("../images/IconTraditionalFood.svg");
    background-size: 11px 11px;
    background-position: center;
    background-size: cover;
    background-position: center;
    /* display: flex;*/
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* רווח בין התמונות */
}

.image-bak-allergy {
    position: relative;
}

.tooltip {
    visibility: hidden;
    width: 134px;
    height: 62px;
    border-radius: 12px;
    border: 0.5px solid #C59950;
    position: absolute;
    top: -72px;
    background-color:white;
    text-align:right;
}

.image-bak-allergy:hover .tooltip {
    visibility: visible;
    opacity: 1;
}
.product-border-popup-in {
    border-radius: 12px;
    border: 0.5px solid #C59950;
    //max-width: 680px;
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color: white;
    margin-bottom: 38px;
    text-align: right;
    margin-top: 150px;
}
.product-border-popup-in-prod {
    border-radius: 12px;
    border: 0.5px solid #C59950;
    //max-width: 680px;
    max-width: 1000px;
    width: 45%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color: white;
    margin-bottom: 38px;
    text-align: right;
    margin-top: 150px;
}
.some-in-popup-product {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: right;
    font-weight: 400;
}
.shopping-cart-product {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
    justify-content: space-evenly;
    margin:2%;
}

.shopping-cart-main-div {
    background-color: white;
    border: 0.5px solid #C59950;
    border-radius: 12px;
    max-width: 450px;
    min-height: 100vh;
    margin-top:66px;
}
.shopping-cart-main-div-2 {
    border: 0.5px solid #C59950;
    border-radius: 12px;
    max-width: 450px;
    min-height:300px;
}
.shopping-cart-image {
    width: 107px;
    height:84px;
    border-radius: 12px;
    opacity: 0.3px;
    background: linear-gradient(180deg, #C59950 0%, #FEEFD5 100%);
}
.shopping-cart-product-and-image {
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
    width: 260px;
}
.prancipal-name-product {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
/*    text-align: left;*/
}
.prancipal-name-numOfQuantity {
    color: #979797;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
}
.prancipal-name-amount-sum {
    color: #C59950;
   font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
}
.shopping-cart-order-button {
    width: 134px;
    height: 39px;
    padding: 9px 20px 9px 20px;
    border-radius: 12px;
    gap: 10px;
    background: #C59950;
    border: none;
    color: white;
    cursor: context-menu;
}
.shopping-cart-botton {
    display: flex;
    text-align: center;
    height: 137px;
    flex-direction: column;
    justify-content: space-evenly;
    margin-top:auto;
}

.see-the-cart {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 24px;
}
.all-cart-to-see {
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    z-index: 1000;
    overflow-x: auto;
    overflow-y: auto;
}
.backraound-color-nav {
    background-color: rgba(0, 0, 0, 0.3);
}
.make-order-shipping {
    max-width: 837px;
    min-height: 78px;
    border-radius: 12px;
    border: 0.5px solid #C59950;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.make-order-shipping-input {
    min-width: 16%;
    padding: 10px 10px;
    border-color: transparent;
    border-bottom: 1px solid black;
    font-size: 15px;
    background: transparent;
    text-align: right;
    /*color: #C0C0C0;*/
    direction:rtl;
}
.make-order-contact-input {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 2vw;
    flex-wrap: wrap;
    width:90%;
}
.make-order-contact-input-big {
    min-width: 80%;
    padding: 10px 10px;
    border-color: transparent;
    border-bottom: 1px solid black;
    font-size: 15px;
    background: transparent;
    text-align: right;
    color: #C0C0C0;
}
.make-order-contact-general-input {
    display: flex;
    flex-direction: column;
    width: 100%;
    /*     align-content: center;
    align-items: center;*/
}
.make-order-shipping-word {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 2vw;
    color: #000000;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: right;
}
.make-order-contact-button {
    min-width: 162px;
    height: 39px;
    padding: 9px, 20px, 9px, 20px;
    border-radius: 12px;
    background: #C59950;
    color: white;
    border: none;
}
.remove-edit-category {
    gap: 15px;
    display: flex;
}
.error-message {
    color: red;
    display: none;
}
.style-in-popup-order {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-evenly;
}
.style-in-popup-order-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.navbar-brand {
    margin: 0px;
    padding: 11px 16px 11px 9px;
}
.fixed-top-in-navbar {
    position: fixed;
    top: 0;
    right: 0;
    /* left: 0; */
    z-index: 905;
    height: 100%;
    width: fit-content;
    direction: rtl;
    /* padding: 1.5%; */
    /* margin: 100px; */
    display: grid;
    align-content: start;
    gap: 13%;
    width: 200px;
    justify-content: center;
}
.container-fluid-navbar {
    display: grid;
    gap: 15px;
    width: inherit;
}
.img-logo-nav {
    width: 80%;
    padding: 6px;
}
.popup-language-bakrod {
    width: 112px;
    height: 74px;
    border-radius: 8px;
    border: 0.3px solid #C59950;
    background-color:white;
}
.product-in-kitchen {
    width: 150px;
    height: 30px;
    border-radius: 20px;
    border: 0.5px solid #C59950;
    text-align: right;
    margin:5px;

}
.product-in-kitchen-btn {
    height: 30px;
    border-radius: 20px;
    border: 0.5px solid #C59950;
    text-align: right;
    margin: 5px;
    text-align: center;
    width: 105px;
}
#list {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}
.colored-dot
{
    width: 7px;
    height: 6px;
    background-color: #FF0000; /* Red color */
    border-radius: 50%; /* Make it a circle */
}
.language-div {
    background-color: transparent;
    color: white;
    border: none;
}
@media screen and (max-width: 780px) {
    .img-event-main-page {
        max-width: 190px;
        max-height: 400px;
        width: 30%;
        margin: 2px;
    }

    .img-event-main-page-2 {
        max-width: 190px;
        max-height: 450px;
        width: 30%;
        margin: 2px;
    }

    .img-event-main-page-3 {
        max-width: 200px;
        max-height: 400px;
        width: 30%;
        margin: 2px;
    }
  /*  .img-menu-carusela {
        max-width: 50vw;
        max-height: 250px;
        width: 100%;
        border-radius: 29px;
        margin: 10px;
    }*/
    .main-page-contact-button,
    .main-page-order-button {
        background: #C59950;
        color: white;
        border-radius: 8px;
        border: none;
        max-width: 150px;
        width: 100%;
        height: 34px;
        font-size: 15px;
    }
    
}