.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-206 .elementor-element.elementor-element-693a5db .elementor-heading-title{font-family:var( --e-global-typography-778576b-font-family ), Sans-serif;font-size:var( --e-global-typography-778576b-font-size );font-weight:var( --e-global-typography-778576b-font-weight );line-height:var( --e-global-typography-778576b-line-height );color:var( --e-global-color-698728d );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-206 .elementor-element.elementor-element-da46a51{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-698728d );}.elementor-206 .elementor-element.elementor-element-da46a51 p{margin-block-end:10px;}.elementor-206 .elementor-element.elementor-element-d885947{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-206 .elementor-element.elementor-element-d885947 p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-206 .elementor-element.elementor-element-581ff0e .elementor-button-content-wrapper{flex-direction:row;}.elementor-206 .elementor-element.elementor-element-581ff0e .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-206 .elementor-element.elementor-element-4017d55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-206 .elementor-element.elementor-element-4017d55:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-4017d55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-206 .elementor-element.elementor-element-2846f1d{text-align:center;}.elementor-206 .elementor-element.elementor-element-2846f1d .elementor-heading-title{font-family:var( --e-global-typography-e5bc8e3-font-family ), Sans-serif;font-size:var( --e-global-typography-e5bc8e3-font-size );line-height:var( --e-global-typography-e5bc8e3-line-height );color:var( --e-global-color-c7f6233 );}.elementor-206 .elementor-element.elementor-element-45113d9{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-206 .elementor-element.elementor-element-b34ee49{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-206 .elementor-element.elementor-element-09feee8{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-206 .elementor-element.elementor-element-fcb3c13{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-206 .elementor-element.elementor-element-f7f60e8{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-206 .elementor-element.elementor-element-a8b2978{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-206 .elementor-element.elementor-element-d63413d{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-206 .elementor-element.elementor-element-f6f6843{--n-accordion-title-font-size:1rem;width:100%;max-width:100%;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-206 .elementor-element.elementor-element-b651457{text-align:center;}.elementor-206 .elementor-element.elementor-element-b651457 .elementor-heading-title{font-family:var( --e-global-typography-e5bc8e3-font-family ), Sans-serif;font-size:var( --e-global-typography-e5bc8e3-font-size );line-height:var( --e-global-typography-e5bc8e3-line-height );color:var( --e-global-color-accent );}.elementor-206 .elementor-element.elementor-element-a4343e5{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-206 .elementor-element.elementor-element-a4343e5 p{margin-block-end:0px;}.elementor-206 .elementor-element.elementor-element-4961c42 .elementor-button-content-wrapper{flex-direction:row;}.elementor-206 .elementor-element.elementor-element-4961c42 .elementor-button{border-radius:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-206 .elementor-element.elementor-element-693a5db .elementor-heading-title{font-size:var( --e-global-typography-778576b-font-size );line-height:var( --e-global-typography-778576b-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-206 .elementor-element.elementor-element-da46a51{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-206 .elementor-element.elementor-element-d885947{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-206 .elementor-element.elementor-element-2846f1d .elementor-heading-title{font-size:var( --e-global-typography-e5bc8e3-font-size );line-height:var( --e-global-typography-e5bc8e3-line-height );}.elementor-206 .elementor-element.elementor-element-f6f6843{width:100%;max-width:100%;}.elementor-206 .elementor-element.elementor-element-b651457 .elementor-heading-title{font-size:var( --e-global-typography-e5bc8e3-font-size );line-height:var( --e-global-typography-e5bc8e3-line-height );}.elementor-206 .elementor-element.elementor-element-a4343e5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-206 .elementor-element.elementor-element-693a5db .elementor-heading-title{font-size:var( --e-global-typography-778576b-font-size );line-height:var( --e-global-typography-778576b-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-206 .elementor-element.elementor-element-da46a51{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-206 .elementor-element.elementor-element-d885947{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-206 .elementor-element.elementor-element-2846f1d .elementor-heading-title{font-size:var( --e-global-typography-e5bc8e3-font-size );line-height:var( --e-global-typography-e5bc8e3-line-height );}.elementor-206 .elementor-element.elementor-element-f6f6843{width:100%;max-width:100%;}.elementor-206 .elementor-element.elementor-element-b651457 .elementor-heading-title{font-size:var( --e-global-typography-e5bc8e3-font-size );line-height:var( --e-global-typography-e5bc8e3-line-height );}.elementor-206 .elementor-element.elementor-element-a4343e5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-c7090af *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab1f957 */.restaurant-menu {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px; /* Mobile par thori side spacing ke liye zaroori hai */
    box-sizing: border-box;
}

/* 2 Column Grid for Desktop */
.restaurant-menu .menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}

.restaurant-menu .menu-section {
    margin-bottom: 38px;
}

.restaurant-menu .section-title {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0f2b5b;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.restaurant-menu .menu-item {
    margin-bottom: 20px;
}

/* Flex Container - Desktop ke liye */
.restaurant-menu .menu-header {
    display: flex;
    align-items: flex-end; /* Text aur dots ko barabar align karta hai */
    gap: 10px;
}

.restaurant-menu .item-name {
    font-size: 19px;
    line-height: 1.3;
    color: #0f2b5b;
    font-weight: 700;
    overflow-wrap: break-word; /* Lamba word tootne ke bajaye next line par jayega */
    padding-right: 5px;
}

.restaurant-menu .dots {
    flex: 1;
    border-bottom: 2px dotted #d2d2d2;
    position: relative;
    top: -5px; /* Dots ki vertical alignment */
    min-width: 15px; /* Dots hamesha thore se lazmi show honge */
}

.restaurant-menu .item-price {
    font-size: 18px;
    line-height: 1.2;
    color: #8b1e14;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0; /* Price apni jagah se bilkul nahi hilegi */
}

.restaurant-menu .menu-desc,
.restaurant-menu .sub-line {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-style: italic;
}

/* Tablet Responsiveness */
@media(max-width: 991px) {
    .restaurant-menu .menu-grid {
        grid-template-columns: 1fr; /* 1 column ban jayega */
        gap: 25px;
    }
}

/* Mobile Responsiveness */
@media(max-width: 767px) {
    .restaurant-menu .section-title {
        font-size: 26px;
    }
    
    /* Mobile par Title aur Price upar-neeche karne ke liye */
    .restaurant-menu .menu-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 4px; /* Title aur price ke darmiyan thori space */
    }

    .restaurant-menu .item-name {
        font-size: 18px;
        padding-right: 0;
    }
    
    .restaurant-menu .item-price {
        font-size: 17px;
        align-self: flex-start; /* Price left side par show hogi */
    }

    .restaurant-menu .dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }
    
    /* Mobile par descriptions aur sub-lines hide ho jayengi */
    .restaurant-menu .menu-desc,
    .restaurant-menu .sub-line {
        display: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65c68f *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4685e4 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b2c539 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7dcdb2 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95ebdd *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7090af *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab1f957 */.restaurant-menu {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px; /* Mobile par thori side spacing ke liye zaroori hai */
    box-sizing: border-box;
}

/* 2 Column Grid for Desktop */
.restaurant-menu .menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}

.restaurant-menu .menu-section {
    margin-bottom: 38px;
}

.restaurant-menu .section-title {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0f2b5b;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.restaurant-menu .menu-item {
    margin-bottom: 20px;
}

/* Flex Container - Desktop ke liye */
.restaurant-menu .menu-header {
    display: flex;
    align-items: flex-end; /* Text aur dots ko barabar align karta hai */
    gap: 10px;
}

.restaurant-menu .item-name {
    font-size: 19px;
    line-height: 1.3;
    color: #0f2b5b;
    font-weight: 700;
    overflow-wrap: break-word; /* Lamba word tootne ke bajaye next line par jayega */
    padding-right: 5px;
}

.restaurant-menu .dots {
    flex: 1;
    border-bottom: 2px dotted #d2d2d2;
    position: relative;
    top: -5px; /* Dots ki vertical alignment */
    min-width: 15px; /* Dots hamesha thore se lazmi show honge */
}

.restaurant-menu .item-price {
    font-size: 18px;
    line-height: 1.2;
    color: #8b1e14;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0; /* Price apni jagah se bilkul nahi hilegi */
}

.restaurant-menu .menu-desc,
.restaurant-menu .sub-line {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-style: italic;
}

/* Tablet Responsiveness */
@media(max-width: 991px) {
    .restaurant-menu .menu-grid {
        grid-template-columns: 1fr; /* 1 column ban jayega */
        gap: 25px;
    }
}

/* Mobile Responsiveness */
@media(max-width: 767px) {
    .restaurant-menu .section-title {
        font-size: 26px;
    }
    
    /* Mobile par Title aur Price upar-neeche karne ke liye */
    .restaurant-menu .menu-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 4px; /* Title aur price ke darmiyan thori space */
    }

    .restaurant-menu .item-name {
        font-size: 18px;
        padding-right: 0;
    }
    
    .restaurant-menu .item-price {
        font-size: 17px;
        align-self: flex-start; /* Price left side par show hogi */
    }

    .restaurant-menu .dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }
    
    /* Mobile par descriptions aur sub-lines hide ho jayengi */
    .restaurant-menu .menu-desc,
    .restaurant-menu .sub-line {
        display: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65c68f *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4685e4 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b2c539 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7dcdb2 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95ebdd *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7090af *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab1f957 */.restaurant-menu {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px; /* Mobile par thori side spacing ke liye zaroori hai */
    box-sizing: border-box;
}

/* 2 Column Grid for Desktop */
.restaurant-menu .menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}

.restaurant-menu .menu-section {
    margin-bottom: 38px;
}

.restaurant-menu .section-title {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0f2b5b;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.restaurant-menu .menu-item {
    margin-bottom: 20px;
}

/* Flex Container - Desktop ke liye */
.restaurant-menu .menu-header {
    display: flex;
    align-items: flex-end; /* Text aur dots ko barabar align karta hai */
    gap: 10px;
}

.restaurant-menu .item-name {
    font-size: 19px;
    line-height: 1.3;
    color: #0f2b5b;
    font-weight: 700;
    overflow-wrap: break-word; /* Lamba word tootne ke bajaye next line par jayega */
    padding-right: 5px;
}

.restaurant-menu .dots {
    flex: 1;
    border-bottom: 2px dotted #d2d2d2;
    position: relative;
    top: -5px; /* Dots ki vertical alignment */
    min-width: 15px; /* Dots hamesha thore se lazmi show honge */
}

.restaurant-menu .item-price {
    font-size: 18px;
    line-height: 1.2;
    color: #8b1e14;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0; /* Price apni jagah se bilkul nahi hilegi */
}

.restaurant-menu .menu-desc,
.restaurant-menu .sub-line {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-style: italic;
}

/* Tablet Responsiveness */
@media(max-width: 991px) {
    .restaurant-menu .menu-grid {
        grid-template-columns: 1fr; /* 1 column ban jayega */
        gap: 25px;
    }
}

/* Mobile Responsiveness */
@media(max-width: 767px) {
    .restaurant-menu .section-title {
        font-size: 26px;
    }
    
    /* Mobile par Title aur Price upar-neeche karne ke liye */
    .restaurant-menu .menu-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 4px; /* Title aur price ke darmiyan thori space */
    }

    .restaurant-menu .item-name {
        font-size: 18px;
        padding-right: 0;
    }
    
    .restaurant-menu .item-price {
        font-size: 17px;
        align-self: flex-start; /* Price left side par show hogi */
    }

    .restaurant-menu .dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }
    
    /* Mobile par descriptions aur sub-lines hide ho jayengi */
    .restaurant-menu .menu-desc,
    .restaurant-menu .sub-line {
        display: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65c68f *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4685e4 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b2c539 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7dcdb2 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95ebdd *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7090af *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab1f957 */.restaurant-menu {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px; /* Mobile par thori side spacing ke liye zaroori hai */
    box-sizing: border-box;
}

/* 2 Column Grid for Desktop */
.restaurant-menu .menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}

.restaurant-menu .menu-section {
    margin-bottom: 38px;
}

.restaurant-menu .section-title {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0f2b5b;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.restaurant-menu .menu-item {
    margin-bottom: 20px;
}

/* Flex Container - Desktop ke liye */
.restaurant-menu .menu-header {
    display: flex;
    align-items: flex-end; /* Text aur dots ko barabar align karta hai */
    gap: 10px;
}

.restaurant-menu .item-name {
    font-size: 19px;
    line-height: 1.3;
    color: #0f2b5b;
    font-weight: 700;
    overflow-wrap: break-word; /* Lamba word tootne ke bajaye next line par jayega */
    padding-right: 5px;
}

.restaurant-menu .dots {
    flex: 1;
    border-bottom: 2px dotted #d2d2d2;
    position: relative;
    top: -5px; /* Dots ki vertical alignment */
    min-width: 15px; /* Dots hamesha thore se lazmi show honge */
}

.restaurant-menu .item-price {
    font-size: 18px;
    line-height: 1.2;
    color: #8b1e14;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0; /* Price apni jagah se bilkul nahi hilegi */
}

.restaurant-menu .menu-desc,
.restaurant-menu .sub-line {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-style: italic;
}

/* Tablet Responsiveness */
@media(max-width: 991px) {
    .restaurant-menu .menu-grid {
        grid-template-columns: 1fr; /* 1 column ban jayega */
        gap: 25px;
    }
}

/* Mobile Responsiveness */
@media(max-width: 767px) {
    .restaurant-menu .section-title {
        font-size: 26px;
    }
    
    /* Mobile par Title aur Price upar-neeche karne ke liye */
    .restaurant-menu .menu-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 4px; /* Title aur price ke darmiyan thori space */
    }

    .restaurant-menu .item-name {
        font-size: 18px;
        padding-right: 0;
    }
    
    .restaurant-menu .item-price {
        font-size: 17px;
        align-self: flex-start; /* Price left side par show hogi */
    }

    .restaurant-menu .dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }
    
    /* Mobile par descriptions aur sub-lines hide ho jayengi */
    .restaurant-menu .menu-desc,
    .restaurant-menu .sub-line {
        display: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65c68f *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4685e4 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b2c539 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7dcdb2 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95ebdd *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7090af *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab1f957 */.restaurant-menu {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px; /* Mobile par thori side spacing ke liye zaroori hai */
    box-sizing: border-box;
}

/* 2 Column Grid for Desktop */
.restaurant-menu .menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}

.restaurant-menu .menu-section {
    margin-bottom: 38px;
}

.restaurant-menu .section-title {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0f2b5b;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.restaurant-menu .menu-item {
    margin-bottom: 20px;
}

/* Flex Container - Desktop ke liye */
.restaurant-menu .menu-header {
    display: flex;
    align-items: flex-end; /* Text aur dots ko barabar align karta hai */
    gap: 10px;
}

.restaurant-menu .item-name {
    font-size: 19px;
    line-height: 1.3;
    color: #0f2b5b;
    font-weight: 700;
    overflow-wrap: break-word; /* Lamba word tootne ke bajaye next line par jayega */
    padding-right: 5px;
}

.restaurant-menu .dots {
    flex: 1;
    border-bottom: 2px dotted #d2d2d2;
    position: relative;
    top: -5px; /* Dots ki vertical alignment */
    min-width: 15px; /* Dots hamesha thore se lazmi show honge */
}

.restaurant-menu .item-price {
    font-size: 18px;
    line-height: 1.2;
    color: #8b1e14;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0; /* Price apni jagah se bilkul nahi hilegi */
}

.restaurant-menu .menu-desc,
.restaurant-menu .sub-line {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-style: italic;
}

/* Tablet Responsiveness */
@media(max-width: 991px) {
    .restaurant-menu .menu-grid {
        grid-template-columns: 1fr; /* 1 column ban jayega */
        gap: 25px;
    }
}

/* Mobile Responsiveness */
@media(max-width: 767px) {
    .restaurant-menu .section-title {
        font-size: 26px;
    }
    
    /* Mobile par Title aur Price upar-neeche karne ke liye */
    .restaurant-menu .menu-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 4px; /* Title aur price ke darmiyan thori space */
    }

    .restaurant-menu .item-name {
        font-size: 18px;
        padding-right: 0;
    }
    
    .restaurant-menu .item-price {
        font-size: 17px;
        align-self: flex-start; /* Price left side par show hogi */
    }

    .restaurant-menu .dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }
    
    /* Mobile par descriptions aur sub-lines hide ho jayengi */
    .restaurant-menu .menu-desc,
    .restaurant-menu .sub-line {
        display: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65c68f *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4685e4 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b2c539 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7dcdb2 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95ebdd *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7090af *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab1f957 */.restaurant-menu {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px; /* Mobile par thori side spacing ke liye zaroori hai */
    box-sizing: border-box;
}

/* 2 Column Grid for Desktop */
.restaurant-menu .menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}

.restaurant-menu .menu-section {
    margin-bottom: 38px;
}

.restaurant-menu .section-title {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0f2b5b;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.restaurant-menu .menu-item {
    margin-bottom: 20px;
}

/* Flex Container - Desktop ke liye */
.restaurant-menu .menu-header {
    display: flex;
    align-items: flex-end; /* Text aur dots ko barabar align karta hai */
    gap: 10px;
}

.restaurant-menu .item-name {
    font-size: 19px;
    line-height: 1.3;
    color: #0f2b5b;
    font-weight: 700;
    overflow-wrap: break-word; /* Lamba word tootne ke bajaye next line par jayega */
    padding-right: 5px;
}

.restaurant-menu .dots {
    flex: 1;
    border-bottom: 2px dotted #d2d2d2;
    position: relative;
    top: -5px; /* Dots ki vertical alignment */
    min-width: 15px; /* Dots hamesha thore se lazmi show honge */
}

.restaurant-menu .item-price {
    font-size: 18px;
    line-height: 1.2;
    color: #8b1e14;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0; /* Price apni jagah se bilkul nahi hilegi */
}

.restaurant-menu .menu-desc,
.restaurant-menu .sub-line {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-style: italic;
}

/* Tablet Responsiveness */
@media(max-width: 991px) {
    .restaurant-menu .menu-grid {
        grid-template-columns: 1fr; /* 1 column ban jayega */
        gap: 25px;
    }
}

/* Mobile Responsiveness */
@media(max-width: 767px) {
    .restaurant-menu .section-title {
        font-size: 26px;
    }
    
    /* Mobile par Title aur Price upar-neeche karne ke liye */
    .restaurant-menu .menu-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 4px; /* Title aur price ke darmiyan thori space */
    }

    .restaurant-menu .item-name {
        font-size: 18px;
        padding-right: 0;
    }
    
    .restaurant-menu .item-price {
        font-size: 17px;
        align-self: flex-start; /* Price left side par show hogi */
    }

    .restaurant-menu .dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }
    
    /* Mobile par descriptions aur sub-lines hide ho jayengi */
    .restaurant-menu .menu-desc,
    .restaurant-menu .sub-line {
        display: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65c68f *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4685e4 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b2c539 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7dcdb2 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95ebdd *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7090af *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab1f957 */.restaurant-menu {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px; /* Mobile par thori side spacing ke liye zaroori hai */
    box-sizing: border-box;
}

/* 2 Column Grid for Desktop */
.restaurant-menu .menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}

.restaurant-menu .menu-section {
    margin-bottom: 38px;
}

.restaurant-menu .section-title {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0f2b5b;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.restaurant-menu .menu-item {
    margin-bottom: 20px;
}

/* Flex Container - Desktop ke liye */
.restaurant-menu .menu-header {
    display: flex;
    align-items: flex-end; /* Text aur dots ko barabar align karta hai */
    gap: 10px;
}

.restaurant-menu .item-name {
    font-size: 19px;
    line-height: 1.3;
    color: #0f2b5b;
    font-weight: 700;
    overflow-wrap: break-word; /* Lamba word tootne ke bajaye next line par jayega */
    padding-right: 5px;
}

.restaurant-menu .dots {
    flex: 1;
    border-bottom: 2px dotted #d2d2d2;
    position: relative;
    top: -5px; /* Dots ki vertical alignment */
    min-width: 15px; /* Dots hamesha thore se lazmi show honge */
}

.restaurant-menu .item-price {
    font-size: 18px;
    line-height: 1.2;
    color: #8b1e14;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0; /* Price apni jagah se bilkul nahi hilegi */
}

.restaurant-menu .menu-desc,
.restaurant-menu .sub-line {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-style: italic;
}

/* Tablet Responsiveness */
@media(max-width: 991px) {
    .restaurant-menu .menu-grid {
        grid-template-columns: 1fr; /* 1 column ban jayega */
        gap: 25px;
    }
}

/* Mobile Responsiveness */
@media(max-width: 767px) {
    .restaurant-menu .section-title {
        font-size: 26px;
    }
    
    /* Mobile par Title aur Price upar-neeche karne ke liye */
    .restaurant-menu .menu-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 4px; /* Title aur price ke darmiyan thori space */
    }

    .restaurant-menu .item-name {
        font-size: 18px;
        padding-right: 0;
    }
    
    .restaurant-menu .item-price {
        font-size: 17px;
        align-self: flex-start; /* Price left side par show hogi */
    }

    .restaurant-menu .dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }
    
    /* Mobile par descriptions aur sub-lines hide ho jayengi */
    .restaurant-menu .menu-desc,
    .restaurant-menu .sub-line {
        display: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65c68f *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4685e4 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b2c539 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7dcdb2 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95ebdd *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7090af *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab1f957 */.restaurant-menu {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px; /* Mobile par thori side spacing ke liye zaroori hai */
    box-sizing: border-box;
}

/* 2 Column Grid for Desktop */
.restaurant-menu .menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}

.restaurant-menu .menu-section {
    margin-bottom: 38px;
}

.restaurant-menu .section-title {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0f2b5b;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.restaurant-menu .menu-item {
    margin-bottom: 20px;
}

/* Flex Container - Desktop ke liye */
.restaurant-menu .menu-header {
    display: flex;
    align-items: flex-end; /* Text aur dots ko barabar align karta hai */
    gap: 10px;
}

.restaurant-menu .item-name {
    font-size: 19px;
    line-height: 1.3;
    color: #0f2b5b;
    font-weight: 700;
    overflow-wrap: break-word; /* Lamba word tootne ke bajaye next line par jayega */
    padding-right: 5px;
}

.restaurant-menu .dots {
    flex: 1;
    border-bottom: 2px dotted #d2d2d2;
    position: relative;
    top: -5px; /* Dots ki vertical alignment */
    min-width: 15px; /* Dots hamesha thore se lazmi show honge */
}

.restaurant-menu .item-price {
    font-size: 18px;
    line-height: 1.2;
    color: #8b1e14;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0; /* Price apni jagah se bilkul nahi hilegi */
}

.restaurant-menu .menu-desc,
.restaurant-menu .sub-line {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-style: italic;
}

/* Tablet Responsiveness */
@media(max-width: 991px) {
    .restaurant-menu .menu-grid {
        grid-template-columns: 1fr; /* 1 column ban jayega */
        gap: 25px;
    }
}

/* Mobile Responsiveness */
@media(max-width: 767px) {
    .restaurant-menu .section-title {
        font-size: 26px;
    }
    
    /* Mobile par Title aur Price upar-neeche karne ke liye */
    .restaurant-menu .menu-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 4px; /* Title aur price ke darmiyan thori space */
    }

    .restaurant-menu .item-name {
        font-size: 18px;
        padding-right: 0;
    }
    
    .restaurant-menu .item-price {
        font-size: 17px;
        align-self: flex-start; /* Price left side par show hogi */
    }

    .restaurant-menu .dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }
    
    /* Mobile par descriptions aur sub-lines hide ho jayengi */
    .restaurant-menu .menu-desc,
    .restaurant-menu .sub-line {
        display: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65c68f *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4685e4 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b2c539 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7dcdb2 *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95ebdd *//* Main Menu Container - Responsive Layout */
.restaurant-menu-list {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 20px; 
    box-sizing: border-box; 
}

/* Individual Item Styling */
.menu-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.06); 
}

.menu-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Flex Container - Desktop ke liye */
.menu-item-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Title Styling (.blue-text) */
.menu-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a365d !important; 
    letter-spacing: 0.5px;
    line-height: 1.3;
    overflow-wrap: break-word; 
    padding-right: 8px; 
}

/* Responsive Dotted Line - Desktop ke liye */
.menu-dots {
    flex-grow: 1;
    border-bottom: 2px dotted #c5a059; 
    position: relative;
    top: -6px;
    opacity: 0.7;
    min-width: 15px; 
}

/* Price Styling */
.menu-price {
    font-size: 21px;
    font-weight: 700;
    color: #9b2c2c; 
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Description Styling (.black-text) */
.menu-desc {
    margin: 0;
    font-size: 15px;
    color: #666666 !important; 
    font-style: italic; 
    line-height: 1.6;
}

/* 💻 TABLET RESPONSIVENESS (Screens smaller than 991px) */
@media (max-width: 991px) {
    .restaurant-menu-list {
        max-width: 100%;
        padding: 0 30px;
    }
    .menu-title {
        font-size: 20px; 
    }
    .menu-price {
        font-size: 19px;
    }
}

/* 📱 MOBILE RESPONSIVENESS (Screens smaller than 767px) */
@media (max-width: 767px) {
    .restaurant-menu-list {
        padding: 0 15px; 
        margin: 20px auto;
    }
    
    /* Yahan flex-direction column kar diya hai taake upar-neeche ho jayein */
    .menu-item-header {
        flex-direction: column; 
        align-items: flex-start; /* Title aur Price left align rahenge */
        gap: 6px; /* Title aur price ke darmiyan thori space */
    }

    .menu-title {
        font-size: 18px; 
        padding-right: 0;
    }
    
    .menu-price {
        font-size: 17px;
        /* Agar aap chahte hain ke price right side par aaye, to 'flex-start' ko 'flex-end' kar dein */
        align-self: flex-start; 
    }

    .menu-dots {
        display: none; /* Mobile par dots ki zaroorat nahi */
    }

    .black-text {
        display: none !important; /* Mobile par descriptions hidden */
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-f6f6843 *//* Box Styling */
.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item {
    background-color: #FCFAFA !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
    border: none !important;
    overflow: hidden;
}

/* Title Styling */
.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item-title {
    padding: 20px 24px !important;
}

.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item-title-text {
    color: #1A2B4C !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Circular Beige Icon */
.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item-title-icon {
    background-color: #F8EFE5 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Chevron Color */
.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item-title-icon i {
    color: #7A3B3B !important;
}

.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item-title-icon svg {
    fill: #7A3B3B !important;
}
/* Title Area Default State (Transition add ki hai) */
.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item-title {
    transition: background-color 0.3s ease !important;
}

/* Hover & Active (Open) State Styling */
.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item-title:hover,
.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item[open] .e-n-accordion-item-title,
.elementor-206 .elementor-element.elementor-element-f6f6843 .e-n-accordion-item-title[aria-expanded="true"] {
    background-color: #F0EDE9 !important; /* Hover aur Active hone pe yeh color aayega */
    border-radius: 12px; /* Border radius maintain rakhne ke liye */
}/* End custom CSS */