/* Style the tab */
.tab {
  overflow: hidden;
  /* border: 1px solid #ccc;
  background-color: #f1f1f1; */
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-size: 16px;
    min-width: fit-content;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
  color: #e35653;
}

/* Create an active/current tablink class */
.tab button.active {
    color: #e35653;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: 5px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 0px;
  /* border: 1px solid #ccc; */
  border-top: none;
}

#more {display: none;}
            .read{
                color: #e35653;
            }
            /* width */
            /* width */
            ::-webkit-scrollbar {
            width: 5px;
            height: 5px;
            }

            /* Track */
            ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px grey; 
            border-radius: 1px;
            }
            
            /* Handle */
            ::-webkit-scrollbar-thumb {
            background: #e35653; 
            border-radius: 10px;
            }

            /* Handle on hover */
            ::-webkit-scrollbar-thumb:hover {
            background: #cd4e4c; 
            }     
            
            .menu-wrapper {
                position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    transition: all 0.4s;
}

.menu-wrapper .menu-image img {
    width: 100%;
    max-width: 100px;
    border-radius: 10px;
    margin-right: 30px;
}

.p-title {
    line-height: 35px;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
}

.p-title a {
    color: #000;
    background-image: linear-gradient(to right, var(--color-primary) 50%, transparent 50%);
    background-size: 200% 2px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition: all 500ms;
    font-weight: bold;
}

.menu-wrapper .content {
    padding: 0;
    position: inherit;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    transition: all 0.3s ease 0s;
    width: 58%;
}

.price-tag {
    background: #fff;
    padding: 5px 13px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #111111;
    transition: all cubic-bezier(0.39, 0.58, 0.57, 1) 0.3s;
    box-shadow: 0 0 25px -12px rgba(17, 17, 17, 0.1607843137);
}

.price-tag:hover {
    background: var(--color-primary);
    color: #FFFFFF;
}

.menu-text {
    text-transform: capitalize;
    text-align: center;
    background: #ffc107;
    padding: 10px;
    margin-top: -10px;
    color: #010101;
    font-weight: bold;
    border-radius: 5px;
}

.mt-n2 {
    margin-top: -0.5rem;
}

.divider-title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.divider-title .text {
    display: inline-block;
    background-color: #e35653;
    padding: 0 10px;
    position: relative;
    z-index: 2;
    color: white;
    font-size: 20px;
}

.divider-title:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #e35653;
}