@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ Black.ttf");
    font-weight: 900;
}

@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ Bold.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ DemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ ExtraBold.ttf");
    font-weight: 800;
}

@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ ExtraLight.ttf");
    font-weight: 200;
}

@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "TT Fors";
    src: url("./fonts/TypeType\ -\ TT\ Fors\ Thin.ttf");
    font-weight: 100;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none !important;
    box-sizing: border-box;
    scroll-behavior: smooth;
    outline: none !important;
    font-family: 'TT Fors', Arial, sans-serif;
}

ol,
ul {
    margin: 0 !important;
    padding: 0 !important;
}

ol,
ul {
    margin: 0 !important;
    padding: 0 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.modal_extra_padding {
    padding: 20px !important;
}


/* .discount-tag {
    border: 5px solid #f005;
    box-shadow: 0 0 15px #f008 !important;
} */

.headerMonyo{
    height:320px;
}

.disabled-product {
    filter: grayscale(10);
}

.first-section {
    background-image: url(../resources/img/Ellipse\11svg);
    width: 100%;
    height: 470px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    margin-top: 0;
    float: left;
    z-index: -5;
}

.profile-icon {
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 40px;
    border-radius: 500px;
    background: #fff !important;
    width: 60px;
    height: 60px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0, rgba(255, 255, 255, 0.05) 0 0 0 1px inset;
    padding: 5px;
}

.profile-icon i {
    font-size: 30px;
    margin-top: 10px;
}

.scroll-top {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.5) 0 1px 8px;
    position: fixed;
    bottom: 130px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.scroll-top i {
    color: #c40100;
    font-size: 18px;
}

.res-logo {
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -35%);
}

.res-logo img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0, rgba(255, 255, 255, 0.05) 0 0 0 1px inset;
    border: 10px solid #fff;
    background-color: #fff;
}

.res-title h1 {
    color: #474747;
    font-weight: 800;
    text-align: center;
}

.res-title h3 {
    color: #474747;
    font-weight: 600;
    text-align: center;
}

.icon-input {
    /* margin: 20px 50px; */
    position: relative;
}

.icon-input__text-field {
    display: block;
    width: 100%;
    padding: 10px 5px 10px 30px;
    border-radius: 20px;
    background-color: #f5f5f5;
    border: none;
    transition: 0.3s ease !important;
    color: gray !important;
}

.icon-input__icon {
    color: gray;
    position: absolute;
    width: 15px;
    top: 50%;
    left: 10px;
    right: -2rem;
    transform: translateY(-50%);
    transition: 0.3s ease !important;
    z-index: 99;
}

.icon-input__text-field:focus+.icon-input__icon {
    color: red !important;
}

.slider-x {
    padding: 0;
}

.slider-x h1 {
    padding: 5px;
}

.foodBoxStyle {
    border-radius: 10px !important;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    height: 250px;
    /* padding: 10px 0; */
    width: 100%;
    box-shadow: 0px 4px 15px 0px #0000001A;
}

.foodBoxStyleX {
    margin: 20px;
    border-radius: 10px !important;
    width: 50%;
    height: 250px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    position: relative;
    color: #fff;
    border: 10px solid #fff;
}

.slider-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 15px 15px 0 0;
    width: 100%;
    height: 170px;
}

.slider-card {
    height: 350px !important;
    border-radius: 15px;
    border: 0.5px solid #dad7d7;
    background: #fcfcfc;
    margin: 0 10px;
}

.slider-content p {
    font-weight: 400;
    font-size: 1.2em;
    margin-bottom: unset !important;
    height: 80px;
    word-break: break-word;
}

.slider-inner {
    padding: 10px 15px;
    height: 230px;
}

.slider-cost {
    gap: 15px;
    flex-wrap: wrap;
}

.slider-cart button {
    color: #fa2619;
    background: 0 0;
    border: none;
    outline: none;
    font-size: 1.1em;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.slider-cart img {
    width: 25px;
}

.slider-cart {
    gap: 15px;
}

.not-cost {
    text-decoration: line-through !important;
    color: #838383;
    font-size: 1em;
    text-decoration-color: red !important;
}

.red-cost {
    color: #000;
    font-weight: 600;
    font-size: 1.2em;
}

.out {
    width: 60px;
    height: 70px;
    border-radius: 0 0 25px 25px;
    background: #fa2619;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 25px;
    text-align: center;
}

.out p {
    color: #fff;
    font-weight: 500;
    font-size: 1em;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: -40px !important;
}

.slick-dots li {
    margin: 0 0.25rem;
}

.slick-dots button {
    display: block;
    width: 12px !important;
    height: 12px !important;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: gray !important;
    text-indent: -9999px;
}

.slick-dots li.slick-active button {
    background-color: red !important;
}

.category-title h1 {
    font-weight: 600;
    font-size: 25px;
}

.category-collapse ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.category-collapse ul button {
    width: unset;
    margin: 10px;
}

.category ul {
    display: inline-flex;
    align-items: center;
    padding: 2.4rem 0;
}

.mybtn {
    border: none;
    outline: none;
    padding: 12px 20px;
    background-color: #f5f5f5;
    cursor: pointer;
    width: max-content;
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin: 0 10px;
    transition: 0.5s ease;
    font-weight: 500;
    font-size: 13px;
}

.mybtn:first-child {
    /* margin: 10px 10px 10px 0; */
}

.mybtn.active {
    background-color: #fa2619;
    color: #fff;
}


/*General Category*/

.category-collapse-general ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.category-collapse-general ul button {
    width: unset;
    margin: 10px;
}

.category-general ul {
    display: flex;
    align-items: center;
    padding: 2.4rem 0;
}

.mybtn-general {
    border: none;
    outline: none;
    padding: 20px 30px;
    background-color: #f5f5f5;
    cursor: pointer;
    width: max-content;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: 0.5s ease;
    /*font-weight: 500;*/
    font-size: 15px;
    color: #fff;
    background-size: cover;
    background-position: center;
}

.mybtn-general:first-child {
    margin: 0px 10px 0px 0;
}

.mybtn-general.active {
    font-size: 20px;
    padding: 25px;
    font-weight: 500;
}


/*End General Category*/

.accordion {
    transition: 0.5s ease;
}

.accordion-header {
    display: flex !important;
    justify-content: flex-end !important;
}

.accordion-button {
    width: unset !important;
    gap: 10px;
    color: #fa2619 !important;
    font-weight: 500 !important;
}

.accordion-item {
    border: unset !important;
}

.accordion-button:not(.collapsed) {
    background-color: unset !important;
    box-shadow: unset !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: unset !important;
    outline: 0;
    box-shadow: unset !important;
}

.category-filter::-webkit-scrollbar {
    display: none;
}

.tab {
    overflow: hidden;
    background-color: #aaa;
    color: #333;
    text-align: center;
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

.tab button:hover {
    background-color: #ddd;
}

.tab button.active {
    background-color: #92c930;
}

.tabcontent {
    margin: 10px 0;
    padding: 5px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    font-family: Bananito;
}

.ttt {
    display: flex;
    justify-content: center;
    align-items: center;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.line {
    height: 1px;
    margin: 10px;
    background: #e5e5e5;
}

#large-btn img {
    width: 100%;
    border-radius: 20px;
    object-fit: contain;
    height: 200px;
}

#large-btn {
    background: 0 0;
    border: none;
    outline: none;
}

.card-food {
    display: flex;
    justify-content: center;
}

.product-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding: 15px;
}

.product-cost {
    display: flex;
    gap: 20px;
    align-items: center;
}

.product-cost p span {
    text-decoration: line-through !important;
    text-decoration-color: red !important;
    font-size: 14px;
    color: #999;
}

.product-cost-res {
    align-items: center !important;
}

.product-text-res {
    text-align: center !important;
}

.product-cost button {
    background: #fa2619;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 15px;
    font-weight: 500;
    justify-content: center;
    box-shadow: 0 0 15px #f004 !important;
}

.product-text h3 {
    font-weight: 600;
}

.product-text p {
    color: #747579;
    font-weight: 500;
}

.product-cost p {
    color: #333;
    font-weight: 600;
    margin-bottom: unset !important;
}

.footer {
    background: #c40100;
    text-align: center;
    margin: auto;
    padding: 15px 0;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer h1 {
    font-weight: 700;
}

.footer .contact-text {
    font-size: 1.2em;
    margin-top: 20px;
}

.social {
    display: flex;
    align-items: center;
}


/* .social i {
    color: #fff;
    font-size: 1.6em;
    padding: 0 5px; 
}
*/

.social p {
    font-weight: 500;
    margin-bottom: unset !important;
}

.social-parent {
    margin: 10px 10px;
}

.social-parent p {
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: unset !important;
}

.copyright p,
.copyright a {
    font-weight: 500;
    padding: 0 0 50px;
    font-size: 12px;
}

.footer-logo {
    margin: 10px 0;
}

.footer-logo img {
    width: 140px;
}

.res-name {
    margin-bottom: unset !important;
}

.phone-bg {
    background: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 0;
    padding: 15px 10px;
}

.phone-bg i {
    color: #c40100;
    font-size: 0.8em;
    font-weight: 500;
}

.inner-parent {
    display: flex;
    justify-content: center;
}

.inner-1 {
    flex-direction: column;
    display: flex;
}

.inner-2 {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.inner-2sc {
    margin: 0 10px !important;
}

.footer-line {
    height: 2px;
    border-radius: 10px;
    background: silver;
    width: 50%;
    margin: 30px 0;
}

.bt-cl {
    background: 0 0;
    border: none;
    outline: none;
    /*width: 200px;*/
}

.bt-cl img {
    width: 100px;
    height: 10px;
    object-fit: contain;
}

.bottom-menu {
    position: fixed;
    bottom: 0;
    height: 65px;
    width: 100%;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    background: #fff !important;
    padding: 0 20px;
    z-index: 15;
    box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.2);
}

.offcanvas-header {
    padding: unset !important;
}

.offcanvas-bottom {
    height: 70vh !important;
    border-radius: 15px 15px 0 0 !important;
}

.offcanvas-body::-webkit-scrollbar {
    width: 5px;
}

.offcanvas-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}

.offcanvas-body::-webkit-scrollbar-thumb {
    background: #dedede;
}

.offcanvas-body::-webkit-scrollbar-thumb:hover {
    background: #dedede;
}

.offcanvas-header {
    justify-content: center;
}

.offcanvas-body {
    padding: 0;
}

.btn-close:focus {
    box-shadow: unset !important;
}

.center-bottom {
    width: 100%;
}

.center-bottom button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 5px;
    background: #c4c4c4;
    outline: none;
    border: none;
    margin: 8px auto;
    align-self: center;
    border-radius: 10px;
}

.bottom-flex {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.total-cost {
    margin: 0 15px 0 0;
}

.cart-image span {
    color: #000;
    font-weight: 600;
}

.total-cost span {
    color: #fa2619;
    font-weight: 600;
}

.div1 {
    height: 70%;
    overflow: auto;
}

.div2 {
    height: 100%;
    overflow: auto;
}

.div3 {
    height: auto;
    padding: 0 1em;
}

.div2::-webkit-scrollbar {
    display: none;
}

.div2 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.number {
    width: 30px;
    background: 0 0;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 1.2em;
}

.plus-btn {
    background: #fff;
    color: #3b8ae5;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 11px -1px rgba(0, 0, 0, 0.25);
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 2em;
}

.plus-btn:active,
.minus-btn:active {
    width: 35px;
    height: 35px;
}

.minus-btn {
    background: #fff;
    color: #e03030;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 11px -1px rgba(0, 0, 0, 0.25);
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 2em;
}

.delete {
    background: 0 0;
    border: none;
    outline: none;
    margin-left: 20px;
}

.delete img {
    width: 20px;
}

.inner-box {
    border-bottom: 1px solid #dedede;
    padding: 20px 0;
}

.cart-edit {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.box-inner-1 span {
    font-size: 1.2em;
    font-weight: 300;
    width: 100%;
}

.box-inner-1 span:first-child {
    font-weight: 500;
}

.outlet {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.outlet p {
    font-size: 1.2em;
    font-weight: 300;
}

.total {
    display: flex;
    justify-content: space-between;
}

.total p {
    font-weight: 600;
    font-size: 1.2em;
}

.total span {
    font-weight: 600;
    font-size: 1.2em;
}

.note {
    display: flex;
    justify-content: center;
}

.note textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    border-radius: 10px;
    border-width: 1px;
    box-shadow: 0 0 11px -1px rgba(0, 0, 0, 0.25);
    border-color: #8888884f;
}

.pad-1-em {
    padding: 0 1em;
}

.confirm button {
    color: #fff;
    background: #fa2619;
    border: none;
    outline: none;
    border-radius: 15px;
    padding: 5px 10px;
    margin-top: 20px;
    margin-bottom: 100px;
    width: 100%;
}

.rating {
    --star-size: 3;
    padding: 0;
    border: none;
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
    user-select: none;
    font-size: 3em;
    font-size: calc(var(--star-size) * 1em);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    gap: 10px;
    display: flex;
    justify-content: center;
}

.rating>label {
    display: inline-block;
    position: relative;
    width: 1.1em;
    width: calc(var(--star-size) / 3 * 1.1em);
}

.rating>*:hover,
.rating>*:hover~label,
.rating:not(:hover)>input:checked~label {
    color: transparent;
    cursor: inherit;
}

.rating>*:hover:before,
.rating>*:hover~label:before,
.rating:not(:hover)>input:checked~label:before {
    content: "★";
    position: absolute;
    left: 0;
    color: gold;
}

.rating>input {
    position: relative;
    transform: scale(3);
    transform: scale(var(--star-size));
    top: -0.5em;
    top: calc(var(--star-size) / 6 * -1em);
    margin-left: -2.5em;
    margin-left: calc(var(--star-size) / 6 * -5em);
    z-index: 2;
    opacity: 0;
    font-size: initial;
}

form.amp-form-submit-error [submit-error] {
    color: red;
}

.modal-btn {
    background: red;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 10px;
    padding: 5px 15px;
    float: right;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: red;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transition: opacity 0.6s ease;
}

.carousel-indicators {
    bottom: -45px !important;
}

.modal-head h1 {
    font-weight: 600;
    color: #000;
}

.modal-head p {
    font-weight: 500;
    color: #000;
}

.modal-head h5 {
    color: #000;
    font-weight: 600;
    padding: 15px 0 0;
}

.modal-textarea {
    width: 100%;
    height: 100px;
    outline: none;
    border-radius: 20px;
    padding: 10px;
}

.buttons {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-button {
    position: relative;
    outline: 0;
    color: #fff;
    border: none;
    height: 40px;
    width: 190px;
    border-radius: 10px;
    line-height: 0;
    overflow: hidden;
    cursor: pointer;
}

.cart-button .add-to-cart {
    animation: open 0.2s ease-in forwards;
}

.cart-button:focus {
    outline: none !important;
}

.cart-button .fa-shopping-cart {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 19%;
    font-size: 1.3em;
    transform: translate(-50%, -50%);
    animation: come_cart 0.3s ease-in forwards;
}
.cart-button .fa-bell {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 19%;
    font-size: 1.3em;
    transform: translate(-50%, -50%);
    animation: shake 0.3s ease-in forwards;
}
.cart-button .fa-square {
    position: absolute;
    z-index: 1;
    top: -20%;
    left: 53%;
    font-size: 0.8em;
    transform: translate(-50%, -50%);
}

.cart-button span:nth-child(1) {
    position: absolute;
    left: 58%;
    top: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
}

.cart-button span:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
}

.cart-button span.added {
    opacity: 0;
}

.cart-button.clicked .fa-shopping-cart {
    animation: cart 1s ease-in forwards;
}
.cart-button.clicked .fa-bell {
    animation: cart 1s ease-in forwards;
}
.cart-button.clicked .fa-square {
    animation: box 1s ease-in forwards;
}

.cart-button.clicked span.add-to-cart {
    animation: addcart 1s ease-in forwards;
}

.cart-button.clicked span.added {
    animation: added 1s ease-in forwards;
}

@keyframes cart {
    0% {
        left: 19%;
    }
    40%,
    60% {
        left: 50%;
    }
    100% {
        left: 110%;
    }
}

@keyframes come_cart {
    0% {
        left: -10%;
    }
    100% {
        left: 19%;
    }
}

@keyframes ring_bell {
    0% {
        left: -10%;

    }

    100% {
        left: 19%;
    }
}

@keyframes box {
    0%,
    40% {
        top: -20%;
    }
    60% {
        top: 36%;
        left: 53%;
    }
    100% {
        top: 40%;
        left: 112%;
    }
}

@keyframes addcart {
    0%,
    30% {
        opacity: 1;
    }
    30%,
    100% {
        opacity: 0;
    }
}

@keyframes added {
    0%,
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes open {
    0%,
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.QR-gen-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

.QR-gen-modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.QR-gen-modal .close {
    color: #aaa;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 28px;
    font-weight: 700;
}

.QR-gen-modal .close:hover,
.QR-gen-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.qr-done {
    color: #0a0;
    font-size: 100px;
    padding: 50px;
    animation: fadeEffect 1s;
    width: 100%;
    text-align: center;
}

.qr-done p {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 600;
}

.qr-not-actice {
    color: #a00;
    font-size: 100px;
    padding: 50px;
    animation: fadeEffect 1s;
    width: 100%;
    text-align: center;
}

.qr-not-actice p {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 600;
}

.gen-qr-box img {
    border-radius: 20px !important;
    border-width: 10px !important;
    padding: 15px !important;
    width: 100%;
}

.gen-qr-box {
    display: flex;
    justify-content: center;
}

.qr-modal .modal-of {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
}

.qr-modal .modal-of p {
    text-align: left;
    margin-bottom: unset !important;
    font-weight: 600;
}

.qr-modal .modal.show .modal-dialog {
    transform: none;
    padding: 25px;
}

.qr-modal .modal-inner {
    width: 100%;
    margin: auto;
    box-shadow: 0 2px 11px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    background: #fff;
    margin: auto;
    padding: 10px 0;
}

.qr-modal .modal-content {
    background-color: #fa2619 !important;
    border-radius: 15px !important;
    padding: 10px;
}

.qr-modal .modal-under p {
    font-weight: 600;
    color: #fff;
    padding: 10px 0 0;
    font-size: 1em;
    text-align: center;
    margin-bottom: unset !important;
}

.qr-modal .btn-close {
    position: absolute;
    left: 50%;
    bottom: -100px;
    transform: translate(-50%, -50%);
    background: unset !important;
    background-color: #fff !important;
    color: #fa2619 !important;
    text-align: center;
    width: 6em !important;
    opacity: 1 !important;
    height: unset !important;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 1.25rem !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.bg-width img {
    height: auto;
    width: 80%;
}

@media only screen and (max-width: 1200px) {
    .slider-text {
        padding: 30px;
    }
    .slider-img img {
        padding: 15px !important;
    }
    .product-cost {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

@media only screen and (max-width: 552px) {
    .slider-img {
        background-size: 100% 100%;
    }
    .language_selector img {
        width: 35px !important;
        height: 35px !important;
    }
    .proudct-image-res img {
        width: 250px;
        height: 150px;
        object-fit: contain;
    }
    .box-inner-1 span {
        font-size: 1.2em; 
        font-weight: 300;
        width: 100%;
    }
    .foodBoxStyle {
        height: 130px;
    }
}

@media only screen and (max-width: 500px) {
    .slick-list {
        padding: 0 20% 0 0 !important;
    }
    .slider-card {
        margin: 0 5px;
        height: 230px !important;
    }
    .slider-inner {
        padding: 5px;
    }
    .slick-track {
        width: 7000px !important;
    }
    .slider-bg {
        height: 100px;
    }
    .out {
        width: 40px;
        height: 40px;
        margin: 0 0 0 13px;
        text-align: center;
    }
    .out p {
        font-size: 0.5em;
        padding: 10px 0 0;
    }
    .slider-content p {
        font-size: 0.9em;
        text-overflow: ellipsis;
        height: 40px;
    }
    .red-cost {
        margin-bottom: 5px !important;
    }
    .slider-cost {
        flex-wrap: nowrap;
        gap: 5px;
    }
    .slider-cost p {
        font-size: 0.7em;
    }
    .slider-cart button {
        font-size: 0.6em;
        gap: 5px;
    }
    .slider-cart:active {
        font-size: 1.5em;
    }
    .slider-cart i {
        font-size: 1.2em;
    }
    .slider-cart img {
        width: 20px;
    }
    .slider-content p {
        font-size: 0.7em;
    }
}

@media only screen and (max-width: 490px) {
    .atomic {
        flex-direction: column;
    }
    .atomic-1 {
        align-items: center;
    }
    .text-bg {
        margin: 10px 0 !important;
    }
}

@media only screen and (max-width: 420px) {
    .slider-text h1 {
        font-size: 0.8em;
    }
    .cart-button {
        width: 150px;
    }
    .not-cost {
        font-size: 1.2em;
    }
    .red-cost {
        font-size: 1.5em;
    }
    .slider-text button {
        width: 100px;
    }
    .first-section {
        background-size: 160%;
    }
    .product-cost button {
        font-size: 0.8em;
        padding: 5px 10px;
        height: 28px;
    }
    .product-text h3 {
        font-size: 1.1em;
    }
    .product-text p {
        font-size: 1em;
    }
    #large-btn img {
        height: unset !important;
    }
    .product-text {
        padding: 15px 8px;
    }
    .foodBoxStyle {
        height: 100px;
    }
    .promotion-modal .countDown {
        margin: 20px 25px !important;
        box-shadow: 0px 0px 15px 0px #0000001a;
        text-align: center;
        padding: 10px 0 !important;
        display: flex;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        color: #FF961E;
    }
}


/* My modal confirmation start */

.confirmation h5 {
    font-size: 1.2em;
    font-weight: 600;
    color: #343434;
}

.confirmation .img-btn {
    width: 35px;
    margin: 0 15px 0px 0px;
}

.confirmation .modal-body {
    display: flex;
    flex-direction: column;
}

.confirmation .modal-body .lr-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E3E3E3;
}

.confirmation .modal-body .left {
    width: 90%;
    display: flex;
    align-items: center;
}

.confirmation .modal-body button {
    background: transparent;
    border: none;
    color: #343434;
    font-weight: 300;
    font-size: 1.2em;
    line-height: 24px;
    padding: 18px 0px;
}

.confirmation .modal-body .right {
    width: 20%;
    display: flex;
    justify-content: flex-end;
}

.confirmation .modal-body .right img {
    width: 10px;
}

.confirmation .modal-body button img {
    margin: 0 10px;
}

.confirmation .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 16px;
    padding: 20px 20px;
    outline: 0;
}


/* My modal confirmation end */


/* My modal takeaway Start */

.takeaway .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 16px;
    padding: 10px 10px;
    outline: 0;
}

.takeaway h5 {
    font-size: 22px;
    font-weight: 600;
}

.takeaway .tk-form form {
    display: flex;
    flex-direction: column;
}

.modal-body .checkboxx {
    font-size: 16px;
}

.modal-body span {
    color: #343434;
    font-size: 1em;
    line-height: 50px;
}

.takeaway .tk-form form .form-item {
    margin: 5px 0;
}

.takeaway .tk-form form label {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-left: 20px;
    margin-bottom: 5px;
}

.takeaway .tk-form form img {
    width: 5%;
    margin: 0 10px;
}

.takeaway .tk-form form input {
    width: 85%;
    border: 2px solid #e3e3e3;
    height: 35px;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px;
}

.takeaway .tk-form .form-item select {
    width: 85%;
    border: 2px solid #e3e3e3;
    height: 35px;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px;
}

.takeaway .bt-md {
    width: 95%;
    margin-top: 10px;
    text-align: end;
}

.takeaway .tk-form button {
    color: #fff;
    padding: 5px 30px;
    background-color: #fa2619;
    border: none;
    border-radius: 10px;
    font-size: 12px;
    text-align: end;
}

.takeaway .tk-form .bt-md .dis-btn {
    color: #FA2619;
    padding: 5px 30px;
    background-color: transparent;
    border: 1px solid #FA2619;
    border-radius: 10px;
    font-size: 12px;
    text-align: end;
}


/* My modal takeaway end */


/* My modal reservation Start */

.reservation .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 16px;
    padding: 10px 10px;
    outline: 0;
}

.reservation h5 {
    font-size: 22px;
    font-weight: 600;
}

.reservation .tk-form form {
    display: flex;
    flex-direction: column;
}

.reservation .tk-form form .form-item {
    margin: 5px 0;
}

.reservation .tk-form form label {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-left: 20px;
    margin-bottom: 5px;
}

.reservation .tk-form form img {
    width: 25px;
    margin: 0 10px;
}

.reservation .tk-form form input {
    width: 85%;
    border: 2px solid #e3e3e3;
    height: 35px;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px;
}

.reservation .tk-form .form-item select {
    width: 85%;
    border: 2px solid #e3e3e3;
    height: 35px;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px;
}

.reservationMap .overlay {
    position: absolute;
    width: 100%;
    border-radius: 20px;
    top: 0;
    left: 0;
    opacity: 0.6;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    z-index: 23;
}

.reservationMap {
    position: relative;
    z-index: 21;
    -webkit-animation: fadeEffect 0.5s;
    animation: fadeEffect 0.5s;
}

.reservationMap a {
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: #fa2619;
    padding: 5px 10px;
    border-radius: 20px;
    z-index: 2323;
    margin: 5px auto;
    width: 100%;
    text-align: center;
}

.reservation .bt-md {
    width: 95%;
    margin-top: 10px;
    text-align: end;
}

.reservation .tk-form button {
    color: #fff;
    padding: 5px 30px;
    background-color: #fa2619;
    border: none;
    border-radius: 10px;
    font-size: 12px;
    text-align: end;
}

.reservation .tk-form .bt-md .dis-btn {
    color: #FA2619;
    padding: 5px 30px;
    background-color: transparent;
    border: 1px solid #FA2619;
    border-radius: 10px;
    font-size: 12px;
    text-align: end;
}


/* My modal reservation end */


/* My modal delivery start */

.delivery .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 16px;
    /* padding: 20px 20px; */
    outline: 0;
}

.delivery .modal-header {
    padding: 0;
}

.delivery .tk-form form .form-item {
    margin: 5px 0;
}

.delivery .tk-form form label {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-left: 20px;
    margin-bottom: 5px;
}

.delivery h5 {
    font-size: 24px;
    font-weight: 600;
}

.delivery .tk-form form img {
    width: 25px;
    margin: 0 10px;
}

.delivery .tk-form form input {
    width: 85%;
    border: 2px solid #e3e3e3;
    height: 35px;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px;
}

.tk-form form textarea {
    width: 91%;
    height: 65px;
    padding: 5px;
    margin-left: 20px;
    border-radius: 8px;
    border: 3px solid #E3E3E3;
    font-size: 14px;
}

.delivery .tk-form .form-item select {
    width: 85%;
    border: 2px solid #e3e3e3;
    height: 35px;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px;
}

.delivery .bt-md {
    width: 95%;
    text-align: end;
}

.delivery .tk-form button {
    color: #fff;
    padding: 5px 30px;
    background-color: #fa2619;
    border: none;
    border-radius: 10px;
    font-size: 12px;
    text-align: end;
}

.delivery .tk-form .bt-md .dis-btn {
    color: #FA2619;
    padding: 5px 30px;
    background-color: transparent;
    border: 1px solid #FA2619;
    border-radius: 10px;
    font-size: 12px;
    text-align: end;
}


/* My modal delivery end */


/* My modal signup start */

.sign-in .modal-body {
    padding: 20px 20px;
}

.sign-in .nav-link {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.sign-in .nav-link:active {
    color: #fa2619;
}

.sign-in .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 16px;
    outline: 0;
}

.sign-in .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin: 10px 0 !important;
}

.sign-in .form-group label {
    font-size: 1em;
    font-weight: 300;
}

.sign-in .form-group input {
    width: 100%;
    height: 35px;
    padding: 5px;
    border-radius: 8px;
    border: 2px solid #E3E3E3;
    font-size: 12px;
}

.sign-in .form-group span {
    font-size: 1em;
}

.sign-in .form-group span button {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important;
    font-weight: 700;
}

.sign-in .form-group .input-group {
    margin: 5px 0;
}

.sign-in #signin-page button {
    color: #fff;
    padding: 5px 30px;
    background-color: #FA2619;
    border: none;
    font-size: 12px !important;
    border-radius: 10px;
}

.sign-in #signup-page button {
    color: #fff;
    padding: 5px 30px;
    background-color: #FA2619;
    border: none;
    font-size: 12px !important;
    border-radius: 10px;
    margin-top: 5px;
}


/* My modal signup end */


/* My modal code start */

.code .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 16px;
    padding: 20px 20px;
    outline: 0;
}

.otp-wrapper {
    text-align: center;
    margin-top: 60px;
}

.otp-container {
    display: inline-block;
}

.otp-container .otp-number-input {
    width: 12%;
    height: 30px;
    margin: 0 2px;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    padding: 0;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 30px;
    box-shadow: none;
    text-align: center;
    background-color: none;
    font-weight: 600;
    border-radius: 0;
    outline: 0;
    transition: border 0.3s ease;
}

.otp-container .otp-number-input:focus {
    border-color: rgba(0, 0, 0, .5);
}

.otp-container .otp-number-input.otp-filled-active {
    border-color: #fa2619;
}

.otp-submit {
    background: #fa2619;
    border: 0;
    color: #fff;
    margin-top: 30px;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 3px;
    letter-spacing: 1px;
    font-weight: 500;
    cursor: pointer;
}

.otp-submit[disabled] {
    opacity: 0.6;
    cursor: default;
}

.prompt {
    margin-bottom: 20px;
    font-size: 20px;
    color: white;
}

.code h5 {
    font-size: 34px;
    color: #343434;
    font-weight: 600;
}

.code p {
    font-size: 16px;
    color: #807D7D;
    font-weight: 400;
}

.code .restart-btn {
    color: #FA2619;
    background: transparent;
    border: none;
}


/* My modal code end */


/* Profile- page Start  */


/* Name Start */

.name {
    text-align: center;
}

.name-item h1 {
    font-weight: 800;
}

.name-item h4 {
    font-weight: 500;
}


/* Name end */


/* Info-button start */

.info-buttons {
    display: flex;
    justify-content: center;
    width: 60%;
    margin: auto;
}

.shipping-radio {
    display: inline-block;
    width: 50%;
    height: 30px;
    position: relative;
    margin: 10px 10px;
}

.shipping-radio label,
.shipping-radio input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.shipping-radio input[type="radio"] {
    opacity: 0.01;
    z-index: 100;
}

.shipping-radio input[type="radio"]:checked+label,
.Checked+label {
    background: #FA2619;
    color: #fff;
}

.shipping-radio label {
    height: auto !important;
    border: 1px solid #FA2619;
    color: #363636;
    cursor: pointer;
    font-weight: 500;
    border-radius: 7px;
    font-size: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-blue-nav {
    border: none;
}


/* Info-button-end */

.profile-item {
    width: 60%;
    height: auto;
    margin: auto;
    padding: 20px 30px;
    border-radius: 16px;
    background-color: #EBEBEB;
}

.profile-item .item span {
    color: #818181;
    font-size: 14px;
    font-weight: 300;
}

.profile-item .item h4 {
    color: #000;
    font-weight: 600;
}

.profile-item p {
    color: #343434;
    font-size: 1.2em;
}

.profile-item ul {
    padding-left: 2rem !important;
    color: #343434;
}

.profile-item ul li {
    list-style: disc !important;
}

.profile-item .total {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
}

.profile-item .total h6 {
    color: #000;
    font-weight: 600;
}

.profile-item .total span {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin: 0 5px;
}


/* Profile- page End */

@keyframes shake {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}


/* Notif card*/

.notif-card {
    width: 350px;
    border: none;
    border-radius: 20px;
    box-shadow: 0px 0px 20px #aaaaaa;
    background-color: #fff;
    position: fixed;
    top: 0px;
    z-index: 1000;
    -webkit-animation: shake 1s;
    animation: shake 1s;
}

.notif-back-shadow {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 500px;
    position: fixed;
    top: 0px;
    -webkit-animation: fadeEffect 0.5s;
    animation: fadeEffect 0.5s;
}


/* Notif card END*/


/*Language selector Flag*/

.language_selector img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border-width: solid 5px;
    border-style: solid;
    border-color: #FFF;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0, rgba(255, 255, 255, 0.05) 0 0 0 1px inset;
}

.language-flag {
    height: 30px;
    border-radius: 5px;
}


/*Language selector Flag END


/* qrMonyo Start */

.navSelect .nav-box {
    display: flex;
    align-items: center;
    /* position: relative; */
    z-index: 234;
}

.navSelect {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.navSelect .overlayy {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    opacity: .4;
}

.story {
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
}

.story img {
    width: 70px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.story svg {
    fill: none;
    stroke: #f00;
    stroke-width: 2px;
    stroke-dasharray: 1;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: loading 2000ms ease-in-out infinite alternate;
}

@keyframes loading {
    100% {
        stroke: #c90f40;
        stroke-dasharray: 20;
        transform: rotate(200deg);
    }
}

.entry-point-card-title {
    font-weight: 500;
    font-family: Poppins;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    color: #FFF;
    border: solid white;
    border-width: 6px;
}

.entry-point-card-title {
    font-weight: 500;
    font-family: Poppins;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    color: #FFF;
}

.column button {
    background-color: transparent !important;
    border: none;
}

.modal-dialog .website-rectangle {
    background-color: #24242d;
    width: 360px;
    height: 600px;
    border-radius: 16px
}

.i-amphtml-story-share-control {
    display: none !important;
    /* background-image: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><path fill="%23fff" d="m21.1 25.4 9.87-9.86 1.42 1.42-9.86 9.87z"/><path stroke="%23fff" stroke-linecap="round" stroke-width="1.9" d="m16.85 19.82 15.33-4.14c.04 0 .07.03.06.06l-4.02 15.34a1.6 1.6 0 0 1-2.97.33l-2.93-5.73-5.77-2.88a1.6 1.6 0 0 1 .3-2.98z"/></svg>)!important; */
}


/* Language Start */

.lang-btn {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    margin: 10px 0;
    position: relative;
    z-index: 23;
    /* width: 100%; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.lang-btn span {
    font-size: 1.3em;
    font-weight: 300;
    margin-left: 20px;
}

.lang-btn img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: fill;
}

.user-btn {
    display: flex;
    justify-content: flex-end;
}

.ins-stories {
    display: flex;
    justify-content: center;
}

.user-btn button {
    background-color: transparent;
    border: none;
}

.user-btn button img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: fill;
}

.r-title .restaurant-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 23;
}

.r-title .restaurant-title h1 {
    color: #fff;
    font-weight: 500;
}

.r-title .restaurant-title span {
    color: #fff;
    font-weight: 400;
}

.r-title .restaurant-title button {
    border: none;
    background: transparent;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    margin: 10px 0;
}

.select-box {
    width: 100%;
    height: auto;
    margin: 10px 0;
    position: relative;
    box-shadow: 0px 4px 15px 0px #0000001A;
}

.select-card button {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

.select-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.select-box .overlay {
    position: absolute;
    width: 100%;
    border-radius: 10px;
    top: 0;
    left: 0;
    opacity: .4;
    height: 100%;
    background-color: #000;
    z-index: 13;
}

.select-box .txt-select-box {
    position: absolute;
    z-index: 14;
    bottom: 0%;
    left: 10px;
}

.select-box .txt-select-box h2 {
    color: #fff;
    font-weight: 400;
}

.footer-qr {
    /* padding: 0px 0; */
    margin-top: 35px;
    background-color: #401E1E;
}

.footer-qr .ft-div span {
    color: #fff;
    font-size: 14px;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
}

.footer-qr .ft-div span i {
    margin-right: 10px !important;
}

.footer-qr .ft-div span img {
    width: 25px;
    height: 25px;
    margin: 0 5px;
}

.footer-qr .footer-div {
    display: flex;
    margin: 10px 0;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.copywrter {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 30px;
}

.copywrter span {
    color: #fff;
    font-size: 12px;
}

.copywrter strong {
    color: #fff;
    font-size: 12px;
}

.copywrter img {
    width: 100px;
}

.copywrter a {
    color: #eee;
}

.copywrter a:hover {
    color: #fff;
}


/* Language end */


/* event page start */

#eventsPage .event-title,
#page360 .event-title,
#CompanyPage .event-title {
    display: flex;
    justify-content: center;
    width: 100%;
}

#eventsPage .title-e,
#page360 .title-e,
#CompanyPage .title-e {
    display: flex;
    align-items: center;
}

#eventsPage .title-e .arrow-btn button,
#page360 .title-e .arrow-btn button,
#CompanyPage .title-e .arrow-btn button {
    background-color: #401E1E;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 7px 20px;
    border-radius: 10px;
    border: none;
}

#eventsPage .title-e .arrow-btn button i {
    margin: 0 5px;
}

#eventsPage .event-content {
    width: 100%;
    border: 1px solid #765D3B8C;
    padding: 10px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    margin-bottom: 20px;
}

#eventsPage .event-content .left-content img {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}

#eventsPage .event-content .right-content .content-title {
    text-align: center;
}

#eventsPage .event-content .right-content .content-title h5 {
    font-weight: 600;
    font-size: 20px;
}

#eventsPage .event-content .right-content .cont {
    margin: 10px 0;
}

#eventsPage .event-content .right-content .cont span {
    font-weight: 300;
    color: #000;
}

#eventsPage .event-content .right-content .content-info span {
    font-weight: 600;
    font-size: 16px;
    margin: 0 10px;
}

@media(max-width:400px) {
    #branches .lang-box .lang-box-img {
        width: 35%;
        height: auto;
        border-radius: 10px;
    }
}

#branches .modal-content {
    border-radius: 30px;
}

#branches a {
    text-decoration: none;
    color: #000;
}

#branches .lang-box {
    display: flex;
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #c8c8c8;
}

#branches .lang-box .lang-box-img {
    width: 20%;
    height: 60px;
    border-radius: 10px;
}

#branches .lang-box .lang-box-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

#branches .lang-box h5 {
    margin: 0;
    padding: 0;
}

#branches .branc-info {
    width: auto;
}

#branches .branc-info h6 img {
    width: 20px;
    height: 20px;
}

#branches .branc-info button {
    background-color: #FF3737;
    box-shadow: 0px 4px 15px 0px #0000001A;
    border: none;
    border-radius: 15px;
    color: #fff;
    padding: 5px 15px;
}

#branches .lang-box i {
    font-size: 20px;
    color: #401e1e;
    margin-top: 5px;
}

#branches .ajustedBackground {
    width: 100%;
    height: 60px;
    background-size: 100%;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    position: relative;
    box-shadow: 0px 0px 8px #885;
    border: solid 1px aliceblue;
}


/* event page end */

#showStories .btn-close {
    box-sizing: content-box;
    width: 2em;
    height: 2em;
    padding: 0.25em 0.25em;
    font-weight: 200;
    color: #fff;
    background: transparent;
    opacity: 1;
    position: absolute;
    z-index: 423423232;
    left: 80%;
    top: 15px;
    font-size: 24px;
}

#showStories .btn-close i {
    text-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0, rgba(255, 255, 255, 0.05) 0 0 0 1px inset;
}

#showStories .modal.show .modal-dialog {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
}


/* event page end */


/* Responsive media start */

@media (min-width: 769px) {
    #eventsPage .event-content .left-content {
        display: flex;
        justify-content: center !important;
    }
    .event-content .cont {
        text-align: center;
    }
    .event-content .content-info {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .select-card button {
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #eventsPage .event-content .left-content {
        display: flex;
        justify-content: center !important;
    }
}

@media (max-width: 400px) {
    .event-content .content-info {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .event-content .cont {
        text-align: center;
    }
    #eventsPage .event-content .left-content {
        display: flex;
        justify-content: center !important;
        margin: 10px 0;
    }
}

@media (max-width: 345px) {
    .footer-qr .footer-div {
        display: flex;
        margin: 10px 0;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        flex-direction: column;
    }
    .ft-div {
        margin: 5px 0;
    }
}


/* Responsive media end */

@media(max-width:500px) {
    .footer-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-qr .ft-div-adress {
        display: flex;
        justify-content: center;
        margin: 15px 0;
    }
    .footer-qr .ft-div-social {
        display: flex;
        justify-content: center !important;
    }
    .footer-qr .ft-div-contact {
        display: flex;
        justify-content: center !important;
    }
    #aboutPage .food-img img {
        width: 100% !important;
        height: auto;
        border-radius: 10px;
    }
    #aboutPage .about-img img {
        width: 100% !important;
        height: auto;
        border-radius: 10px;
    }
}


/* About Page Start */

#aboutPage .about-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#aboutPage .about-img img {
    width: 50%;
    height: auto;
    border-radius: 10px;
}

#aboutPage .about-img span {
    margin: 10px 0;
}

#aboutPage .about-detailing {
    border: 1px solid #00000024;
    box-shadow: 0px 4px 15px 0px #0000001A;
    border-radius: 7px;
    padding: 10px 10px;
}

#aboutPage .about-detailing .detailing-title {
    border-bottom: 1px solid #c8c8c8;
}

#aboutPage .about-detailing .detailing-item {
    margin: 10px 0;
}

#aboutPage .about-detailing .detailing-item h5 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #000;
}

#aboutPage .about-detailing .detailing-item span {
    color: #000;
    font-weight: 400;
}

#aboutPage .food-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#aboutPage .food-img img {
    width: 50%;
    height: auto;
}

#aboutPage .food-img strong {
    text-align: start;
}

#aboutPage .food-img .food-person {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    margin: 10px 0;
}

#aboutPage .food-img .reserv-btn {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#aboutPage .food-img span {
    margin: 10px 0;
}

#aboutPage .food-img .reserv-btn button {
    border: none;
    background: #FF3737;
    box-shadow: 0px 4px 15px 0px #0000001A;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 18px;
}


/* About Page End */


/* Modal Rating Start */

.raiting .modal-header h5 {
    font-size: 24px;
    font-weight: 700;
}

.raiting .modal-header p {
    color: #747579;
    font-weight: 500;
}

.raiting .star {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 20px;
    border-radius: 20px;
    border-width: 0px;
    box-shadow: 0px 0px 10px #88888888;
    background-color: #fa2619;
    color: #fff;
}

.rate {
    display: flex;
    justify-content: center;
    height: auto;
    direction: rtl !important;
    padding: 0 10px;
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate:not(:checked)>label:before {
    content: '★ ';
}

.rate>input:checked~label {
    color: #ffc700;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #ffc700;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #ffc700;
}

.rate-2 {
    display: flex;
    justify-content: center;
    height: auto;
    direction: rtl !important;
    padding: 0 10px;
}

.rate-2:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.rate-2:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate-2:not(:checked)>label:before {
    content: '★ ';
}

.rate-2>input:checked~label {
    color: #ffc700;
}

.rate-2:not(:checked)>label:hover,
.rate-2:not(:checked)>label:hover~label {
    color: #ffc700;
}

.rate-2>input:checked+label:hover,
.rate-2>input:checked+label:hover~label,
.rate-2>input:checked~label:hover,
.rate-2>input:checked~label:hover~label,
.rate-2>label:hover~input:checked~label {
    color: #ffc700;
}

.rate-3 {
    display: flex;
    justify-content: center;
    height: auto;
    direction: rtl !important;
    padding: 0 10px;
}

.rate-3:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.rate-3:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate-3:not(:checked)>label:before {
    content: '★ ';
}

.rate-3>input:checked~label {
    color: #ffc700;
}

.rate-3:not(:checked)>label:hover,
.rate-3:not(:checked)>label:hover~label {
    color: #ffc700;
}

.rate-3>input:checked+label:hover,
.rate-3>input:checked+label:hover~label,
.rate-3>input:checked~label:hover,
.rate-3>input:checked~label:hover~label,
.rate-3>label:hover~input:checked~label {
    color: #ffc700;
}


/* Ratem Start */

.ratem {
    display: flex;
    justify-content: center;
    height: auto;
    direction: rtl !important;
    padding: 0 10px;
}

.ratem:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.ratem:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 50px;
    color: #ccc;
    font-size: 40px;
}

.ratem:not(:checked)>label:before {
    content: '★ ';
}

.ratem>input:checked~label {
    color: #ffc700;
}

.ratem:not(:checked)>label:hover,
.ratem:not(:checked)>label:hover~label {
    color: #ffc700;
}

.ratem>input:checked+label:hover,
.ratem>input:checked+label:hover~label,
.ratem>input:checked~label:hover,
.ratem>input:checked~label:hover~label,
.ratem>label:hover~input:checked~label {
    color: #ffc700;
}

.ratem-2 {
    display: flex;
    justify-content: center;
    height: auto;
    direction: rtl !important;
    padding: 0 10px;
}

.ratem-2:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.ratem-2:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 50px;
    color: #ccc;
    font-size: 40px;
}

.ratem-2:not(:checked)>label:before {
    content: '★ ';
}

.ratem-2>input:checked~label {
    color: #ffc700;
}

.ratem-2:not(:checked)>label:hover,
.ratem-2:not(:checked)>label:hover~label {
    color: #ffc700;
}

.ratem-2>input:checked+label:hover,
.ratem-2>input:checked+label:hover~label,
.ratem-2>input:checked~label:hover,
.ratem-2>input:checked~label:hover~label,
.ratem-2>label:hover~input:checked~label {
    color: #ffc700;
}

.ratem-3 {
    display: flex;
    justify-content: center;
    height: auto;
    direction: rtl !important;
    padding: 0 10px;
}

.ratem-3:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.ratem-3:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.ratem-3:not(:checked)>label:before {
    content: '★ ';
}

.ratem-3>input:checked~label {
    color: #ffc700;
}

.ratem-3:not(:checked)>label:hover,
.ratem-3:not(:checked)>label:hover~label {
    color: #ffc700;
}

.ratem-3>input:checked+label:hover,
.ratem-3>input:checked+label:hover~label,
.ratem-3>input:checked~label:hover,
.ratem-3>input:checked~label:hover~label,
.ratem-3>label:hover~input:checked~label {
    color: #ffc700;
}


/* Ratem End */

.rating {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto;
    font-size: 45px;
    overflow: hidden;
}

.rating-item {
    margin: 10px 0;
}

.rating-item label {
    margin: 0 10px;
    font-weight: 600;
    font-size: 16px;
}

.comment-rating {
    width: 100%;
    text-align: center;
}

.comment-rating label {
    display: block;
}

.comment-rating textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #464646;
    border-radius: 18px;
    padding: 8px;
    margin: 8px 0;
    font-size: 1em;
}

.comment-rating input {
    width: 100%;
    border-radius: 9px;
    padding: 10px;
    border-width: 1px;
}


/* Modal Rating end */


/* Rating-anime Modal start */

.raiting-anime .modal-header {
    border: none !important;
    padding: 12px 12px !important;
}

.confirm-img-anime {
    text-align: center;
}

.confirm-img-anime h1 {
    font-weight: 600;
}

.confirm-img-anime p {
    color: #747579;
    margin: 10px 30px;
}

@keyframes outline {
    from {
        stroke-dasharray: 0, 345.576px;
    }
    to {
        stroke-dasharray: 345.576px, 345.576px;
    }
}

#outline {
    animation: 0.38s ease-in outline;
    transform: rotate(0deg);
    transform-origin: center;
}

@keyframes circle {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(0);
    }
}

#white-circle {
    animation: 0.35s ease-in 0.35s forwards circle;
    transform: none;
    transform-origin: center;
}

@keyframes check {
    from {
        stroke-dasharray: 0, 75px;
    }
    to {
        stroke-dasharray: 75px, 75px;
    }
}

#check {
    animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
    stroke-dasharray: 0, 75px;
}

@keyframes check-group {
    from {
        transform: scale(1);
    }
    50% {
        transform: scale(1.09);
    }
    to {
        transform: scale(1);
    }
}

#check-group {
    animation: 0.32s ease-in-out 1.03s check-group;
    transform-origin: center;
}


/* Rating anime modal end */


/* New modal start */

.lang-box .price-lang {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lang-box .price-lang span {
    color: #fa2619;
    font-size: 18px;
    font-weight: bold;
}

.price-lang button {
    background: red;
    border: none;
    padding: 7px 30px;
    border-radius: 15px;
    color: #ffff;
}

.price-lang button:hover {
    background: #a00;
}

.price-lang button:focus {
    background: #000;
}

.lang-box {
    display: flex;
    margin: 10px 0;
    align-items: center;
}

.lang-box hr {
    margin: 5px !important;
}

.lang-box h4 {
    font-weight: bold;
}

.branc-info {
    width: 100%;
}


/* New modal END */


/*  RESERVATION TABLE */

@media only screen and (max-width: 510px) {
    .generalTableSelector .info-table-item {
        display: flex;
        justify-content: flex-start;
        align-items: start;
    }
    .generalTableSelector .info-table-item .colum1 {
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    .generalTableSelector .info-table-item .colum2 {
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    .generalTableSelector .info-table-item .co {
        margin: 5px 0;
    }
    .info-table span {
        line-height: 10px !important;
    }
}

.generalTableSelector {
    overflow: auto;
    width: 100% height 500px;
    padding: 20px;
    background: #eee;
    border-radius: 10px;
    margin-bottom: 30px;
}

.generalTableSelector .info-table-item .colum1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.generalTableSelector .info-table-item .colum2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.generalTableSelector .info-table-title span {
    line-height: 10px !important;
    font-size: 13px;
}

.generalTableSelector .info-table-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.generalTableSelector .color-info {
    width: 13px;
    height: 13px;
    border-radius: 50%;
}

.generalTableSelector .info-table {
    display: flex;
    align-items: center;
}

.inp label {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-left: 5px !important;
    margin-bottom: 5px;
}

.info-table .color-info:nth-child(1) {
    background: #14FF00;
}

.table_arranger {
    pointer-events: none;
    position: relative;
    width: 300px;
    height: 400px;
    margin: auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 7px;
    touch-action: none;
    background-size: 20px 20px;
    background-image: linear-gradient(to right, #dadada 1px, transparent 1px), linear-gradient(to bottom, #dadada 1px, transparent 1px);
}

.generalTableSelector span {
    color: #343434;
    font-size: 12px;
    margin-left: 5px;
}

.table_arranger .table-item {
    border-radius: 10px;
    width: 30px;
    background: #fff1;
    position: absolute;
    padding: 2px;
    pointer-events: all;
}

.table_arranger .table-item-active:hover {
    background: #f005;
    margin: 10px;
}

.table_arranger .active {
    background: #f00;
}

.table_arranger .table-stage {
    width: 35px;
}

.table_arranger .table-bar {
    width: 60px;
}

.table_arranger .table-item img,
.table_arranger .table-item svg {
    touch-action: none;
    user-select: none;
    pointer-events: none;
    margin: 0px !important;
    width: 100% !important;
}

.table_arranger .table-item span {
    padding: 2px 4px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: bold;
    touch-action: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    line-height: 0px;
    top: 50%;
    left: 16%;
    margin: 0 !important;
    color: #fff;
}


/*    .table_arranger .table-item:active {
      
    }
    .table_arranger .table-item:hover {
      cursor: pointer;
      border-width: 10px;
    }*/

.table_arranger p {
    pointer-events: none;
    width: 100%;
    font-size: 12px;
    margin: 10px auto;
}

.general-halls {
    margin: 10px;
}


/*  RESERVATION TABLE   END */


/*--------------------------------------------------------------
# Special Offers
--------------------------------------------------------------*/

#special-offer-modal .modal-header {
    border: none !important;
    padding: 10px 15px !important;
}

#special-offer-modal .modal-content {
    border-radius: 15px;
    box-shadow: 0px 4px 15px 0px #0000001A;
}

#special-offer-modal .modal-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#special-offer-modal .modal-title h4 {
    color: #FBD000;
}

#special-offer-modal .modal-title img {
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
}

#special-offer-modal .foodImageModal {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#special-offer-modal .foodImageModal img {
    width: 180px;
    height: 150px;
    border-radius: 15px;
    box-shadow: 0px 4px 15px 0px #0000001a;
    object-fit: cover;
}

#special-offer-modal .foodImageModal .food-specia {
    margin: 10px 0;
}

#special-offer-modal .foodImageModal .food-specia h4 {
    margin: 0 !important;
}

#special-offer-modal .foodImageModal .food-specia span {
    color: #939393;
}

#special-offer-modal .modal-footer {
    padding: 0 !important;
    margin-bottom: 10px;
    display: flex;
    justify-content: center !important;
    border-top: none !important;
}

#special-offer-modal .modal-footer .basketDayFood {
    background: #FF2E2E;
    border: none;
    border-radius: 8px;
    padding: 5px 15px;
    color: #fff;
}

#special-offer-modal .modal-footer span {
    color: #333;
    font-size: 24px;
    font-weight: 500;
}


/* Loyal Start */


/* Loyal End * */


/* tutorial modal start */

#modal-tutorial .modal-content {
    border-radius: 15px !important;
}

#modal-tutorial .modal-body {
    padding: 0 12px !important;
}

#modal-tutorial .modal-dialog {
    padding: 60px 20px !important;
}

#modal-tutorial .tutorial-info {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

#modal-tutorial .tutorial-info span {
    line-height: 20px !important;
}

#modal-tutorial .tutorial-info span strong {
    color: #F42020;
}

#modal-tutorial hr {
    height: 0.5px !important;
    margin: 0px 15px !important;
    width: 90% !important;
}

#modal-tutorial .modal-footer {
    border: none !important;
    padding: 10px !important;
    margin: 0 !important;
}

#modal-tutorial .modal-footer button {
    padding: 5px 15px;
    background-color: #F42020;
    color: #fff;
    border: none;
    border-radius: 10px;
}

#modal-tutorial .modal-header h6 {
    margin: 0 !important;
    font-weight: 400;
    font-size: 20px;
    display: flex;
    align-items: center;
}

#modal-tutorial .modal-header h6 i {
    font-size: 22px;
    color: #F9A23D;
    margin: 0 5px;
}


/* tutorial modal ENd */


/*PROMOTİONS START*/

#CompanyPage .company-page-card {
    box-shadow: 0px 0px 10px 5px #0000001a;
    text-align: center;
    border-radius: 12px;
    padding: 5px 15px;
    margin: 10px 0;
}

#CompanyPage .company-page-card .desc-card {
    margin: 20px;
}

#CompanyPage .company-page-card .desc-card span {
    background: #FF2E2E;
    padding: 10px;
    border-radius: 20px;
    color: #fff;
    font-weight: 500;
    margin: 10px;
}

@media only screen and (max-width:376px) {
    .modal .responsive-dialog {
        transform: none;
        padding: 60px 20px !important;
        margin: 0px;
    }
    #WeekCompany .countDown {
        margin: 10px 15px;
        box-shadow: 0px 0px 15px 0px #0000001a;
        text-align: center;
        padding: 4px 4px !important;
        display: flex;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        color: #FF961E;
        font-size: 20px;
    }
    #progressCompany2 .countDown {
        margin: 10px 15px;
        box-shadow: 0px 0px 15px 0px #0000001a;
        text-align: center;
        padding: 4px 4px !important;
        display: flex;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        color: #FF961E;
        font-size: 20px;
    }
    .multi-steps>li:before {
        content: '\f00c';
        content: '\2713';
        content: '\10003';
        content: '\10004';
        content: '\2713';
        display: block;
        margin: 0 auto 4px;
        background-color: #5b7fff;
        width: 25px !important;
        height: 25px !important;
        position: relative;
        z-index: 123434;
        line-height: 27px !important;
        text-align: center;
        font-weight: bold;
        border-radius: 50%;
        border: none !important;
    }
    .multi-steps>li:after {
        content: '';
        height: 5px;
        width: 100%;
        background-color: #5B7FFF;
        position: absolute;
        top: 12px !important;
        left: 50%;
        z-index: 132;
    }
}


/*PROMOTİONS END*/


/*  PROMOTION POPUP MODAL */

@media(max-width:400px) {
    #promotion-modal .countDown {
        width: 90% !important;
        margin: auto;
        box-shadow: 0px 0px 15px 0px #0000001a;
        text-align: center;
        padding: 10px 20px;
        display: flex;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        color: #FF961E;
        font-size: 18px;
    }
    #promotion-modal .foodImageModal img {
        width: 180px !important;
        height: 120px !important;
        border-radius: 15px;
        box-shadow: 0px 4px 15px 0px #0000001a;
        object-fit: cover;
    }
    #promotion-modal .countDown span {
        margin: 0px 10px;
        /* border: 0.4px solid #FF961E; */
        box-shadow: 0px 4px 15px 0px #0000001a;
        padding: 5px;
        font-size: 14px !important;
        color: #FF961E;
        border-radius: 5px;
    }
}

#promotion-modal .modal-header {
    border: none !important;
    padding: 10px 15px !important;
}

#promotion-modal .body-dis {
    display: none;
}

#promotion-modal .countDown {
    /* margin: 20px 100px; */
    width: 50%;
    margin: auto;
    box-shadow: 0px 0px 15px 0px #0000001a;
    text-align: center;
    padding: 10px 20px;
    display: flex;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    color: #FF961E;
    font-size: 18px;
}

#promotion-modal .countDown span {
    margin: 0px 10px;
    border: 0.4px solid #FF961E;
    box-shadow: 0px 4px 15px 0px #0000001a;
    padding: 5px;
    font-size: 18px;
    color: #FF961E;
    border-radius: 5px;
}

#promotion-modal .modal-content {
    border-radius: 15px;
    box-shadow: 0px 4px 15px 0px #0000001A;
}

#promotion-modal .modal-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#promotion-modal .modal-title h4 {
    color: #FBD000;
}

#promotion-modal .modal-title img {
    width: 70%;
    height: 100%;
    margin-bottom: 20px;
}

#promotion-modal .modal-title span {
    line-height: 24px !important;
}

#promotion-modal .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: 10px;
    background-color: #FF961E;
    transition: width .6s ease;
}

#promotion-modal .progress {
    display: flex;
    height: 7px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #C4C4C459;
    border-radius: 0.25rem;
}

#promotion-modal .progressTitle {
    display: flex;
    justify-content: space-between;
}

#promotion-modal .progressTitle h6 {
    color: #4E4E4E80;
    font-size: 15px;
}

#promotion-modal .progressTitle h4 {
    color: #4E4E4E80;
    font-weight: 500;
    font-size: 15px;
}

#promotion-modal .foodImageModal {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#promotion-modal .foodImageModal img {
    width: 180px !important;
    height: 120px !important;
    border-radius: 15px;
    box-shadow: 0px 4px 15px 0px #0000001a;
    object-fit: cover;
}

#promotion-modal .foodImageModal .food-specia {
    margin: 10px 0;
}

#promotion-modal .foodImageModal .food-specia h4 {
    margin: 0 !important;
}

#promotion-modal .foodImageModal .food-specia span {
    color: #939393;
}

#promotion-modal .modal-footer {
    padding: 0 !important;
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: center !important;
    border-top: none !important;
}

#promotion-modal .modal-footer .basketDayFood {
    background: #FF2E2E;
    border: none;
    border-radius: 8px;
    padding: 5px 15px;
    color: #fff;
}

#promotion-modal .modal-footer span {
    color: #FF2E2E;
    font-size: 24px;
    font-weight: 500;
}

.multi-steps>li.is-active:before,
.multi-steps>li.is-active~li:before {
    content: counter(stepNum);
    font-family: inherit;
    font-weight: 700;
}

.multi-steps>li.is-active:after,
.multi-steps>li.is-active~li:after {
    background-color: #ededed;
}

.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0px 30px !important;
}

.multi-steps>li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: white;
}

.multi-steps>li:before {
    content: '\f00c';
    content: '\2713';
    content: '\10003';
    content: '\10004';
    content: '\2713';
    display: block;
    margin: 0 auto 4px;
    background-color: #5b7fff;
    width: 36px;
    height: 36px;
    position: relative;
    z-index: 123434;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    border: none !important;
}

.multi-steps>li:after {
    content: '';
    height: 5px;
    width: 100%;
    background-color: #5B7FFF;
    position: absolute;
    top: 16px;
    left: 50%;
    z-index: 132;
}

.multi-steps>li:last-child:after {
    display: none;
}

.multi-steps>li.is-active:before {
    background-color: #5B7FFF;
}

.multi-steps>li.is-active~li {
    color: #808080;
}

.multi-steps>li.is-active~li:before {
    background-color: #ededed;
    border-color: #ededed;
}

#promotion-modal .cardPriz {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px #0000001a;
    display: flex;
    align-items: center;
    justify-content: center;
}

#promotion-modal .cardPriz img {
    width: 20px;
    height: 20px;
}


/* END PROMOTION POPUP MDOEL */


/* Waiter Chekck Start */

#modal-raiting-restaurant .modal-header {
    display: block !important;
}

.rr-waiter ul {
    list-style-type: none;
}

.rr-waiter li {
    display: inline-block;
}

.rr-waiter input[type="radio"][id^="cb"] {
    display: none;
}

.rr-waiter label {
    border: 4px solid #fff;
    border-radius: 50%;
    padding: 5px;
    display: block;
    position: relative;
    margin: 0px;
    cursor: pointer;
}

.rr-waiter label:before {
    background-color: #FF2E2E;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 3px solid #FF2E2E;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    transition-duration: 0.4s;
    transform: scale(0);
}

.rr-waiter label img {
    height: 50px;
    width: 50px;
    object-fit: cover;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    border-radius: 50%;
}

.rr-waiter :checked+label {
    border-color: #FF2E2E;
}

.rr-waiter :checked+label:before {
    content: "✓";
    background-color: #FF2E2E;
    transform: scale(1);
}

.rr-waiter :checked+label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
}

.rr-waiter .profile {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-size: 150%;
    /*background-size: cover;*/
    background-position: center;
}

.rr-waiter .name {
    font-size: 12px;
    width: 70px;
}


/* Waiter Chekck End */


/* New Style */

#Radiuse {
    z-index: 13;
    width: 100%;
    height:320px;
    margin: 0;
    padding: 0;
    position:absolute;
    bottom:-180px;
}

#Radiuse img {
    width: 100%;
    height:100%;
    object-fit:cover;
}

#carouselExampleCaptions .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height:100%;
}
#carouselExampleCaptions .carousel-inner .carousel-item  {
    height:100%;
}

#carouselExampleCaptions .overlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(359.67deg, #000000 10%, rgba(0, 0, 0, 0) 65.13%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 13;
}

#carouselExampleCaptions .TopBtn {
    position: absolute;
    z-index: 123456;
    width: 100%;
}

#carouselExampleCaptions .btnEnd {
    display: flex;
    justify-content: flex-start;
}

#carouselExampleCaptions .btnEnd button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EEEEEE;
}

#carouselExampleCaptions .container {
    position: relative;
    z-index: 123;
}

#carouselExampleCaptions .btnEnd button i {
    font-size: 30px;
}

#carouselExampleCaptions .btnDrop button i {
    font-size: 30px;
}

#carouselExampleCaptions .btnDrop {
    display: flex;
    justify-content: flex-end;
}

#carouselExampleCaptions .btnDrop button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EEEEEE;
}

#carouselExampleCaptions .btnDrop .dropdown-toggle::after {
    display: none;
}

#carouselExampleCaptions .adress .dropdown button {
    background-color: transparent;
    border: none;
    font-size: 22px;
    color: #fff;
}

#carouselExampleCaptions .ProfilSection {
    position: absolute;
    z-index: 20;
    left: 0;
    width: 100%;
    margin: 0;
    bottom:60px;
}

#carouselExampleCaptions .ProfilSection .ProfilBox {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    left: 0;
    top:0px;
}

#carouselExampleCaptions .ProfilSection .ProfilBox button {
    background-color: transparent;
    border: none;
}

#carouselExampleCaptions .ProfilSection .clock {
    display: flex;
    justify-content: flex-end;
}

#carouselExampleCaptions .ProfilSection .clock span {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
}

.ProfilBox .circle {
    position: relative;
    width: 150px;
    height: 150px;
}

.ProfilBox .circle svg {
    fill: none;
    stroke: #8a3ab9;
    stroke-linecap: round;
    stroke-width: 3;
    stroke-dasharray: 1;
    stroke-dashoffset: 0;
    animation: stroke-draw 8s ease-out infinite alternate;
}

.ProfilBox .circle img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    border-radius: 50%;
}

@keyframes stroke-draw {
    from {
        stroke: #8a3ab9;
        stroke-dasharray: 1;
    }
    to {
        stroke: #cd486b;
        transform: rotate(180deg);
        stroke-dasharray: 8;
    }
}

@media only screen and (max-width:1024px) {
    #carouselExampleCaptions .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
}

@media only screen and (max-width:992px) {
    #carouselExampleIndicators {
        display: block !important;
    }
    #Instagram .modal-dialog {
        position: relative;
        width: auto;
        margin: 2.5rem 20px !important;
        pointer-events: none;
    }
    #Instagram .slide-items>* {
        position: absolute;
        top: 0px;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        height: 100vh !important;
        object-fit: cover;
        overflow: hidden;
    }
}

@media only screen and (max-width:768px) {
    #Instagram .slide-items {
        position: relative;
        grid-area: 1/1;
        border-radius: 5px;
        overflow: hidden;
        height: 70vh !important;
    }
    .foodInforamtion .name p {
        font-size: 16px !important;
        margin: 0 !important;
    }
    .FoodCards {
        margin: 10px 0 !important;
    }
    #carouselExampleIndicators .carousel-inner {
        border-radius: 12px !important;
        width: 100% !important;
        margin: auto;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #carouselExampleCaptions .ProfilSection {
        position: absolute;
        z-index: 20;
        left: 0;
        width: 100%;
        margin: 0;
        bottom: 75px;
    }
}


/* h1 {
    margin-bottom: 0px !important;
} */



@media only screen and (max-width:387px) {
    #carouselExampleCaptions .ProfilSection {
        position: absolute;
        z-index: 20;
        left: 0;
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width:438px) {
    #carouselExampleCaptions .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    #carouselExampleCaptions .adress .dropdown button {
        background-color: transparent;
        border: none;
        color: #fff;
        font-size: 12px !important;
    }
    #carouselExampleIndicators {
        display: block !important;
    }
    #Info .services .borderServices {
        border-top: 0.2px dashed #00000040;
        border-bottom: 0.2px dashed #00000040;
        padding: 0px 0 !important;
        display: flex;
    }
    #carouselExampleCaptions .ProfilSection .clock span {
        color: #fff;
        font-size: 12px !important;
        font-weight: 600 !important;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox .profile {
        border: 5px solid #fff;
        border-radius: 50%;
        width: 80px !important;
        height: 80px !important;
        position: absolute;
        bottom: -40px !important;
        left: 41% !important;
        box-shadow: 0px 19px 25px 0px #00000033;
    }
    #Info .raitFav span {
        color: #00000080;
        font-size: 16px !important;
        margin: 0 5px;
    }
    #Info .services span {
        margin: 0 9px;
        font-size: 12px !important;
    }
    #carouselExampleCaptions .btnEnd button {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50%;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #EEEEEE;
    }
    #carouselExampleCaptions .btnEnd button i {
        font-size: 20px !important;
    }
    #carouselExampleCaptions .btnDrop button {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50%;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #EEEEEE;
    }
    #carouselExampleCaptions .btnDrop button i {
        font-size: 20px !important;
    }
    #Info .restName {
        text-align: center;
        margin-top: 0px !important;
    }
    #wifi .modal-dialog {
        position: relative;
        width: auto;
        margin: 2rem;
        pointer-events: none;
    }
    #wifi {
        position: fixed;
        top: 35%;
        left: 0%;
        z-index: 1060;
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
    }
    /* .ProfilBox .circle img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 80px !important;
        border-radius: 50%;
    }
    .ProfilBox .circle {
        position: relative;
        width: 110px !important;
        height: 110px !important;
    } */
    #carouselExampleCaptions .ProfilSection {
        position: absolute;
        z-index: 20;
        left: 0;
        width: 100%;
        margin: 0;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox {
    }
    #Info {
        position: relative;
        z-index: 13;
        background-color:#fff;
    }
}

@media only screen and (max-width: 376px) {}

@media only screen and (max-width: 356px) {
    .foodInforamtion .name h5 {
        font-size: 14px !important;
    }
    .foodInforamtion .name p {
        font-size: 10px !important;
        margin: 0 !important;
    }
    .FoodCards .price span,
    s {
        color: #FF0000;
        font-size: 12px;
    }
}


/* Instragram Modal */

#Instragram img {
    width: 100%;
    display: block;
}

#Instagram .btn-close {
    top: 20px;
    right: 20px;
    position: absolute;
    width: 1em;
    z-index: 344534;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #fff;
    background: url('https://api.iconify.design/ant-design/close-outlined.svg?color=white&width=22&height=22') no-repeat center center / contain;
    border: 0;
    border-radius: 0.25rem;
    opacity: 1;
}

#Instagram .slide {
    display: grid;
    height: 90vh;
    width: 100%;
    position: relative;
}

#Instagram .slide-items {
    position: relative;
    grid-area: 1/1;
    border-radius: 5px;
    overflow: hidden;
}

#Instagram .slide-nav {
    grid-area: 1/1;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
}

#Instagram .slide-nav button {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0;
}

#Instagram .slide-items>* {
    position: absolute;
    top: 0px;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#Instagram .slide-items>.active {
    position: relative;
    opacity: 1;
    pointer-events: initial;
}

#Instagram .slide-thumb {
    display: flex;
    grid-column: 1 / 3;
}

#Instagram .slide-thumb>span {
    flex: 1;
    display: block;
    height: 3px;
    background: rgba(0, 0, 0, 0.4);
    margin: 5px;
    border-radius: 3px;
    overflow: hidden;
}

#Instagram .slide-thumb>span.active::after {
    content: '';
    display: block;
    height: inherit;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    transform: translateX(-100%);
    animation: thumb 5s forwards linear;
}

@keyframes thumb {
    to {
        transform: initial;
    }
}

#Instagram .modal-content {
    background-color: transparent !important;
    border: none !important;
}


/* Info Start */

#Info .restName {
    text-align: center;
}

#Info .restName h1 {
    color: #000;
}

#Info .restName span {
    color: #6A6868;
    font-size: 18px;
}

#Info .raitFav {
    display: flex;
    justify-content: center;
}

#Info .raitFav span {
    color: #00000080;
    font-size: 18px;
    margin: 0 5px;
}

#Info .raitFav .raiting i {
    color: #FFD90F;
}

#Info .raitFav .favorites i {
    color: #FF0000;
}

#Info .services {
    display: flex;
    justify-content: center;
}

#Info .services .borderServices {
    border-top: 0.2px dashed #00000040;
    border-bottom: 0.2px dashed #00000040;
    padding: 10px 0;
}

#Info .services span {
    margin: 0 9px;
    font-size: 18px;
}

#Info .services span i {
    margin: 0 3px;
}

#Info .services .delivery {
    color: #F8A400;
}

#Info .services .takeaway {
    color: #9AE026;
}

#Info .services .reservation {
    color: #7597ED;
}

#Info .social {
    display: flex;
    justify-content: center;
}

#Info .social a {
    margin: 0 5px;
    background-color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 50%;
    transition: .4s ease;
}

#Info .social a i {
    color: #FF5C03;
}

#Info .social a svg {
    color: #FF5C03;
}

#Info .social a:hover {
    background-color: #FF5C03;
}

#Info .social button {
    margin: 0 5px;
    background-color: #000;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 50%;
    transition: .4s ease;
}

#Info .social button i {
    color: #FF5C03;
}

#Info .social button:hover {
    background-color: #FF5C03;
}

#Info .social a:hover i {
    color: #000;
}

#Info .social a:hover svg {
    color: #000;
}

#Info .social button:hover i {
    color: #000;
}

#Info {
    position: relative;
    z-index: 13;
    padding:10px 0 18px 0;
    background-color:#fff;
}


/* Info End */

.mLogoProf {
    border: 4px solid #fff;
    border-radius: 50%;
    /* padding: 10px; */
    width: 140px;
    height: 140px;
}

.mLogoProf img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.border-pulser{
    animation: animation_logo_border 2000ms ease-in-out infinite alternate;
}


@keyframes animation_logo_border {
    50% {
        border-color: #f00;
    }
}




/* New Style End */

#wifi .modal-title i {
    background-color: #000;
    color: #FF5C03;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

#wifi .modal-title {
    display: flex;
    align-items: center;
}

#wifi .modal-content {
    border-radius: 10px !important;
    border: none !important;
}

#wifi .modal-header {
    border: none !important;
}

#wifi .wifi-info span {
    display: flex;
    color: #6A6868;
}

#wifi .wifi-info span p {
    margin-left: 5px;
    color: #6A6868;
}

.sticky {
    position: fixed;
    transition: 0.4s ease;
    top: 0;
    left: 0;
    z-index: 434;
    background-color: #fff;
    padding: 5px;
    width: 100%;
    box-shadow: 0px 4px 15px 0px #0000001a;
}

.non {
    display: none;
}

.carousel-inner img {
    width: 100%; 
    height: 100%;
    object-fit: cover;
}

.category-title h1 {
    font-weight: 600;
    font-size: 25px;
}

.category-collapse ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.category-collapse ul button {
    width: unset;
    margin: 10px;
}

.category ul {
    display: inline-flex;
    align-items: center;
    padding: 2.4rem 0;
}

.mybtn {
    border: none;
    outline: none;
    padding: 12px 20px;
    background-color: #c8c8c8;
    cursor: pointer;
    border-radius: 32px;
    width: max-content;
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
    margin: 5px 1px;
    transition: 0.5s ease;
    font-weight: 500;
    font-size: 13px;
}

.mybtn:first-child {
    /* margin: 10px 10px 0px 0; */
}

.newMenu {
    box-shadow: 0px 4px 15px 0px #0000001A;
    height: 65px;
    position: relative;
    z-index:13;
    background:#fff;
}

.mybtn.active {
    color: #fff !important;
}

.menuBT {
    border: none;
    outline: none;
    padding: 12px 15px;
    background-color: transparent;
    cursor: pointer;
    width: max-content;
    display: flex;
    border-radius: 0% !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 65px;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: 0.5s ease;
    font-weight: 500;
    font-size: 13px;
}

.menuBT:first-child {
    margin: 0px 10px 0px 0;
}

.menuBT.active {
    background-color: transparent !important;
    color: #fa2619 !important;
    border-bottom: 1px solid #fa2619;
}

.menuBT.active svg {
    fill: red;
}

#organization-tab .accordion-button {
    width: 100% !important;
}

#organization-tab .accordion-body {
    width: 70%;
    margin: auto;
}

.organizationCard {
    margin: 20px 0;
}

.organizationCard p {
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important;
}

.organizationCard .orgImg img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    box-shadow: 0px 4px 15px 0px #0000001A;
}

.organizationCard .orgInfo h5 {
    color: #000;
    margin-bottom: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.organizationCard .date span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    color: #000;
}

.organizationCard .orgInfo span {
    color: #000 !important;
    font-weight: 300;
}

.organizationCard .date span p {
    color: #F42020 !important;
}

.orgInfo {
    margin-left: 10px;
}

.organizationCard .leftBox {
    display: flex;
    align-items: center;
}

#organization-tab.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    position: relative !important;
    top: -20px !important;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: transparent!important;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

#organization-tab .accordion-header {
    display: flex !important;
    margin: 15px 0 !important;
    justify-content: flex-start!important;
}

.nameRestOrg {
    text-align: start;
}

.nameRestOrg strong {
    font-weight: 400;
    color: #000;
}

.accordion-body {
    padding: 10px;
}

.orgText {
    text-align: center;
    margin: 10px 0;
}

.cardBoxAc {
    box-shadow: 0px 4px 15px 0px #0000001a;
    border-radius: 10px;
    position: relative;
}

.cardBoxAc img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}

.textImgBox {
    padding: 10px;
    background: linear-gradient(357.86deg, #FFFFFF 1.77%, rgba(255, 255, 255, 0.5) 270.46%);
    position: absolute;
    width: 100%;
    bottom: 0px;
    border-radius: 0 0 8px 8px;
}

@media only screen and (max-width:768px) {
    #organization-tab .accordion-body {
        width: 100% !important;
        margin: auto;
    }
    .cardBoxAc img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
}

#reviews-tab .token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
    background: none;
}



#reviews-tab ::-webkit-input-placeholder {
    color: #BBB;
}

#reviews-tab ::-moz-placeholder {
    /* Firefox 19+ */
    color: #BBB;
    opacity: 1;
}

#reviews-tab :-ms-input-placeholder {
    color: #BBB;
}

#reviews-tab .textAreaBox form textarea {
    width: 100%;
    border: 0.5px solid #00000029;
    height: 100px;
    box-shadow: 0px 4px 10px 0px #0000000d;
    padding: 5px;
    border-radius: 8px;
}

#reviews-tab .avt-hold {
    width: 100%;
    overflow-y: hidden;
    padding: 15px 0;
}

#reviews-tab .avt-item,
.avtBg-item {
    display: none !important;
}

#reviews-tab .avt-lbl,
.avtBg-lbl {
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.3s, border 0s;
}

#reviews-tab .avt-lbl div {
    width: 65px;
    height: 65px;
    padding: 5px 5px 3px 5px;
    background-color: transparent;
    transition: background 0.2s;
    overflow: hidden;
}

#reviews-tab .avt-lbl div img {
    width: 100%;
}

#reviews-tab .avt-item:checked+label {
    opacity: 1;
    border: 0.5px solid #FF00009E;
    transform: scale(1.3);
    z-index: 1;
    box-shadow: 0px 4px 15px 0px #0000001A;
}

#reviews-tab .bgCol {
    display: none;
}

#reviews-tab .avtBg {
    width: 30px;
    height: 30px;
}

#reviews-tab .avtBg-lbl {
    opacity: 1;
}

#reviews-tab .avtBg-item:checked+label {
    box-shadow: 0px 4px 15px 0px #0000001A;
}

#reviews-tab input.image-item {
    display: none;
}

#reviews-tab label.image-lbl {
    border: 4px solid transparent;
    transition: all 0.3s;
}

#reviews-tab label.image-lbl div {
    background-color: #0480ad;
    color: #fff;
    display: none;
    transition: visibility 0.5s;
}

#reviews-tab input.image-item:checked+label.image-lbl div {
    display: inline-block;
}

#reviews-tab .GifBox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 10px 0;
}

#reviews-tab .GifBox .box {
    width: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#reviews-tab .GifBox .box button {
    position: absolute;
    top: 5px;
    left: 4px;
    opacity: 0;
    padding: 18px;
}

#reviews-tab .GifBox .box img {
    width: 80%;
}

#reviews-tab .GifBox .active {
    width: 150% !important;
}



#reviews-tab .deyerBtn {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.redBtn {
    padding: 10px 15px;
    width: 100%;
    background-color: #f00;
    color: #fff;
    border: none;
    border-radius: 50px;
}

#pic-click {
    width: 40px;
}

@media only screen and (max-width: 992px) {
    .slider-cost p {
        font-size: 0.8em;
    }
    .tk-form {
        margin: 1rem 0rem !important;
    }
    #reviews-tab {
        margin: 0 !important;
    }
    .res-logo {
        position: absolute;
        left: 50%;
        top: 5%;
        transform: translate(-50%, -5%);
    }
}

#re-date {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

.input-group-field {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

#re-time {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

::-webkit-scrollbar {
    width: 1px;
}

::-webkit-scrollbar * {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: transparent!important;
}



#reservation-tab {
    position: relative;
}

#organization-tab {
    position: relative;
}

#reviews-tab {
    position: relative;
}

#menu-tab {
    position: relative;
}


/* Scroll To Top */


#reviews-tab textarea{
    padding: 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100px;
    border: solid 1px #eee;
    border-radius: 20px;
    box-shadow: 2px 6px 14px #8883;
    margin-top: 10px;
}

#reviews-tab input{
    border: solid 1px #eee;
    border-radius: 20px;
    box-shadow: 2px 6px 14px #8883;
}


.serviceCharge {
    display: flex;
    align-items: center;
    width: 100%;
    border: 0.5px solid #EDEDED;
    box-shadow: 0px 4px 15px 0px #0000001a inset;
    padding: 5px;
    border-radius: 10px;
    margin-top: 10px;
  }



  /*

Bottom Sheet

*/
  :root {
      --background: #fff;
      --foreground: #000;
      --divider: #dcdcdc;
      --overlay: #888;
  }

  @media (prefers-color-scheme: dark) {
      :root {
          --background: #000;
          --foreground: #fff;
          --divider: #333;
      }
  }

  #sheet {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 20;
      visibility: visible;
      transition: opacity 0.5s, visibility 0.5s;
  }

  #sheet[aria-hidden="true"] {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
  }

  #sheet .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      background: var(--overlay);
      opacity: 0.5;
  }

  #sheet .contents {
      border-radius: 1rem 1rem 0 0;

      background: var(--background);

      position: relative;
      overflow-y: hidden;

      --default-transitions: transform 0.5s, border-radius 0.5s;

      transition: var(--default-transitions);
      transform: translateY(0);

      max-height: 100vh;
      height: 30vh;

      max-width: 70rem;

      box-sizing: border-box;
      padding: 1rem;
      padding-top: 3rem;
  }

  #sheet .contents:not(.not-selectable) {
      transition: var(--default-transitions), height 0.5s;
  }

  #sheet .contents.fullscreen {
      border-radius: 0;
  }

  #sheet[aria-hidden="true"] .contents {
      transform: translateY(100%);
  }

  #sheet .draggable-area {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 3rem;
      margin: auto;
      padding: 1rem;
      cursor: grab;
  }

  #sheet .draggable-thumb {
      width: inherit;
      height: 0.25rem;
      background: var(--divider);
      border-radius: 0.125rem;
  }

  #sheet .close-sheet {
      position: absolute;
      right: 0;
      top: 0;
      border: none;
  }

  #sheet .body {
      height: 100%;
      overflow-y: auto;
      gap: 1rem;
  }

  .footBasket {
      padding-bottom: 50px;
      overflow: auto;
  }

  .footBasket .footBasketHead {
      height: 300px;
      border-radius: 15px 15px 0 0;
      overflow: hidden;
  }

  .footBasket .footBasketHead img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .footBasketBody {
      padding: 0 25px;
  }

  .footBasketBody .footBasketBodyName {
      margin: 0;
      font-size: 22px;
      font-weight: 500;
      text-align: center;
      margin-top: 20px;
  }

  .footBasketBody .footBasketBodyHead {
      text-align: center;
      margin-top: 15px;
  }

  .footBasketBody .footBasketBodyHead .footOrderPrice {
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      padding: 5px 30px 5px 15px;
      border-radius: 20px 0 0 20px;
      background-color: #E7E7E7;
      position: relative;
      top: 1px;
      right: -10px;
  }

  .footBasketBodyCount {
      display: inline-block;
      border-radius: 21px;
      padding: 5px 10px 5px 10px;
      background-color: #FF0000;
      position: relative;
      left: -10px;
  }

  .footBasketBodyCount button {
      background: none;
      outline: none;
      border: none;
      width: 45px;
      height: 28px;
  }

  .footBasketBodyCount .footBasketInput {
      display: inline-block;
      width: 45px;
  }

  .footBasketBodyCount .footBasketInput span {
      display: inline-block;
      width: 28px;
      height: 28px;
      border: none;
      outline: none;
      border-radius: 50%;
      font-size: 18px;
      font-weight: 500;
      text-align: center;
      background-color: white;
  }

  .footIng {
      margin-top: 21px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(205, 205, 205, 0.3);
  }

  .footIng h4 {
      margin: 0;
      margin-top: 21px;
      font-size: 20px;
      font-weight: 500;
      text-transform: capitalize;
  }

  .footIng p {
      margin: 0;
      margin-top: 7px;
      font-size: 16px;
      color: #6F6F6F;
  }

  .footFeatures .footFeaturesName {
      font-size: 20px;
      font-weight: 500;
      margin: 0;
      margin-top: 8px;
  }

  .checkBlockItem {
      display: flex;
      justify-content: space-between;
      padding: 0 20px;
      margin-top: 8px;
  }

  .checkcontainer {
      position: relative;
      display: flex;
      align-items: center;
  }

  .checkcontainer input {
      position: absolute;
      opacity: 0;
      cursor: pointer
  }

  .checkcontainer input:checked~.radiobtn {
      background-color: rgba(255, 0, 0, 1);
  }

  .checkcontainer .radiobtn {
      position: absolute;
      top: 3px;
      left: -18px;
      height: 22px;
      width: 22px;
      border: 1px solid rgba(255, 0, 0, 1);
      border-radius: 50%;
  }

  .checkcontainer .radiobtn:hover {
      cursor: pointer;
  }

  .checkcontainer input:checked~.radiobtn:after {
      display: inline-block;
  }

  .checkcontainer .radiobtn::after {
      content: "";
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: white;
  }

  .checkcontainer .checkBlockItemName {
      padding-left: 11px;
      font-size: 18px;
      font-weight: 400;
  }

  .checkcontainer .checkBlockItemName:hover {
      cursor: pointer;
  }

  .checkBlockItemPrice {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .checkBlockItemPrice .checkBlockItemPriceContent {
      color: #FF0000;
      font-size: 16px;
      font-weight: 400;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .checkBlockItemPrice .checkBlockItemPriceContent svg path {
      fill: #FF0000;

  }

  .checkBlockItemPrice .checkBlockItemPriceContent span {
      display: inline-block;
      padding-left: 5px;
      padding-right: 4px;
  }

  .secondCheckBLock {
      margin-top: 25px;
  }

  .footBasketButtonBlock {
      margin-top: 25px;
  }

  .footBasketButtonBlock #basketButton {
      background: #FF0000;
      border: 1px solid transparent;
      outline: none;
      border-radius: 22px;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 7px;
      font-size: 18px;
      transition: ease all .4s;
      font-weight: 600;
  }

  .footBasketButtonBlock #basketButton svg {
      margin-right: 7px;
  }

  .footBasketButtonBlock #basketButton svg path {
      transition: ease all .4s;
  }

  .footBasketButtonBlock #basketButton:hover {
      background: white;
      box-shadow: 0 0 2px 5px #ff0000;
      color: #FF0000;
      font-weight: 600;
  } 

  .footBasketButtonBlock #basketButton:hover svg path {
      fill: #ff0000;

  }
@media only screen and (max-width: 992px) {
    .slider-cost p {
        font-size: 0.8em;
    }
    .mLogoProf {
        border: 4px solid #fff;
        border-radius: 50%;
        width: 145px !important;
        height: 145px !important;
    }
    .res-logo {
        position: absolute;
        left: 50%;
        top: 5%;
        transform: translate(-50%, -5%);
    }
    .first-section {
        height: 250px;
    }
    .product-cost button {
        padding: 5px;
    }
    .product-text h3 {
        margin-bottom: unset !important;
    }
    .product-text p {
        margin-bottom: unset !important;
    }
    .product-cost {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .product-text {
        padding: 0 15px;
    }
    #Radiuse {
        z-index: 13;
        width: 100%;
        height:190px;
        margin: 0;
        padding: 0;
        bottom:-110px;
    }
    .headerMonyo{
        height:290px;
    }
    #carouselExampleCaptions .ProfilSection{
        bottom:0px;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox{
        top:-35px;
    }
}

@media only screen and (max-width: 768px) {
    .headerMonyo{
        height:250px;
    }
    #Radiuse {
        z-index: 13;
        width: 100%;
        height:180px;
        margin: 0;
        padding: 0;
        bottom:-120px;
    }
    
    
    #carouselExampleCaptions .ProfilSection {
        align-items:flex-start;
        bottom:15px;
    }
    #carouselExampleCaptions .adress .dropdown button{
        /* font-size:19px; */
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox{
        top:-5px;
    }
    .mLogoProf{
        width: 120px !important;
        height: 120px !important;
    }
    .slider-cost p {
        font-size: 1em;
    }
    .slider-cost .button {
        font-size: 1em;
    }
    .slider-content p {
        font-size: 1em;
        height: 65px;
    }
    .foodBoxStyleX {
        width: 100%;
        margin: 20px 0;
    }
    .slider-text button {
        font-size: 0.8em;
    }
    .atomic-1 button {
        margin: unset;
    }
    .inner-parent {
        display: flex;
        justify-content: space-between;
    }
    .footer-line {
        width: 80%;
    }
    .atomic {
        justify-content: space-between;
    }
    .slider-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 20px;
        padding: 10px;
        margin: unset !important;
    }
    .res-logo img {
        width: 150px;
        height: 150px;
    }
    .first-section {
        height: 200px;
    }
    .res-logo {
        position: absolute;
        left: 50%;
        top: 5%;
        transform: translate(-50%, -10%);
    }
    .category ul {
        overflow: hidden;
        width: fit-content;
        padding: 1.6rem 0;
    }
    .product-img img {
        width: 100%;
    }
    .product-text {
        align-items: unset !important;
    }
    .slider-text h1 {
        font-size: 0.8em;
    }
    .not-cost {
        margin-bottom: unset !important;
        font-size: 0.9em;
    }
    .foodBoxStyleX {
        height: 150px !important;
    }
    .foodBoxStyle {
        height: 150px;
    }
}

@media only screen and (max-width:568px) {
    #carouselExampleCaptions .ProfilSection .clock span {
        color: #fff;
        font-size: 12px !important;
        font-weight: 400;
    }
    .desk {
        margin: 0 !important;
        padding: 0 !important;
    }
    .desk .product {
        box-shadow: 0px 4px 12px 0px #0000000f;
        padding: 0px !important;
        border-radius: 20px;
        margin: 10px 0;
        flex-direction: row-reverse;
    }
    .product .col-lg-5 {
        margin: 0 !important;
        padding: 10px 5px 5px 10px !important;
    }
    .ProfilBox .circle img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 70px !important;
        border-radius: 50%;
    }
    .ProfilBox .circle {
        position: relative;
        width: 100px !important;
        height: 100px !important;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox{
        top:-20px;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox .mLogoProf {
        width: 95px !important;
        height: 95px !important;
    }
    #carouselExampleCaptions .adress .dropdown button {
        background-color: transparent;
        border: none;
        color: #fff;
        font-size: 12px !important;
        font-weight: 600;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 120px;
        text-overflow: ellipsis;
        padding-left:5px;
    }
    #Info .restName span {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 60%;
        text-overflow: ellipsis;
        text-align: center;
        margin: auto;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox .profile {
        border: 5px solid #fff;
        border-radius: 50%;
        width: 80px !important;
        height: 80px !important;
        position: absolute;
        bottom: -40px !important;
        left: 44% !important;
        box-shadow: 0px 19px 25px 0px #00000033;
    }
    .foodInforamtion .name p {
        font-size: 12px !important;
        margin: 0 !important;
    }
    .foodInforamtion .name h5 {
        font-size: 18px !important;
    }
    .nav-horizontal-scroll ul li {
        padding: 0px !important;
        text-align: center;
        color: #6D6D6D;
        width: fit-content;
        word-break: keep-all;
        flex-shrink: 0;
        min-width: 100px;
        margin: 0 10px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .adress .dropdown {
        margin-left: -10px;
    }
    #Info .social button {
        margin: 0 5px;
        background-color: #000;
        border: none;
        width: 30px !important;
        height: 30px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        border-radius: 50%;
        transition: .4s ease;
    }
    #Info .social a {
        margin: 0 5px;
        background-color: #000;
        width: 30px !important;
        height: 30px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        border-radius: 50%;
        transition: .4s ease;
    }
    #Instagram .modal-dialog {
        position: relative;
        width: auto;
        margin: 6.5rem 20px !important;
        pointer-events: none;
    }
    #Instagram .slide {
        display: grid;
        height: 65vh !important;
        width: 100%;
        position: relative;
    }
    #Info {
        position: relative;
        z-index: 13;
        background-color:#fff;
        padding:18px 0;
    }
    .headerMonyo { 
        height:200px;
    }
    #carouselExampleIndicators {
        display: block !important;
    }
    #carouselExampleCaptions .ProfilSection {
        position: absolute;
        z-index: 20;
        left: 0;
        width: 100%;
        margin: 0;
        bottom:-3px;
    }
    #Radiuse{
        height: 140px;
        bottom: -90px;
    }
}
@media only screen and (max-width:360px) {
    #carouselExampleCaptions .ProfilSection .ProfilBox {
        top:-5px;
    }
    #carouselExampleCaptions .ProfilSection .ProfilBox .mLogoProf {
        width: 65px !important;
        height: 65px !important;
    }
    #Radiuse{
        height: 110px;
        bottom: -70px;
    }
    .headerMonyo { 
        height:170px;
    }
    .adress .dropdown{
        overflow:hidden;
        font-size:10px;
    }
    #carouselExampleCaptions .ProfilSection{
	bottom:10px
    }
   #carouselExampleCaptions .ProfilSection .clock span{
	font-size:10px;
   }
}
  



   #AppDownloadModal{
     display:none;
 }
 .AppDownloadModalClose{
        display:none !important;
        animation: fadeEffect 1s;
    }
@media only screen and (max-width:568px) {
    
    #AppDownloadModal{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        /* height:100vh; */
        /* background:#000a; */
        z-index:1000;
        font-family: Poppins;
        display:block;
        transition all ease 0.4s;
        
    }
    #AppDownloadModal .AppDownloadBlock{
        background-color:white;
        display:flex;
        width:100%;
        align-items:center;
        justify-content:center;
        padding: 4px 7px;
        box-shadow: 0 0 14px -1px #0000005F;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockClose #AppDownloadBlockCloseButton{
        background:none;
        outline:none;
        border:none;
        padding:0 14px 0 4px;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockClose button i {
        font-size:20px;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockImage{
        height:62px;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockImage img{
        width:40px;
        height:40px;
        object-fit:cover;
        border-radius:10px;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockContent{
        padding-left:8px;
        padding-right:8px;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockContent .AppDownloadBlockContentName{
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        margin:0;
        font-size:18px;
        color: #111;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockContent .AppDownloadBlockContentCompany{
        font-weight: 500;
        color: gray;
        display:block;
        font-size:14px;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockContent .AppDownloadBlockRating{
        line-height:15px;
        color: #f7a40f;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockContent .AppDownloadBlockContentInfo{
         -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        margin:0;
        font-size:15px;
        margin-left: -57px;
        color: #444;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockLink{
        font-size:12px;
        padding:0 3px;
    }
    #AppDownloadModal .AppDownloadBlock .AppDownloadBlockLink #AppDownloadBlockLink{
        display:inline-block;
        background-color:#eb1c1d;
        color:white;
        padding:4px 9px;
        border-radius:3px;
        text-decoration:none;
        font-weight:600;
        min-width:58px;
        
    }
video.loading {
    background: black url(/images/loading_gif.gif) center center no-repeat;
}