.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding-top: 25px;
    border: 1px solid #888;
    width: 100%;
    max-width: 600px;
    position: relative;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;

    transform: translate(0, -50%);
    top: 50%;
    margin: 0 auto;

}

/* The Close Button */
.close {
    color: #E82276;
    float: right;
    font-size: 43px;
    font-weight: 100;
    position: absolute;
    right: 10px;
    top: 4px;
    line-height: 1;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#myModal .columnsection.activetab {
    color: #E82276;
}

#myModal .columnsection {
    font-size: 20px;
    color: #A3A3A3;
    font-family: 'Scarlet';
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.border-bottompink {
    border-bottom: 1px solid #E82276;
    padding-bottom: 17px;
    margin-bottom: 31px;
}

#myModal .columnsection.activetab::before {

    content: '';
    border-bottom: 0px;
    position: absolute;
    bottom: -28px;
    border: 1px solid #e62e76;
    border-width: 0px 0px 1px 1px;
    width: 20px;
    height: 20px;
    line-height: 0;
    font-size: 0px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: white;
}

.popupsectioninside {
    padding: 0px 50px;
}

.popupsectioninside h3 {
    color: #1D365E;
    text-align: left;
    font-family: Roboto;
    letter-spacing: 0.2px;
    color: #1D365E;
    opacity: 1;
    font-weight: 600;
    margin-bottom: 8px;
}

#myModal .searchpath::after {
    content: ' ';
    font-size: 20px;
    position: absolute;
    right: 26px;
    background-repeat: no-repeat;
    background-size: 26px;
    width: 28px;
    height: 40px;
    top: 13px;
}

#myModal #form-field-email1 {
    font-family: Roboto;
    font-size: 15px;
    padding-right: 37%;
}

.form-field-email1autocomplete-list div {
    font-family: Roboto;
}

/*findme*/
.mt-3 {
    margin-top: 20px;
    margin-bottom: 50px
}

.findmebtn img {
    width: 20px;
    margin-right: 7px
}

.findmebtn {
    cursor: pointer;
    font-family: Roboto;
    color: #E82276;
    right: 85px;
    position: absolute;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
}

.ordernowbtn a {
    padding: 18px 30px 18px 10px !important;
}

.ordernowbtn a .elementor-button-icon svg {
    width: 8px;
    height: auto;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.modal-content {
    background-image: url('../images/modalbg.jpeg');
}

#myModal .searchpath::after {
    background-image: url(../images/search.png);
}


.dineinmodal h3 {
    font-size: 33px;
    color: #e62e76;
    font-family: 'Scarlet';
    text-align: center;
}

.dineinmodal .desctext {

    font-size: 20px;
    color: #e62e76;
    font-family: 'Scarlet';
    text-align: center;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 15px;
}

.timingsection {
    font-size: 15px;
    line-height: 27px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #A3A3A3;
    border-radius: 4px 4px 4px 4px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    font-family: Roboto;
    font-weight: 400;
    background: white;
    color: #525252;
}

.timingsection span:last-child {

    padding: 0px 6px;
    font-size: 13px;
    border: 1px solid #A3A3A3;
    border-radius: 3px;
    color: #A3A3A3;
    font-weight: 400;
}

.originalmenu {
    font-size: 20px;
    color: #e62e76;
    font-family: 'Scarlet';
    text-align: center;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 25px;
}

.modal-content {
    background-position: bottom right;
}

.timingsection span.activetiming {
    color: #e62e76 !important;
    border-color: #e62e76 !important;
    font-weight: 500;;
}

.timingparent {
    margin-bottom: 35px
}
.cursor-pointer{
    cursor:pointer
}