:root {
    --primary-clr: #F38020;
    --yellow-orange: #F8B600
}  
/* .bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
  } */

  body.modal-open{padding-right: 0px !important;}

/* Start fonts */
* {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.font-text-editor * {font-family: "Lato"}
.main-bg-clr {background-color: #fbfbf0 !important}
.orange-bg {background-color: var(--primary-clr);}
.primary-clr {color: var(--primary-clr);}
.input-style {
    background-color: transparent;
    border-radius: 50px;
    height: 50px;
    padding: 0 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    border:1px solid #000;
}
.cursor-pointer {cursor: pointer;}
a {
    text-decoration: none;
    color: #000;
}
.lato-thin {
font-family: "Lato", sans-serif;
font-weight: 100;
font-style: normal;
}

.lato-light {
font-family: "Lato", sans-serif;
font-weight: 300;
font-style: normal;
}

.lato-regular, .invalid-feedback, .invalid-feedback *, .text-danger {
font-family: "Lato", sans-serif;
font-weight: 400;
font-style: normal;
}

.lato-bold {
font-family: "Lato", sans-serif;
font-weight: 700;
font-style: normal;
}

.lato-black {
font-family: "Lato", sans-serif;
font-weight: 900;
font-style: normal;
}

.lato-thin-italic {
font-family: "Lato", sans-serif;
font-weight: 100;
font-style: italic;
}

.lato-light-italic {
font-family: "Lato", sans-serif;
font-weight: 300;
font-style: italic;
}

.lato-regular-italic {
font-family: "Lato", sans-serif;
font-weight: 400;
font-style: italic;
}

.lato-bold-italic {
font-family: "Lato", sans-serif;
font-weight: 700;
font-style: italic;
}

.lato-black-italic {
font-family: "Lato", sans-serif;
font-weight: 900;
font-style: italic;
}
/* End fonts */

/* Start button hover */
.hover-button {
    position: relative;
    overflow: hidden;
    background: #000;
    color: #000;
    border: none;
    padding: 15px 30px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.hover-button span {
  position: relative;
  z-index:9
}
.hover-button::before {
    content: "";
    position: absolute;
    top: var(--y);
    left: var(--x);
    width: 0;
    height: 0;
    background: #000;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.4s ease-out, height 0.4s ease-out;
}
.hover-button:hover::before {width: 800px;height: 500px;}
.black-hover-bg::before{background: #000;}
.black-hover-bg:hover {color: #fff !important}
.main-clr-hover-bg::before{background: var(--primary-clr);}
.main-clr-hover-bg:hover {color: #000 !important}

/* End button hover */


/* Start header */
header {z-index: 999; transition: all .5s ease-in-out; top:0}
/* header .nav-list {position: fixed; bottom: 10px;} */
header .nav-list, header .cart-icon-wrap  {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.12)}
header .cart-icon-wrap {padding: 0.3rem; height: 52px;}
.scrolled-nav-list {display: none;}
.logo {max-width: 100px;}
.nav-list .logo {max-width: 40px;}

.logo-container {
    width: 170px;         /* or use max-width: 100%; for responsive */
    height: 100px;
    position: relative;
    top: 10px;
    display: flex;
    align-items: start;
    justify-content: start;
    overflow: hidden;
}
.site-logo {max-width: 100%;max-height: 100%;object-fit: contain; /* keeps aspect ratio and fits inside */}
.nav-list ul li a.nav-link {
    padding: 10px 30px;
    font-size: 18px;
    color: #000;
    transition: all .2s ease-in-out;
    align-content: center;
    height: 48px;
}
.dropdown-item:focus, .dropdown-item:hover {background-color: var(--primary-clr);}
.nav-list ul li a.nav-link .arrow-svg path{fill: #000; transition: all .2s ease-in-out;}
.remove-deafult-arrow::after {display: none;}
nav.nav-list {overflow: hidden;}
.nav-list ul li.logo-li {height: 48px; background-color: var(--logo-menu-bg-clr);}
.nav-list ul li.logo-li .logo{width: 90px; max-width: 90px; max-height: 48px;}
.nav-list ul li a.active, li:hover div a.login-btn, .nav-list ul li:hover a.nav-link, .nav-list ul li .dropdown-menu a.dropdown-item:hover {
    background-color: var(--primary-clr);
    color: #fff;
}
.nav-list ul li a.active, li:hover div a.login-btn, .nav-list ul li:hover a.nav-link .arrow-svg path{fill: #fff;}
/* .login-btn {font-size: 16px;} */
.remove-deafult-arrow .arrow-svg path {fill: #000000;}
.remove-deafult-arrow:hover .arrow-svg path{fill: #fff;}
.nav-list .whats-app {background-color: #FBFBF0;width: 40px;height: 40px;}
.cart-list-wrap .cart-icon-wrap {height: 44px;}
.cart-icon-wrap .cart-icon {background-color: #FBFBF0;height: 100%;}
.cart-icon-wrap .cart-icon li:hover {background-color: var(--primary-clr);}
.cart-icon-wrap .cart-icon li:hover .remove-deafult-arrow .arrow-svg path{fill: #fff;}
.cart-icon-wrap .cart-icon li:hover .white-hover-svg path {stroke: #fff;}
.cart-icon-wrap .cart-icon li:first-child {border-right: 1px solid #000;}
.cart-icon-wrap .cart-icon:hover li:first-child {border-right: 1px solid #fff;}
.cart-icon-btn {cursor: pointer;}
.cart-icon-btn.has-item::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: var(--primary-clr);
    border-radius: 50%;
    position: absolute;
    top: -1px;
    right: -1px;
}
.cart-icon-wrap .cart-icon li:hover .cart-icon-btn svg path {fill: #fff}
.cart-icon-wrap .cart-icon li:hover .cart-icon-btn::after {background-color: #fff;}
            /************************ Start if user loged in ************************/
.dropdown-item .icon-wrap {
    width: 35px;
    height: 35px;
    border-radius: 10px;
}
            /************************ End if user loged in ************************/




/* End header */

/* Start Main section */
.main-section {
    background-color: #edeadb;
    padding-top: 150px;
    height: 111vh;
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
}
.main-section .text h1 {font-size: 100px;}
.main-section .text span {color: var(--primary-clr); }
.main-section .btns a {
    text-decoration: none;
    width: 212px;
    height: 65px;
    border-radius: 50px;
    font-size: 30px;
}
.main-section .btns a:first-child{
    color: #000;
    background-color: var(--primary-clr);    
}
.main-section .btns a:first-child svg path{transition: .4s;}
.main-section .btns a:first-child:hover svg path{fill: #fff}

.main-section .btns a:last-child{
    color: #fff;
    background-color: #000000;   
}
.main-section .btns a:last-child svg path{transition: .4s;}
.main-section .btns a:last-child:hover svg path{fill: #000}

.images-slider-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 600px;
}
.swiper-slide {
    position: relative;
    display: flex;
    justify-content: right;
    align-items: right;
}

.swiper-slide img {
    width: 555px;
    height: 658px;
    object-fit: cover;
    border-radius: 365px 365px 88px 88px;
   
}

.swiper-slide::after {
    content: '';
    display: block;
    width: 555px;
    height: 100%;
    border: 4px solid var(--primary-clr);
    border-radius: 365px 365px 88px 88px;
    position: absolute;
    right: 20px;
}
/* End Main section */

/* Start wrap */
.sections-wrap-container {
    z-index: 99;
    margin-top: 100vh;     
}
.shape-top-section {margin-bottom: -2px;}

/* End wrap */

/*Start second section */
.shape-2 {background-color: #ede9dd;}
.second-section {padding-bottom: 80px; }
.second-section h2{font-size: 50px;}
.second-section h2 span {color: var(--primary-clr)}
.second-section .info-list li:not(:last-child) p{border-bottom: 1px solid #A4A4A4;} 
.second-section .food-list-wrap {
    min-height: 620px;
}
.second-section .food-list li a{
    border: 2px solid var(--primary-clr);
    border-radius: 33px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
    font-size: 30px;
    background-color: transparent;
    transition: background-color .2s ease-in-out;
}
.second-section .food-list li a:hover {
    background-color: var(--primary-clr);
    color: #fff;
}

.second-section .food-list li a.rounded-food-item {width: 98px;height: 98px;}
.second-section .food-list li a.rounded-food-item:hover svg path {stroke: #fff;}
.second-section .food-list li a.rounded-food-item.link-2:hover svg g path,
.second-section .food-list li a.rounded-food-item.link-10:hover svg g path,
.second-section .food-list li a.rounded-food-item.link-13:hover svg g path,
.second-section .food-list li a.rounded-food-item.link-9:hover svg g path
{fill: #fff;}

.second-section .food-list li:nth-child(1) a{
    transform: rotate(-28.07deg);    
    width: 189px;
    height: 95px;
    top: 16px;
    left: 100px;
    
}
.second-section .food-list li:nth-child(2) a{       
    top: -48px;
    left: 437px;
}

.second-section .food-list li:nth-child(3) a{
    transform: rotate(31.93deg);
    width: 151px;
    height: 95px;
    top: 0px;
    left: 591px;
    
}
.second-section .food-list li:nth-child(4) a{top: 0px;left: 850px;}
.second-section .food-list li:nth-child(5) a{
    transform: rotate(-28.07deg);
    width: 151px;
    height: 95px;
    top: 79px;
    left: 380px;    
}
.second-section .food-list li:nth-child(6) a{
    transform: rotate(46.93deg);
    width: 198px;
    height: 95px;
    top: 73px;
    left: 1023px;    
}
.second-section .food-list li:nth-child(7) a{
    transform: rotate(-13.07deg);
    width: 198px;
    height: 95px;
    top: 150px;
    left: 733px;   
}
.second-section .food-list li:nth-child(8) a{
    transform: rotate(46.93deg);
    width: 172px;
    height: 95px;
    top: 201px;
    left: 221px;   
}
.second-section .food-list li:nth-child(9) a{ top: 158px;left: 542px;}
.second-section .food-list li:nth-child(10) a{ top: 222px;left: 81px;}
.second-section .food-list li:nth-child(11) a{       
    transform: rotate(-13.07deg);
    width: 118px;
    height: 95px;
    top: 227px;
    left: 877px;
}
.second-section .food-list li:nth-child(12) a{       
    transform: rotate(31.93deg);
    width: 118px;
    height: 95px;
    top: 412px;
    left: 755px;
}
.second-section .food-list li:nth-child(13) a{top: 355px;left: 1000px;}

.second-section .food-list li:nth-child(14) a{       
    transform: rotate(0.93deg);
    width: 137px;
    height: 95px;
    top: 473px;
    left: 466px;
}
.second-section .food-list li:nth-child(15) a{       
    transform: rotate(0.93deg);
    width: 137px;
    height: 95px;
    top: 525px;
    left: 60px;
}
.second-section .food-list li:nth-child(16) a{       
    transform: rotate(0.93deg);
    width: 137px;
    height: 95px;
    top: 487px;
    left: 865px;
}
.second-section .food-list li:nth-child(17) a{ top: 481px;left: 350px;}

.second-section .food-list li:nth-child(18) a{top: 527px;left: 657px;}
.second-section .arrow-link-btn {
    background-color: var(--primary-clr);
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    bottom:0
}

/*End second section */

/* Start reservation section */
.reservation-section {padding-top: 80px;}
.reservation-section .for-padding {padding: 0 100px;}
.reservation-section .p-text {    
    font-size: 20px;
    
}
.reservation-section .reservation-btn, .shop-section .shop-btn, .button-style
 {border: none; outline: none; background-color: var(--primary-clr); color: #fff; border-radius: 50px; width: 200px; height: 50px; font-size: 21px;}
.transparent-text {
    font-size: 120px;
    background: transparent;
    color: transparent;    
    -webkit-background-clip: text;
    background-image: url('../images/text-bg.png');
    background-clip: text;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    font-weight: bolder;  
}
/* End reservation section */

/* Start slider rounded section */
.rounded-section-slider {padding-bottom: 80px;}

.rounded-section-slider .arrow-link-btn {height: 50px;width: 50px; }
.rounded-section-slider .arrow-link-btn svg path {transition: all .2s ease-in-out;}
.rounded-section-slider .arrow-link-btn:hover svg path {fill: #fff;}
.rounded-section-slider .offer-image {width: 100%; height: 400px; border-radius: 50px; object-fit: cover;}

/* End slider rounded section */


/* Start slider menu section */
.three-bolids li{
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: var(--primary-clr);
}
.slider-menu-section {padding-bottom: 80px;}
.section-title h2{font-size: 50px;}
.section-title span {color: var(--primary-clr); }
.meal-wrap {border: 1px solid var(--primary-clr); padding: 3px; overflow: hidden; padding-bottom: 80px;}
.meal-wrap .meal-image {
    height: 300px;
    object-fit: cover;
    object-position: center;
}
.meal-wrap::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #F8B60040;
    z-index: 1;
    border-top-left-radius: 30px;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.meal-wrap:hover::after {opacity: 1;}
.meal-wrap .text {z-index: 2;}
.meal-wrap .emoji {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px !important;
    height: 130px !important;
    transform: translate(-50%, -50%);
    z-index: 3;
    transition: all .2s ease-in-out;
}
.meal-wrap:hover .emoji {opacity: 1;}



.meal-wrap .additions {line-height: 1;}
.meal-wrap .food-type span:not(:last-child) {margin-right: 15px;}
.filter-btns {margin-bottom: 30px;}
.filter-btns a {font-size: 23px;}
.filter-btns a:not(:last-child){margin-right: 20px;}
.filter-btns .item {transition: all .1s ease-in-out;}
.filter-btns .item.active {color: var(--primary-clr); font-weight: bold;}
.slider-menu .owl-stage .active .rounded-start-item .meal-wrap, .slider-menu .owl-stage .active .rounded-start-item .meal-wrap .meal-image {
    border-top-left-radius: 30px;
}
.slider-menu .owl-stage .active .rounded-end-item .meal-wrap, .slider-menu .owl-stage .active .rounded-end-item .meal-wrap .meal-image {
    border-top-right-radius: 30px;    
}
.cart-btn {
    border: none;
    outline: none;
    background-color: var(--primary-clr);   
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 3;
}

.slider-menu-section .slider-menu .owl-nav .owl-prev, .slider-menu-section .slider-menu .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -60px;
}
.slider-menu-section .slider-menu .owl-nav .owl-next {
    left: auto;
    right: -60px;
}
.slider-menu-section .slider-menu .owl-nav button.disabled {opacity: .4;}
.slider-menu-section .bottom-text {
    position: absolute;
    bottom:0;    
    right:8px;
    left: 8px;
}

/* End slider menu section */

.dropdown-menu {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: block; /* Prevent flicker */
    visibility: hidden;
}

.dropdown-menu.show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}



/* Start  app section */
.app-section {
    padding-bottom: 100px;
    padding-top: 150px;
    /* background-image: url('../images/app-bg.svg');
    background-repeat: no-repeat; */
    background-color: var(--primary-clr);
    
}
.app-section > svg {width: 100%;}
/* .app-section .text {padding-top: 200px;} */
.app-section .text p:first-child {font-size: 75px;}
.app-section .text p:last-child {font-size: 23px;}
.app-section .store-btns a{color: #000; border-radius: 20px; display: flex; border: 1px solid #000; padding: 17px 0px; width: 240px;}
.app-section .store-btns .store-icon {
    border-right: 1px solid #333;
    padding: 0 10px;
}
.app-section .store-btns div .store-name {padding: 0 10px;}
.app-section .store-btns div .store-name p{
    margin: 0;
}
.app-section .mobile-wrap {
    aspect-ratio: 1 / 1.5;
    width: 100%;
}
.app-section .mobile-image {width: 100%; height: 100%;}
.app-section .logo-on-mobile {
    left: 47%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(18deg)
}
/* .app-section .logo-on-mobile img {} */
.app-section .logo-on-mobile img {width: 100px}
.app-section .logo-on-mobile p {font-size: 30px;}

/* End  app section */

/* Start gallery section */
.gallery-section {padding-top: 80px;}
.gallery-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 185px);
    gap: 10px;
    position: relative;
    padding: 10px;
    border-radius: 50px;
    border: 1px solid var(--primary-clr);
}
.gallery-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
    transition: all 0.3s ease-in-out;
}
.gallery-container img:hover {transform: scale(1.07);}
.center-text {
    grid-column: 2 / span 4;
    grid-row: 2 / span 2;
    background-color: var(--primary-clr);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    border-radius: 0px;
}
.gallery-container img:nth-child(1) { grid-column: 1; grid-row: 1; border-top-left-radius: 50px;}
.gallery-container img:nth-child(2) { grid-column: 2; grid-row: 1; }
.gallery-container img:nth-child(3) { grid-column: 3; grid-row: 1; }
.gallery-container img:nth-child(4) { grid-column: 4; grid-row: 1; }
.gallery-container img:nth-child(5) { grid-column: 5; grid-row: 1; }
.gallery-container img:nth-child(6) { grid-column: 6; grid-row: 1; border-top-right-radius: 50px;}
.gallery-container img:nth-child(7) { grid-column: 1; grid-row: 2; }
.gallery-container img:nth-child(8) { grid-column: 6; grid-row: 2; }
.gallery-container img:nth-child(9) { grid-column: 1; grid-row: 3; }
.gallery-container img:nth-child(10) { grid-column: 6; grid-row: 3; }
.gallery-container img:nth-child(11) { grid-column: 1; grid-row: 4; border-bottom-left-radius: 50px;}
.gallery-container img:nth-child(12) { grid-column: 2; grid-row: 4; }
.gallery-container img:nth-child(13) { grid-column: 3; grid-row: 4; }
.gallery-container img:nth-child(14) { grid-column: 4; grid-row: 4; }
.gallery-container img:nth-child(15) { grid-column: 5; grid-row: 4; }
.gallery-container img:nth-child(16) { grid-column: 6; grid-row: 4; border-bottom-right-radius: 50px;}

/* End gallery section */

/* Start virtual section */
.virtual-section {padding-top: 80px;}
.virtual-section .virtual-wrap {
    border: 5px solid var(--primary-clr);
    border-radius: 50px;
    height: 700px;
    padding: 10px;
}
.virtual-section .virtual-wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    border-radius: 50px;
}
.virtual-section .virtual-wrap .overlay {
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.5);
}
.virtual-section .virtual-wrap .overlay h2 {font-size: 60px;}
.virtual-section .virtual-btn {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.virtual-section .virtual-btn circle{transition: all .2s ease-in-out;}
.virtual-section .virtual-btn:hover circle {fill: #000;}
/* End virtual section */

/* Start Instagram section */
.instagram-section {padding-bottom: 30px; padding-top: 80px}
.insta-title {font-size: 80px;color: var(--primary-clr);}
.instagram-section .image_wrap {width: 358px;height: 484px;}
.instagram-section .image_wrap::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--primary-clr);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 80px 80px 0 0;
}
.instagram-section .image_wrap:nth-child(1)::before {transform: rotate(18deg);left: 60px;}
.instagram-section .image_wrap:nth-child(2)::before {
    transform: rotate(4deg);
    height: 100%;
    border-radius: 182px;
    top: 16px;
    z-index: 2;    
    width: 103%;
    left: -5px;
}
.instagram-section .image_wrap:nth-child(3)::before {transform: rotate(-4deg);left: -47px;top: 11px;}
.instagram-section .image_wrap img {   object-fit: cover;border-radius: 80px 80px 0 0;}
.instagram-section .image_wrap {width: 358px;height: 484px;}
.instagram-section .image_wrap .img_1 {transform: rotate(13deg);left: 60px;}
.instagram-section .image_wrap .img_2 {transform: rotate(-5deg);top: 15px;}
.instagram-section .image_wrap .img_3 {transform: rotate(-10deg);right: 50px;}
.insta-logo {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: var(--primary-clr);
}
.folow-btn {max-width: 170px;}
.fllow-box {max-width: 350px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);margin-top: 100px;}

/* End Instagram section */

/* Start About us section */
.about-us-section {padding-top: 80px;}
.about-us-section > div {padding: 80px 0;}
.about-us-section .img-wrap {width: 100%;           /* or a % of parent, like 50% */
    aspect-ratio: 1 / 1; text-align: right;padding-right: 25px;padding-bottom: 35px;}
.about-us-section .img-wrap img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 50px;
}
.about-us-section .img-wrap::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-right: 50px solid var(--primary-clr);
    border-bottom: 50px solid var(--primary-clr);
    border-radius: 50px;
    position: absolute;
    top: auto;
    left: auto;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
.about-us-section .img-wrap::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 50px;
    position: absolute;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 20px;
    z-index: 2;
}
.about-us-section .section-title {
    font-size: 65px;
}
.about-us-section .text-section{font-size: 20px;}


/* End About us section */

/* Start shop section */
.shop-section {
    background-image: url('../images/bread-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    background-attachment: fixed;
}
.shop-section .text-wrap {
    max-width: 1000px;
}
.shop-section .section-title h2 {max-width: 700px;}
/* End shop section */

                                    /************************ Start order page style *******************/
.sections-wrap-container.pages-class {padding-top: 117px;}
.sections-wrap-container.non-main-page {margin-top: 0px; padding-top: 100px;}
.page-content .for-margin-top {position: relative;top: -200px;}
.page-title {font-size: 60px;}
.page-content .items-filter {min-width: 250px;}
.filter-tools .search-icon {
    width: 50px;
    height: 50px;
    background-color: #000;    
}
.search-input {height: 48px; width: 0px; border:1px solid #000; transition: all .3s ease-in-out; border-radius: 50%; left: 25px; top:50%; transform: translate(0, -50%);}
.search-input.open {width: 250px; left:0; padding-left: 60px; border-radius: 50px; }
.search-input:focus {outline: none; border:1px solid #000;}

.filters-btns-container ul li a {transition: all .2s ease-in-out;}
.filters-btns-container .filter-link-items.active, .filters-btns-container .filter-link-items:hover {
    background-color: var(--primary-clr);
    color: #000 !important; 
}
.filters-btns-container.fix-top {
    top:0;
    z-index: 9999;
}
.tabs-btns li:not(:last-child){margin-right: 30px;}
.tabs-btns li a {font-size: 20px;}
.tabs-btns li a.active {
    border-bottom: 3px solid var(--primary-clr);
    color: var(--primary-clr);
}
.parent-tab {min-height: 540px;}
.filters-btns-container ul li:not(:last-child) a {margin-right: 20px;}
.filters-btns-container .owl-nav button {position: absolute; top: 50%; transform: translate(0, -50%);}
.filters-btns-container .owl-nav button.owl-prev {left: -40px;}
.filters-btns-container .owl-nav button.owl-next {right: -40px;}

.meal-box {border-bottom: 1px solid #000;}
.meal-box  .text-box {padding-bottom: 65px;}
.additions-cart-wrap {position: absolute; left: 0; bottom: 15px; width: 100%;}

.meal-box .meal-image {    
    min-width: 90px;
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    border:2px solid var(--primary-clr)
}
.meal-box .price {line-height: 1.2; min-width: 70px;}

/* Start offers box */
.offers {background-color: #ECE9DA}
.offers .offer-text {min-width: 60%;width: 60%;}
.offers .offer-image {min-width: 40%;width: 40%;}
.offers .offer-image img {width: 100%;height: 400px;object-fit: cover;}
.offers .arrow-link-btn {background-color: var(--primary-clr); width: 60px; height: 60px; border-radius: 50%;}
.offers .arrow-link-btn svg path {transition: all .2s ease-in-out;}
.offers .arrow-link-btn:hover svg path {fill: #fff;}
.arrow-link-btn:hover::before {width: 150px; height: 150px;}
.offers .owl-dots, .rounded-slider .owl-dots {position: absolute;left: 81px;bottom: 17px;}
.offers .owl-dots .owl-dot, .rounded-slider .owl-dots .owl-dot {
    height: 20px;
    width: 20px;
    border: 1px solid #000;
    border-radius: 50%;
}
.offers .owl-dots .owl-dot:not(:last-child), .rounded-slider .owl-dots .owl-dot:not(:last-child){margin-right: 5px;}
.offers .owl-dots .owl-dot.active, .rounded-slider .owl-dots .owl-dot.active {background-color: #000;}
/* End offers box */

.checked-box input[type="radio"] {z-index: -1;}
.checked-box input[type="radio"]:checked + label h3, .checked-box input[type="radio"]:checked + label p,
.label-delivery-method.black-hover-bg:hover h3,
.label-delivery-method.black-hover-bg:hover p
{color: #000 ;}
.checked-box input[type="radio"]:checked + label {background: var(--primary-clr);}
.label-delivery-method {width: 180px; height: 45px; border: 1px solid #000; background-color: transparent; border-radius: 50px;}
.label-delivery-method h3 {line-height: 1;}
.label-delivery-method::before {background-color: var(--primary-clr);}

.label-delivery-method svg {min-width: 33px;}
.label-delivery-method svg.for-width-svg {min-width: 20px;}
.label-delivery-method svg path {transition: all .2s ease-in-out;}
/* .label-delivery-method:hover svg path, .checked-box input[type="radio"]:checked + label svg path {fill: #fff;} */


.delete-btn, .delete-btn1 {
    border-radius: 10px;
    border: 1px solid #000;
    background-color: transparent;
    width: 30px;
    height: 30px;
}
.coupon-input {height: 42px;}
.slide-right {right: -500px}
.to-hide-right {position:relative}
/* .to-hide-right, .to-edit-classes {transition: all .3s ease-in-out; transition-delay: .3s;} */
.to-edit-classes {transition: all .3s ease-in-out; transition-delay: .3s;}
.close-btn {top: 8px; right: 18px; position: absolute;}
.price-value {background-color: var(--primary-clr);}
.additions-box .spicy {background-color: #CD0C0126;}
.additions-box .vegetarian {background-color: #01CD2638;}
.additions-box > div:not(:last-child) {margin-right: 10px;}
.iframe-wrap iframe {
    border-radius: 20px;
    max-width: 500px;
    max-height: 350px;
}
.note-top-input {
    top: 3px;
    left: 30px;
    font-size: 14px;
    color: #6b7280;
}
.custom-radio-checkout:checked + .custom-bolid-input-mark{border: 4px solid #000 !important;}
.tip-list li input[type="radio"]:checked + p {background-color: var(--primary-clr);}
.custom-wizard-steps li {width: 50%}
                                    /************************ End order page style *******************/

                                    /************************ Start checkout page style *******************/
.steps-list a.nav-link {
    width: 100%;
    height: 85px;
    border: 1px solid #000;
    border-radius: 50px;
}
.tab-content {height: auto !important;}
.sw-theme-arrows>.nav .nav-link.active, .sw-theme-arrows>.nav .nav-link.done {border-color: #000;}
.sw-theme-arrows>.nav .nav-link.active::before, .sw-theme-arrows>.nav .nav-link.active::after,
.sw-theme-arrows>.nav .nav-link.done::before, .sw-theme-arrows>.nav .nav-link.done::after,
.sw-theme-arrows>.nav .nav-link.default::before,
.sw-theme-arrows>.nav .nav-link.default::after
{display: none;}
.sw-theme-arrows>.nav .nav-link {margin-inline: 0;}
.steps-list div.active, .steps-list a.nav-link.active, .steps-list a.nav-link.done {
    background-color: var(--primary-clr) !important;
}
.sw-theme-arrows>.nav .nav-link.active h5,
.sw-theme-arrows>.nav .nav-link.active p,
.sw-theme-arrows>.nav .nav-link.done h5,
.sw-theme-arrows>.nav .nav-link.done p
{color: #fff !important;}
.sw-theme-arrows>.nav .nav-link.active svg path, .sw-theme-arrows>.nav .nav-link.done svg path{fill: #fff;}
.sw-toolbar-elm {display: none !important;}

.sw-theme-arrows {
    border: none !important;
}
.sw-theme-arrows>.nav .nav-link.default {border-bottom: 1px solid #000;}
.black-text {color: #000; border: 1px solid}
.black-text span {transition: all .2s ease-in-out}
.black-text:hover span {color: #fff}
.input-icon {top: 14px; right: 20px;}
input.has-icon {padding-right: 72px;}
.back-btn {font-size: 21px;}

  table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
  }
  
  /* Round only the top corners of the thead */
  thead tr:first-child th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  
  thead tr:first-child th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .orders img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;    
    -o-object-position: center;
    border-radius: 8px;

  }
  .orders:not(:last-child) {margin-bottom: 20px;}
  .next-back-btns .button-style {min-width: max-content;}

                                    /************************ End checkout page style *******************/

                                    /************************ Start user pages style (login + register + forget password) *******************/
.user-wrap-page {padding: 100px 0; background-color: #edeadb;min-height: 118vh;}
.form-wrap {width: 100%;max-width: 500px;}
.large-checkbox {width: 24px;height: 24px;border-color: #000}
.form-check-input:checked {background-color: var(--primary-clr);border-color: #000;}
.custom-checkbox:checked {
    background-color: var(--primary-clr);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
}
.form-check-input:focus {box-shadow: 0 0 0 .25rem rgba(248, 128, 0, 0.3); border-color: var(--primary-clr);}
.big-bg:hover::before {width: 1000px;}
.title-reg-social-media::after, .title-reg-social-media::before{
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); 
}
.title-reg-social-media::after {left: -60px;}
.title-reg-social-media::before {right: -60px;}
.social-media-btn svg path {transition: all .2s ease-in-out;}
.social-media-btn:hover svg path{fill: #fff;}
.user-wrap-page .first-img {max-width: 270px;top: 71px;left: 72px;}
.user-wrap-page .second-img {top: 80px;right: 99px;max-width: 371px;}
.user-wrap-page .third-img {bottom: 53px;right: 28px;max-width: 470px;}
.user-wrap-page .fourth-img {bottom: 125px;left: 170px;max-width: 200px;}
.bottom-shape-img {bottom: -67px;width: 100%;}
.forgot-password-card {display: none;}

.eye-icon-wrap, .password-input-wrap .eye-icon-wrap{right: 10px; top: 12px !important; transform: translateY(0) !important;}

.order-line .bolid{
    width: 30px;
    height: 30px;
    margin: auto;
    background-color: #000;
    border-radius: 50%;
}
.order-line .phase-col.active .phase-box .bolid {background-color: var(--yellow-orange);}
.order-line .phase-col:not(:first-child) .phase-box::before{
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    right:50%;
    width: 100%;
    height: 5px;
    background-color: #000;
}
.order-line .phase-col.active .phase-box::before {background-color: var(--yellow-orange);}
.order-line .phase-col:first-child .phase-box::before, .order-line .phase-col:last-child .phase-box::after{ display: none;}
.personal-image {height: 60px; width: 60px;}
.person-details .icon-wrap {
    width: 45px;
    height: 45px;
    width: 47;
    border: 1px solid #E8EBE6;
}

                                    /************************ End user pages style *******************/
                                    /************************ Start user Dashboard style *******************/
.bread-crumb li {font-size: 30px; font-weight: bold;}
.bread-crumb li:not(:last-child) {margin-right: 36px;}
.bread-crumb li:not(:last-child)::after {
    content: '>';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -44px;
    top: 2px;
    
}
.dashboard-wrap {border-top: 1px solid #A4A4A4;}
.tab-list {
    border-right: 1px solid #A4A4A4;
    min-height: 600px;
    font-size: 18px;
}
.tab-list li {
    border-bottom: 1px solid #A4A4A4;
}
.label-dash {min-width: 100px;}
.dashboard-wrap .btns-width {min-width: 200px;}
.dashboard-wrap .order-image {width: 120px;height: 120px;}
.dashboard-wrap .items-count {height: 55px;width: 55px; border:1px solid #000}
.dashboard-wrap .price {color: var(--primary-clr);}
.tabs-container .tab:not(:first-child), .tabs-container .parent-tab:not(:first-child) {display: none;}
.tab-list li a {border-bottom: 1px solid transparent}
.tab-list li a.active {border-color: var(--primary-clr)}
.show_password {transform: translateY(-50%);right: 13px;    }
.profile-image-wrap {width: 130px;height: 130px;}
.upload-btn {background-color: var(--primary-clr); width: 48px; height: 48px; }
.profile-image-wrap [type="file"] {display: none;}
.main-address {background-color: var(--primary-clr); padding-bottom: 13px; padding-block: 15px;border-radius: 15px;}
.main-address-mark {display: none;}
.main-address .main-address-mark {display: inline-block; border: 1px solid #000;}
.phone-box input#phone, .phone-box input#phoneNumber {padding-left: 110px;}
.phone-box .country_code_wrap {width: 100px;height: 100%;}
.phone-box .country_code_wrap * {font-family: "Lato", sans-serif;}
.select2-results__option {font-family: "Lato", sans-serif; font-size: 14px;}
.select2-container, .select2-container .selection, .select2-container--default .select2-selection--single {height: 100%}
.phone-box-checkout .select2-container .selection {height: 50px; display: block;}
.select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
    border: none;
    border-right: 1px solid #000;
    border-radius: 0;
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:calc(50% - 13px)}
.select2-container--open .select2-dropdown--above {border: 1px solid #000;border-radius: 5px;overflow: hidden;}
.reorder-btn svg {position: relative; z-index: 33;}
.reorder-btn:hover svg path {fill: #fff !important;}
.order-details > div .meal-name:not(:last-child) {border-bottom: 1px solid #000;}
.order-details > div .meal-name:first-child {padding-top: 0 !important;}
.id-number {width: 50px}

                                    /************************ End user Dashboard style *******************/
                                    /************************ Start faq style *******************/
.accordion-button:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
/* button[aria-expanded="true"] {

} */
/* .accordion-collapse.show, button[aria-expanded="true"] {background-color: var(--primary-clr) !important;} */
.accordion-item.active {background-color: var(--primary-clr) !important; color: #fff}
.accordion-item.active .accordion-button {color: #fff}

.accordion-button::after {
    background-image: url('../images/icon/collapsed-q-icon.svg');
}
.accordion-item.active .accordion-button::after{
    background-image: url('../images/icon/not-collapsed-q-icon.svg');
}
                                    /************************ End faq style *******************/


/* Star footer */
.footer {padding: 100px 0;}
.footer .sub-footer-input {width: 400px; border-color: #fff;}
.footer h2 {font-size: 50px;}
.foods-type-list li{border: 1px solid #A4A4A4;padding: 8px;transition: all .2s ease-in-out;}
.footer-subscribe-btn {font-size: 16px; transition: all .2s ease-in-out; border: 1px solid transparent}
.footer-subscribe-btn:hover{border-color: #fff}
.lang-btn {max-width: 128px; color: #000; border: 1px solid transparent; transition: all .2s ease-in-out; font-size: 17px; height: 43px;}
.lang-btn:hover {color: #fff; border-color: #fff;}
.lang-btn .lang-icon {min-width: 18px;}
.lang-btn svg .lang-icon path {transition: all .2s ease-in-out;}
.lang-btn:hover svg.lang-icon path {fill: #fff;}
.foods-type-list li:not(:last-child) {border-right: none;}
.foods-type-list li:first-child {border-radius: 5px 0 0 5px;}
.foods-type-list li:last-child {border-radius: 0px 5px 5px 0px;}

.foods-type-list li:hover {background-color: var(--primary-clr);}
.foods-type-list li svg path{transition: all .2s ease-in-out;}
.foods-type-list li:hover svg path {fill: #000;}
.footer-link {transition: all .2s ease;}
.footer-link:hover {color: var(--primary-clr) !important;}
                    /************ copy right **********/
.copy-right {border-top: 1px solid #fff;}
/* End footer */


/* Start cart list */
.cart-list-wrap {width: 400px; z-index: 999;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.cart-list-wrap .cart-icon-wrap {background-color: #EEEBDC;}
.cart-list-wrap .colse-cart span{background-color: #FBFBF0; width: 100%; height: 100%; border-radius: 50%;}

.cart-list-wrap .colse-cart  {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    background-color: #EEEBDC;
    cursor: pointer;
}
.counter-num .btn-minus, .counter-num .btn-plus, .cart-list-wrap .delete-btn,
.counter-num .btn-minus1, .counter-num .btn-plus1, .cart-list-wrap .delete-btn1 {
    border-radius: 10px;
    border: 1px solid #000;
    background-color: transparent;
    width: 30px;
    height: 30px;
}

.counter-num .count-num {width: 40px; height: 29px;}
.cart-list-wrap .aside-cart-list {
    border-bottom: 1px solid #000;
    max-height: 420px;
    overflow: auto;    
} 
.opened-cart-list{max-height: 244px; overflow: auto;}
.cart-list-wrap {right: -450px; transition: all .3s ease-in-out;}
.cart-list-wrap.open {right: 0px}

.cart-order {position: absolute;top: auto;}
.fixed {position: fixed !important;top: 80px;}
.stop {position: absolute !important;bottom: 0;}

/* End cart list */

/* Start cart modal */
.cart-modal .image-meal-wrap{height: 270px; margin-top: -65px;}

.cart-modal .modal-content {border-radius: 19px;}
.cart-modal .select-title {min-width: 100px;}
.custom-bolid-input-mark {
    border-radius: 50%;
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #000;
}
.custom-bolid-input-mark::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.custom-radio-input {display: none;}
.custom-radio-input:checked + .custom-bolid-input-mark::before {background-color: var(--primary-clr);}
.custom-ckeckbox .custom-bolid-input-mark, .custom-ckeckbox .custom-bolid-input-mark::before {border-radius: 7px;}
.addition-img {width: 60px; height: 60px;}
.custom-ckeckbox .custom-bolid-input-mark {border-width: 1px;}
.box-container {overflow: hidden;transition: height 0.3s ease;}
.show-more svg {transition: all .2s ease-in-out;}
.show-more .angle-rotate {transform: rotate(-180deg);}
.info-details-box, .info-details-box-additions {display: none;}
.hover-text-white-btn span, .hover-text-white-btn svg path {transition: all .2s ease-in-out;}
.hover-text-white-btn:hover span {color: white;}
.hover-text-white-btn:hover svg path {fill: white;}
.close-btn.dark-close-icon {border-color: #000 !important;}
.close-btn.dark-close-icon svg path{fill: #000;}
.close-btn.dark-close-icon svg rect {stroke: #000;}
.options-wrapper {display: none; margin-top: .5rem;}
.selections-box h5.options-question {position: relative; }
.selections-box h5.options-question::after {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='black' stroke-width='2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 8l6 6 6-6'/%3E%3C/svg%3E");
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 14px);     
    transition: transform 0.3s ease;  
}
.selections-box div.options-question {position: relative; }
.selections-box div.options-question::after {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='black' stroke-width='2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 8l6 6 6-6'/%3E%3C/svg%3E");
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 14px);     
    transition: transform 0.3s ease;
}
.options-wrapper > div:last-child {margin-bottom: 0 !important;}
.selections-box h5.options-question.open::after {transform: rotate(180deg);}
.selections-box h5.options-question {margin-bottom: 0;}
.selections-box div.options-question.open::after {transform: rotate(180deg);}
.selections-box div.options-question {margin-bottom: 0;}
.form-select:focus{border-color: #000; box-shadow: 0 0 0 .25rem rgba(0, 0, 0, 0.3);}
.selected-value {background-color: var(--primary-clr); line-height: 1; font-size: 15px;}
.modal-body-custom {max-height: 464px;overflow: auto; padding-top: 65px !important;}
.position-static-important {position: static !important; margin: 0 !important;}
.fixed-scroll-header {position: absolute;top: 0; z-index: 9999;background: #fff;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);}

/* End cart modal */

/* Start left nav menu */
.left-nav-menu {
    width: 50%;
    z-index: 999;
    background-color: var(--primary-clr);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    transition: all .5s ease-in-out;
    left: -930px;
}
.left-nav-menu.open {left: 0;}
.left-nav-menu .close-icon {
    border: 5px solid #363429;
    background-color: #000; 
    height: 60px;
    width: 60px;    
}

.left-nav-menu .login-link-btn {
    border: 5px solid #363429;
    background-color: #000;
    color: white;
    height: 60px;
    width: 150px;
}
.left-nav ul li a {transition: all .2s ease-in-out ;}
.left-nav .active, .left-nav ul li a:hover {
    color: white;
}

.social-media li:not(:last-child){
    margin-right: 20px;
}

/* End left nav menu */

/*Start Select delivery method btns*/
.modal-text-p {font-size: 25px;}
.modal .your-city{display: none;}
.modal .your-city select {height: 55px;}
.selectable_btn .svg-icon path{fill: #fff;}
.select-method-input {z-index: -2;}
.select-method-input:checked ~ .bg-clr-selected {background-color: var(--primary-clr);}
.select-method-input + label {z-index: 10;}
.your-city select option::after {
    content: '111';
    display: block;
    /* position: absolute; */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
}
.your-city {
    display: none;
}
/*End Select delivery method btns*/


.starability-coinFlip>label:after, .starability-coinFlip>label, .starability-coinFlip>label:before, .starability-result, .starability-result:after {
    background-image: url('../images/icon/rating-stars1.png');
}
.avatar-rating-image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

/* Start cookies */
.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
}

.cookies-item-details {background-color: #EAE7D8;}

.cookies-item-details * {font-family: "Lato", sans-serif; font-weight: 400; font-style: normal;}
.cookies-item .cookies-item-details .item-content {border-top: 1px solid #bbb9ad;}
.cookies-item:not(:first-child) .cookies-item-details .item-content {display: none;}
.cookies-item.open .header-item-details svg {transform: rotate(180deg);}
.hide-cookie-banner #cookie-banner {display: none !important;}
/* End cookies */