﻿/* || Font Family */

@font-face {
    font-family: 'Inter-Black';
    src: url('/assets/fonts/Inter-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('/assets/fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('/assets/fonts/Inter-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraLight';
    src: url('/assets/fonts/Inter-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Light';
    src: url('/assets/fonts/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('/assets/fonts/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/assets/fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Thin';
    src: url('/assets/fonts/Inter-Thin.ttf') format('truetype');
}

html {
    font-family: 'Inter-Regular' !important;
}
body {
    font-family: 'Inter-Regular' !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter-Regular' !important;
}
p {
    letter-spacing: 0.5px;
}
nav {
    position: fixed;
    width: 100%;
    background: #fff;
    backdrop-filter: blur(30px);
    z-index: 99;
}
.vanaheader {
    padding: 0 5% 5% 7%;
}
.reserve .btn {
    color: white;
    background: #1380F7;
    top: 20px;
    margin-right: 5%;
    border-radius: 10px;
    padding: 13px 25px;
    outline: none;
    font-size: 20px;
    letter-spacing: 1px;
}
.navtop {
padding:10px;
}
/**********/

/**Header***/
header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99;
    padding-bottom: 10px;
}

.head-container {
    width: calc(100% - 100px);
    margin: 0 auto;
    padding: 0 !important;
    border-bottom: 0px;
}

.header-right ul {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

    .header-right ul li {
        list-style-type: none;
    }

.header-right {
    position: absolute;
    right: 0;
    margin-top: 2%;
}

.navbar-nav ul li a {
    font-size: 16px;
    color: #000 !important;
    font-weight: 600;
}

.nav-link {
    color: #000;
}

a.active {
    font-weight: 600 !important;
}

.watsapp img {
}

.contact-no-mob {
    display: none;
}

.contactus:hover {
    color: #000;
}

.nav-item a:hover {
    color: #000;
}

.contactus img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.contactus p {
    margin-bottom: 0;
}

.d-lg-none {
    display: none;
}

.d-xs-none {
    display: block;
}

label.error {
    color: red;
    font-size: 10px;
    position: absolute;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: 500;
}
.valley {
color:#000;
}
.navbar-nav {
    gap: 30px;
    margin-left: 2%;
}
@media only screen and (max-width: 768px) {
   
    .head-container {
        width: calc(100% - 20px);
    }
    .nirvanalogo {
        max-width: 50px;
        margin-top: 15% !important;
    }
    .navbar-brand img {
        height: 40px;
        width: 40px;
    }

    .contact-no {
        display: none;
    }

    .contact-no-mob {
        display: block;
    }

    .d-lg-none {
        display: block;
    }

    .d-xs-none {
        display: none;
    }

    .body-container {
        width: calc(100% - 20px) !important;
        margin: 0 auto;
    }

    .callback_btn {
        padding: 5px 5px !important;
        font-size: 11px !important;
    }

    .header-right {
        position: absolute;
        right: 13%;
        top: 3px;
    }

        .header-right ul {
            gap: 15px;
        }

    .callback_btn {
        margin-right: 10px;
    }

    .contactus img {
        margin-right: 0;
    }

    .navbar-nav {
        gap: 0px;
    }

    .navbar-light .navbar-toggler {
        border-color: #fff;
    }
    .navbar-toggler {
    position: fixed;
    right: 0;
    top: 0;
     }
    .navbar-toggler {
    margin-top:5%!important;
    }
    .navbar-nav {
        margin-left: 0%;
    }
    .section_six h2 {
        font-size: 20px!important;
        font-weight: 600;
        padding-top: 5%!important;
        padding-bottom: 0%!important;
    }
}

/*****Nirvana Css********/
.callback_btn {
    border: 1px solid #000;
    padding: 6px 12px;
    position: relative;
    color: #1B1C1E;
    border-radius: 3px;
    font-size: 15px;
    margin-right: 34px;
    cursor: pointer;
}
    .callback_btn:hover {
        color: #1B1C1E;
    }
    .konverse-whatsapp {
    right: 383px !important;
    width: 80px !important;
    top: 15px !important;
}

.headerright .contactus {
    align-items: center;
}

.headerright {
    position: absolute;
    right: 20px;
    align-items: center;
    top: 20px;
}
.whatsapp {
margin-right:34px;
}
.contactus {
    padding: 6px 0px;
    border-radius: 10px;
    position: relative;
}
    .contactus i {
        font-size: 24px;
        color: #050505;
        padding: 3px 5px 0 5px;
    }

    .contactus p {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        letter-spacing: 1px;
        margin-bottom: 0px;
    }
.whatsapp a img {
width:36px;
}
.roombook {
    max-width: 500px;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 30%;
    margin-bottom: 30%;
}
/****Banner******/
.bannersection {
    background-image: url(/assets/images/nirvana/banner.png);
    /*background-size: cover;*/
   /* background-size: 100% 100%;*/
    background-repeat: no-repeat;
    background-position: 0px 50px !important;
}
input[type="radio"]:checked + label {
    background: #ECECEC;
    color: #000;
}
.formpad {
padding-right:0;
}
input[type="radio"]:hover:not(:checked) + label {
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    font-size: 15px;
    display: inline-block;
    transition: none;
    background: #ececec;
}
input[type="radio"] {
    visibility: hidden; 
    height: 0;  
    width: 0;  
}
.InputGroup label {
    display: flex;
    flex: auto;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    user-select: none;
    margin-right: 8px;
    color: #000;
    width:50%;
}
.InputGroup2 label {
    display: flex;
    flex: auto;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    user-select: none;
    margin-right: 8px;
    color: #000;
}
.mob-number span {
    position: absolute;
    bottom: 7px;
    left: 5px;
}
.InputGroup {
    display: flex;
}
.mob-number input {
padding-left:13%!important;
}
.submitpopupbtn {
    height: 40px;
    background: #F2006C;
    border-radius: 3px;
    color: white;
    letter-spacing: 1px;
    font-size: 15px !important;
    margin-top: 15px !important;
}
.radiobtngrp {
    display: inline-block;
}
.radiobtngrp label {
    background: linear-gradient(-180deg, #FFFFFF 0%, #EAF1F5 97%);
    box-shadow: 0px 1px 5px 0px rgba(93,145,171,0.6);
    border-radius: 3px;
    padding: 10px 15px;
    cursor: pointer;
}
    .radiobtngrp input[type=radio] {
        display: none;
    }
        .radiobtngrp input[type=radio]:checked + label {
         background: #0099E6;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
    color: #fff;
    cursor: default;
        }
#attributes .attribute_list input.attribute_radio {
    display: none;
    margin: 10px;
}
    #attributes .attribute_list input.attribute_radio + label {
        display: inline-block;
        padding: 5px 12px;
        border: 1px solid #ddd;
        cursor: pointer;
        width: 100%;
        border-radius: 3px;
    }
        #attributes .attribute_list input.attribute_radio + label :checked + label {
            background: #ddd;
        }
#attributes ul {
    display:flex;
}
    #attributes ul li:first-child {
    margin-left:0;
    margin-right:0;
    }
    #attributes ul li {
        list-style-type: none;
        width: 50%;
        margin-left: 15px;
        margin-right: 10px;
    }
#attributes p {
padding:3% 0;
}
.submit-btn .btn {
    width: 100%;
    margin: auto;
}
.vanaform {
    border: 1px solid #D7D7D7;
    margin-left: 10px;
    border-radius: 8px;
    padding: 7% 5%;
    box-shadow: 0px 3.32995px 3.32995px rgba(0, 0, 0, 0.25);
    margin-top: 4%;
    width: 350px;
    margin: auto;
}
    .vanaform .form-group .form-control {
        width: 100% !important;
    }
.popupform .form-group .form-control {
    width: 100% !important;
    border-bottom: 0px solid #B8B8B8;
    background: #ECECEC;
    border-radius: 3px !important;
    height: 38px !important;
    padding: 10px 20px;
    border: 0;
    font-size: .94rem;
    color: #000;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.5px;
}

    .popupform .form-group .form-control::placeholder {
        color: #958d8d;
    }

.formGroupDropdown .fa-chevron-down {
    position: absolute;
    right: 22px;
    top: 17%;
    color: #616161 !important;
    pointer-events: none;
    z-index: 1;
}
.InputGroups p {
    color: #1B1C1E;
    margin-bottom: 3%;
}
.form-group p {
    color: #1B1C1E;
    font-size: 20px;
    font-weight: 600;
}
.form-content hr {
    margin-top: 0.5rem;
}
.form-group {
    position: relative;
}

label.error {
    color: #f2006c !important;
    font-size: 12px;
    position: absolute !important;
    top: 65px;
    right:0;
    background: none !important;
    font-size: 11px !important;
    padding-right: 0;
}

    label.error:before {
        content: none !important;
    }
.popupformcenter {
    padding: 1.5rem 1em 1em !important;
}
.services {
    margin-bottom: 5%;
    background: #fff;
    margin-top: -8%;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
    padding: 0 10px;
}
.col1 {
    padding: 20px 0;
    font-weight: 600;
    margin-left: 20%;
}
    .col1 p {
    font-size:22px;
    }
    .br-1 {
        border-right: 1px solid #E3E3E3;
    }
.col1 h2 {
    font-weight: 600;
    font-size: 40px;
}
.col2 {
    text-align: center;
    padding: 20px 0 30px 0;
    font-weight: 600;
}
    .col2 p {
        margin-top: 10px;
    }
    .service-phase2 h2 {
        font-weight: 600;
        color: #1B1C1E;
        font-size: 30px;
    }
.service-phase2 ul li {
    margin-top: 10px;
    font-size: 18px;
}
.service-phase2 ul {
    padding-left:15px;
}
.fw-600 {
font-weight:600;
}
.processCard {
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
    border: 1px solid #fff;
    background: #fff;
    width: 100%;
    max-width: 90%;
    border-radius: 5px;
    padding: 20px 0;
    margin: auto;
}
   .owl-carousel .owl-item img {
        display: block;
        width: auto!important;
    }
#owl-carousel3 .owl-item {
/*width:300px!important;*/
}
#owl-carousel3 .owl-stage {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#owl-carousel3 .owl-stage-outer {
    overflow: inherit;
}
.slick-track {
    width: 600px !important;
}
.slick-slide {
width:300px!important;
}
.slick-list {
overflow:unset!important;
}
.helping-hand {
    margin-top: 7%;
}
.processCard h5 {
margin-top:15px;
color:#000;
}
.bookbtn button {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #F2006C;
    border-radius: 5px;
    min-height: 38px;
    padding: 10px 30px;
}
.bookbtn {
margin-top:20px;
}
/***services***/
.section_three {
    background-color: #F5F5F5;
}
.healthcareservices h2 {
    font-weight: 600;
    padding-top: 2%;
}
.healthcareservices p {
   color:#000;
   font-weight:600;
   margin-top:13px;
}

.slick-slider .element {
    height: 100px;
    width: 100px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.slick-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}
.arrow-left, .arrow-right {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    background: #fff;
}
.arrow-group {
    margin-top: -7%;
    z-index: 9;
    position: absolute;
    margin-left: 3%;
}
.arrow-left i {
    padding: 5px 0 0 12px;
    color: #000;
    font-size: 30px;
}
.arrow-right i {
    padding: 5px 0 0 15px;
    color: #000;
    font-size: 30px;
}
.serviceslist {
margin-top:5%;
}
.servicetitle {
display:flex;
justify-content:center;
align-items:center;
}
    .servicetitle h1, .servicetitle h2 {
        font-weight: 600;
        font-size: 45px;
    }
.amenitywrap {
    /*margin-top: 3%;*/
    padding-bottom: 3%;
}
    .amenitywrap h2 {
    margin-bottom:1%!important;
    }
.mt-4{
    margin-top: 2rem !important;
}
.carousel-item p{
    right: 0;
    position: absolute;
    bottom: 0;
    background: #F2006C;
    padding: 10px 20px;
    color: #fff;
}
/*****partner*******/
.healthcarepartner {
    margin-top: 5%;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
}
.spandana {
    padding: 1.5%;
}
.partner {
    display: flex;
    justify-content: right;
    align-items: center;
}
    .partner p {
        font-size: 30px;
        font-weight: 700;
    }
.p-20 {
padding:20px;
}
.independent {
    margin-top: 7%;
}
    .independent h3 {
    font-size:25px;
    }
.independentblock {
padding:20px;
}
.independentblock p{
    margin-top:10px;
}
.independentblock {
padding:50px 40px;
}
.section_five {
    padding: 3% 0% 5% 0%;
}
.service-phase2 {
margin-left:3%;
margin-top:7%;
}
/****Slick slider*******/
.contain {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.item {
    align-items: center;
    color: white;
    display: flex;
    justify-content: center;
    margin-top: 5%;
}
.owl-carousel .owl-item img {
border-radius:5px!important;
}
#carousel {
    position: relative;
    height: 400px;
    top: 50%;
    transform: translateY(10%);
    overflow: hidden;
    margin-bottom: 10%;
}

    #carousel div {
        position: absolute;
        transition: transform 400ms, left 400ms, opacity 400ms, z-index 0s;
        opacity: 1;
    }

        #carousel div img {
            width: 500px;
            transition: width 400ms;
            -webkit-user-drag: none;
        }

        #carousel div.hideLeft {
            left: 0%;
            opacity: 0;
            transform: translateY(50%) translateX(-50%);
        }

            #carousel div.hideLeft img {
                width: 200px;
            }

        #carousel div.hideRight {
            left: 100%;
            opacity: 0;
            transform: translateY(50%) translateX(-50%);
        }

            #carousel div.hideRight img {
                width: 200px;
            }
                
        #carousel div.prev {
            z-index: 5;
            left: 20%;
            transform: translateY(50px) translateX(-50%);
            opacity:0.5;
        }

    #carousel img:hover {
       /* cursor:*/
    }

    #carousel div.prev img {
        width: 300px;
    }

    #carousel div.prevLeftSecond {
        z-index: 4;
        left: 15%;
        transform: translateY(50%) translateX(-50%);
        opacity: 0.4;
        display:none;
    }

        #carousel div.prevLeftSecond img {
            width: 200px;
        }
.corouselwrap {
position:relative;
}
    .corouselwrap h2 {
        text-align: center;
        margin-top: 5%;
    }
.prev_btn {
    position: absolute;
    top: 45%;
    left: 10%;
    border: none;
    background: none;
}
.next_btn {
    position: absolute;
    top: 45%;
    right: 15%;
    border: none;
    background: none;
}
#carousel div.selected {
    z-index: 10;
    left: 50%;
    transform: translateY(0px) translateX(-50%);
}

    #carousel div.next {
        z-index: 5;
        left: 80%;
        transform: translateY(50px) translateX(-50%);
    }

        #carousel div.next img {
            width: 300px;
            opacity:0.5;
        }

    #carousel div.nextRightSecond {
        z-index: 4;
        left: 85%;
        transform: translateY(50%) translateX(-50%);
        opacity: 0.4;
        display:none;
    }

        #carousel div.nextRightSecond img {
            width: 200px;
        }

.buttonsctrl {
    
}
/******Modal*****/
.success-modal {
position:relative;
}
.successmark {
    padding-top: 5%;
}
    .successmark img {
    margin-bottom:2%;
    }
    .successmark h2 {
    font-weight:600;
    }
.homebtn {
    background: #000;
    border: none;
    color: #fff;
    padding: 5px 10px;
    cursor:pointer;
}
.img-top {
    width: 100px;
    position: absolute;
    left: -1px;
}
.img-bottom {
    width: 100px;
    position: absolute;
    right: -2px;
    bottom: 0;
}
.modalheader button {
    right: 10px;
    /*position: absolute;*/
    top: 0px;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.success-modal {
margin-top:15%;
}
@media (min-width: 1200px) {
    .container {
            max-width: 1275px;
        }
}
@media (min-width: 1024px) {
    .service-phase2 {
        margin-top: 7%;
    }
}
@media only screen and (max-width: 921px) and (min-width: 769px) {
    .contactus i {
        display: none;
    }

    .col1 {
        margin: auto;
        text-align: center;
    }

    .br-1 {
        border-right: 0px solid #E3E3E3;
        border-bottom: 1px solid #E3E3E3;
    }
}
    @media (max-width: 767px) {
        .d-xs-none {
            display: none;
        }

        .callback_btn {
            font-size: 10px;
            margin-right: 0;
        }

        .contactus p {
            font-size: 14px;
            display: none;
        }

        .headerright {
            left: 25%;
            gap: 10px;
        }

        .whatsapp {
            margin-right: 0px;
        }

        .bannersection {
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            background-position-y: 13%;
        }

        .roombook {
            margin-top: 55%;
            margin-bottom: 15%;
            box-shadow: 0px 4px 40px 0px #0000001A;
        }

        .br-1 {
            border-bottom: 1px solid #E3E3E3;
            border-right: none;
        }

        .services {
            margin-bottom: 5%;
            background: #fff;
            margin-top: -4%;
            box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
            padding: 0;
            margin: 0 0 10% 0;
        }

        .service-phase2 h2 {
            font-size: 20px;
            margin-top: 6%;
        }

            .service-phase2 h2 br {
                display: none;
            }

        .service-phase2 ul li {
            font-size: 16px;
        }

        .healthcareservices h2 {
            font-size: 22px;
            margin-bottom: 0;
            padding-top: 5%;
        }

        .healthcareservices img {
            max-width: 50px;
        }

        .healthcareservices p {
            font-size: 10px;
        }

        .servicetitle h1, .servicetitle h2 {
            font-size: 22px;
            margin-bottom: 20px;
        }

            .servicetitle h1 br, .servicetitle h2 br {
                display: none;
            }

        .arrow-right i {
            padding: 2px 0 0 12px;
            font-size: 24px;
        }

        .arrow-left, .arrow-right {
            width: 30px;
            height: 30px;
        }

            .arrow-left i {
                padding: 2px 0 0 8px;
                font-size: 24px;
            }

        .arrow-group {
            margin-top: -10%;
        }

        .section_four {
            background: #fff;
            margin-top: 10%;
        }

        .healthcarepartner {
            padding: 7%;
            margin-bottom: 10%;
        }

        .independentblock {
            order: 2;
            padding: 35px 40px 15px 20px;
        }

        .partner {
            justify-content: center;
            align-items: center;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .col1 {
            margin-left: 30%;
        }

        .corouselwrap h2 {
            font-size: 24px;
        }

        .next_btn, .prev_btn {
            display: none;
        }

        #carousel div.selected {
            z-index: 10;
            left: 45%;
            transform: translateY(0px) translateX(-40%);
        }

        #carousel div.prev {
            z-index: 5;
            left: 10%;
            transform: translateY(0px) translateX(-25%);
            opacity: 0.5;
        }

        #carousel div.next {
            z-index: 5;
            right: -25%;
            transform: translateY(8px) translateX(-41%);
        }

        #carousel div.prev {
            z-index: 5;
            left: 10%;
            transform: translateY(8px) translateX(-25%);
            opacity: 0.5;
        }

        #carousel {
            max-height: 180px;
        }

        .formpad {
            padding-right: 15px;
        }
        .partner p {
            font-size: 22px;
        }
        .bannersection {
            background-position: 0px 75px !important;
        }
        .mob-number span {
            bottom: 9px;
        }
        .select_div {
        text-align:left;
        padding-right:10%!important;
        }
    }
    /*****Accordion********/
.section_six h2 {
    font-size: 30px;
    font-weight: 600;
    padding-top: 3%;
    padding-bottom: 2%;
}
.line {
    border-left: 4px solid #2B374B;
    border-radius: 5px;
    transition: all .5s ease-in-out;
    position: absolute;
    right: 20px;
    top: 20px;
    height: 15px;
    cursor: pointer;
}

.linetwo {
    transform: rotate(90deg)
}

.rotateone {
    transform: rotate(270deg);
    border-left: 4px solid #EF1284;
}

.accordion-container {
    max-width: 1200px;
    margin: auto;
}

.accordion_set {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #C8C8C8;
}

    .accordion_set > .select_div {
        background-color: #f5f5f5;
        color: #2B374B;
        margin-top: 3px;
        width: 100%;
        display: flex;
        border: none;
        padding: 20px 15px;
        font-weight: 700;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        transition: all 0.2s linear;
        outline:none;
    }

        .accordion_set > .select_div.active {
            background-color: rgba(237, 11, 112, 0.1);
            margin-top: 20px;
            color: #000;
        }

.content {
    display: none;
    margin-bottom: 30px;
    border-top: none;
}

    .content p {
        padding: 10px 15px;
        margin: 0;
        color: #333;
    }
.section_six {
    background-color: #F5F5F5;
}
.hide-block {
    display: none;
}
.dedcription-btn {
    color: #EF1284;
    cursor:pointer;
}
/*Food section css*/
.foodMenu {
    margin-top: 5%;
}
.foodMenu .foodmenuContent h1, .foodMenu .foodmenuContent h2 {
    font-size: 33px;
    color:#000000;
    font-weight:600;
}
.foodMenu .foodmenuContent p {
    font-size: 18px;
    color:#525252;
    font-weight:500;
    margin: 16px 0 22px;
    width:90%;
}
.foodMenu .foodmenuContent a {
    font-size: 17px;
    color: #F2006C;
    font-weight: 600;
    gap: 6px;
}
.foodMenu .foodmenuContent a svg{
    font-size: 18px;
    margin-top: 2px;
}
.foodMenu .foodmenuContent{
    font-size: 18px;
    margin-top: 2px;
}
.foodMenu .foodmenuContent{
    padding-left: 10%;
}
.foodMenu .foodMenuImage {
    padding-left: 0;
    padding-right:0;
}
/*Breadcrumbs CSS*/
.breadcrumb-wrap {
    padding: 15px 25px 15px;
    background-color: #f9f9f9;
    margin-bottom: 60px;
    margin-top: 0px;
    position: relative;
    top: 94px;
    width: 100%;
}
.breadcrumb-wrap .links ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom:0;
}
.breadcrumb-wrap .links ul li {
    margin-right: 0px;
    cursor:pointer;
    z-index: 1;
    display: flex;
    align-items: center;
}
.breadcrumb-wrap .links ul li a {
    color: #0d6efd !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    opacity: 1;
    text-decoration: none;
}
.breadcrumb-wrap .links ul li a span {
    padding: 0 10px;
    color: #000000;
}
.breadcrumb-wrap .links ul li:last-child {
    pointer-events: none !important;
}
.breadcrumb-wrap .links ul li:last-child a {
    color: #000000 !important;
}
.breadcrumb-wrap .links ul li:last-child:after {
    content: "";
}
.breadcrumb-wrap .links ul li:after {
    position: relative;
    left: 8px;
    font-size: 15px;
    top: 1px;
    color: #9dabbe;
}
/*Breadcrumbs CSS End*/
@media (max-width: 1200px) {
    .foodMenu .foodMenuContainer {
        margin: auto;
    }
}
@media(max-width:767px) {
    .foodMenu .foodmenuContent {
        margin-top: 35px;
    }
    .foodMenu .foodmenuContent {
        padding-left: 0%; 
    }
    .foodMenu .foodmenuContent h1, .foodMenu .foodmenuContent h2 {
        font-size: 25px;
    }
    .foodMenu .foodmenuContent p {
        font-size: 16px;
        width:100%;
        margin: 12px 0 16px;
    }
    .foodMenu .foodmenuContent a {
        font-size: 16px;
    }
    .foodMenu {
        margin-top: 8%;
    }
    .foodMenu .foodmenuContent a svg {
        width: 13px;
        height: 13px;
    }
    .breadcrumb-wrap {
        margin-bottom: 30px;
    }
}