@font-face {
font-family:IranNastaliq;src:url(../design/fonts/IranNastaliq/IranNastaliq.eot?#) format('eot'),
url(../design/fonts/IranNastaliq/IranNastaliq.woff) format('woff'),
url(../design/fonts/IranNastaliq/IranNastaliq.ttf) format('truetype')
}

@font-face {
font-family:BHoma;src:url(../Standard/fonts/BHoma/BHoma.eot?#) format('eot'),
url(../Standard/fonts/BHoma/BHoma.woff) format('woff'),
url(../Standard/fonts/BHoma/BHoma.ttf) format('truetype')
}


        .menu-header {
            text-align: center;
            margin-bottom: 20px;
        }
        .menu-header img {
            width: 150px;
            border-radius:5%;
            padding-top:-20px;
            margin:10px;
        }
        .menu-title {
            font-size: 24px;
            margin: 10px 0;
            font-family:IranNastaliq;
        }
        .menu-section {
            margin-bottom: 20px;
        }
        .menu-section h3 {
            background-color: var(--main-color);
            color: white;
            padding: 10px;
            border-radius: 5px;
        }
        .menu-section ul {
            list-style: none;
            padding: 0;
        }
        .menu-section li {
            padding: 8px 0;
            border-bottom: 1px solid #ddd;
        }
        .menu-section li:last-child {
            border-bottom: none;
        }
      .menu-footer {
        	position:relative;
            left:0px;
            bottom:0px;
        	width:100%;
            text-align: center;
            margin-top: 20px;
            background-image: url(""); 
            background-position: center; 
            background-repeat: no-repeat; 
            background-size: 100% 100%;
            z-index:1;
        }
        .menu-footer p {
            margin: 5px 0;
        }
        .tab-list {
            width: 100%;
        }
        .tab-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top:15px;
            padding:10px;
            background-color: var(--main-color);
            color: white;
            border-top-left-radius:5px;
            border-top-right-radius:5px;
            border-bottom-left-radius:5px;
            border-bottom-right-radius:5px;
            text-decoration: none;
            transition: background-color 0.3s;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            border:0px;
        }
        .tab-link:hover, .tab-link.active {
            background-color: #fff;
            color:var(--main-color);
            border:1px solid var(--main-color);
            text-decoration: none;
            border-bottom-left-radius:0px;
            border-bottom-right-radius:0px;
        }
        .tab-link span {
            margin-right: 10px;
        }
        .tab-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-out, padding 0.5s ease-out;
            padding: 0 10px;
            border:1px solid var(--main-color);
            border-top: none;
            background-color: #fff;
        }
        .tab-content.active {
            max-height: 500px; /* تنظیم مقدار مناسب برای ارتفاع محتوای شما */
            padding: 10px;
            overflow-y:scroll;
            border-bottom-left-radius:5px;
            border-bottom-right-radius:5px;
        }
         /* CSS to center the modal vertically and horizontally */
        .modal-dialog {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }
        @media (min-width: 576px) {
            .modal-dialog {
                max-width: 300px; /* or any preferred width */
            }
        }
        .end-0 {display: none;}
.img-0 {display: none;}
.end-1 {
color:red;
	}
	
.item-img {
width:80px;
border:1px solid var(--main-color);
border-radius:5px;
}
.menu-more {
font-family:BHoma;
height:20px;
color:#fff;
background:#275A29;
border-radius:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}
hr {
border:0.5px solid var(--main-color);
height:0.5px;
background:var(--main-color);
	}
.price {
font-family:BHoma;
}
.stars {
font-family:BHoma;
color:gold;
direction:ltr;
align:left;
text-align:left;
}

.icon-btn {
width: 40px; /* Adjust as needed */
            height: 40px; /* Adjust as needed */
            background-color: white;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            color: var(--main-color);
            border:2px solid var(--main-color);
}
.slideshow-container {
    max-width: 600px;
    position: relative; 
    margin: auto;
    overflow: hidden; 
    height: 300px; 
}
.comment {
    display: block; 
    opacity: 0; 
    transition: opacity 1s ease-in-out; 
    position: absolute; 
    width: 100%;
    text-align: center;
    padding:12px;
    direction:rtl;
}
.show {
    opacity: 1; 
}
.cnot {
display:none;
}
.cyes {
color:#a90100;
font-family:BHoma;
}
.cfont {
position:absolute;
right:5px;
top:-15px;
}
.com-no {
display:none;
}
.com-checked {
color:#000;
font-family:BHoma;
}