@import url('https://fonts.googleapis.com/css2?family=Squada+One&display=swap');

.squada-one-regular {
    font-family: "Squada One", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  p, a {font-family: "Poppins", sans-serif;}
  
  html {scroll-behavior: unset !important;}
.sections-space {margin-bottom: 60px;}
.peachpuff-bg-clr {background-color: #FEE8D6}
a {text-decoration: none;}
.primary-bg {background-color: var(--primary-color);}
.primary-clr {color: var(--primary-color);}
.cursor-pointer {cursor: pointer;}
.input-style {
    background-color: transparent;    
    height: 50px;
    padding: 0 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    border:1px solid #000;
}
.cursor-pointer {cursor: pointer;}
.hover-btn{transition: all .2s ease-in-out;}
.hover-btn:hover {background-color: #000 !important; color: #fff !important;}
.text-hover {transition: all .2s ease-in-out; border-bottom: 1px solid transparent;}
.text-hover:hover {border-bottom: 1px solid #fff;}
  
  /***************** Start header **********************/
  header {z-index: 99;}
 .nav-btn-wrap, .logo-h-wrap {height: 95px;width: 95px; transition: all .5s ease-in-out; min-width: 95px;}
/* .logo-header {height: 67px; width: 67px; object-fit: contain;}
.logo-bg {background: linear-gradient(90.63deg, var(--primary-color) 50.48%, #A4076A 100.35%);} */

.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-btn-wrap:hover{cursor: pointer;}
.nav-btn-bg {background: var(--primary-color);}
/* Start nav button */
.mobile-nav-button {
    width: 35px;
    position: relative;
    margin: 2rem;
    right: 0;
    top: 0;
    z-index: 9999;
    cursor: pointer;
    width: 45px;
    height: 30px;
  }
  .mobile-nav-button .mobile-nav-button__line {
    width: 100%;
    height: 4px;
    background: #fff;
    position: relative;
    transition: 1s ease;
    border-radius: 20px;
  }
.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) {margin: 0.6rem 0;}
.mobile-nav-button .mobile-nav-button__line--1 {transform: rotate(45deg);top: 13px;position: absolute;}
.mobile-nav-button .mobile-nav-button__line--2 {display: none}
.mobile-nav-button .mobile-nav-button__line--3 {transform: rotate(135deg);top: 13px;position: absolute;}
  /* End nav button */
.nav-list {right: 3px; top: 105%; overflow: hidden; width:auto}
.nav-list .nav-item {
    width: 95px;
    height: 95px;
    transition: right .2s ease-in-out;
    position: relative;
    right: -100%;
    margin-left: auto;
}
.nav-list.open {width: auto}
.nav-list.open .nav-item{right: 0;}
.nav-list .nav-item .nav-link {transition: transform .4s ease-in-out}
.nav-list .nav-item:hover .nav-link{transform: rotate(360deg);}
.nav-list .nav-item .nav-link {background-color: var(--primary-color)}
.nav-list .nav-item:nth-child(2) {transition-delay: .2s}
.nav-list .nav-item:nth-child(3) {transition-delay: .4s}
.nav-list .nav-item:nth-child(4) {transition-delay: .6s}
.nav-list .nav-item:nth-child(5) {transition-delay: .8s}

.color-palette {
    position:absolute;
    right: calc(100% + 10px);
    height: 95px;
    top: 0;
    display: none;
}
.color-palette ul li {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    overflow: hidden;
}
.color-palette ul li:not(:last-child) {margin-right: 10px;}
.user-dropdown, .login-btn {    
    display: block;
    width: 95px;
    height: 95px;
    min-width: 95px;
    transition: all .5s ease-in-out;
}
header.scrolled .user-dropdown, header.scrolled .login-btn, header.scrolled .nav-btn-wrap{width: 70px;height: 70px; min-width: 70px;}
header .user-dropdown svg, header .login-btn svg{transition: all .5s ease-in-out;}
header.scrolled .user-dropdown svg {width: 30px; height: 30px;}
header.scrolled .login-btn svg {width: 30px; height: 30px;}

header.scrolled .mobile-nav-button{width: 32px;}
header.scrolled .mobile-nav-button .mobile-nav-button__line:nth-of-type(2) {margin: 0.4rem 0;}
header.scrolled .mobile-nav-button {height: 26px;}

.user-dropdown .dropdown-toggle, .login-text {background-color: var(--primary-color);}
.login-text {font-size: 15px;}
.user-dropdown .dropdown-toggle::after{display: none;}
.user-dropdown .dropdown-menu {
    top: 12px !important;
    background: var(--primary-color);
    border: 3px solid #fff;
}
.user-dropdown .dropdown-menu::after {
    content: '';
    display: block;    
    border: 12px solid #fff;
    border-color:  transparent transparent white transparent;
    position: absolute;    
    top: -26px;
    left: 31px;
}

/* Start cart list */
.cart-list-wrap {width: 400px; z-index: 999;border-top-left-radius: 40px;border-bottom-left-radius: 40px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.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 , .cart-list-wrap .edit-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: 220px; 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;} */



.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-color);}
.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;}

.delete-btn, .delete-btn1, .edit-btn1 {
    border-radius: 10px;
    border: 1px solid #000;
    background-color: transparent;
    width: 30px;
    height: 30px;
}
.coupon-input {height: 42px;}
/* End cart list */

.reservation-section .reservation-btn, .shop-section .shop-btn, .button-style
 {border: none; outline: none; background-color: var(--primary-color); height: 50px;}




  /***************** End header **********************/

 /* Start Full-screen (hero)*/
.hero-section {height: 100vh; padding-top: 75px;}
.hero-section .text-box h1.main-title {
    font-family: Squada One;
    font-weight: 400;
    font-size: 100px;
    line-height: 100%;    
    text-transform: uppercase;    
    color: var(--primary-color);
}
.hero-section .text-box h3.sub-title{font-size: 32px;}

.delivery-method-btn {width: 199px;height: 60px;font-size: 20px;}
.slider-wrap-bg {    
    width: fit-content;
    background: linear-gradient(88deg, #FF8303 16.36%, #FFFFFF 57.95%);
    
}
.main-slider {width: 500px; aspect-ratio: 1 / 1;}
.main-slider .item .slide-image {
    width: 500px;
    aspect-ratio: 1 / 1;
}
#custom-dots .owl-dot {
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: none;
    border-radius: 50%;
}
#custom-dots .owl-dot.active, #custom-dots .owl-dot:hover {background-color: var(--primary-color);}
/* End Full-screen (hero)*/

/*Start second section */
.second-section {padding: 80px 0; background: linear-gradient(177.61deg, #FFFFFF 25.12%, #FEE8D6 99.79%);}
.second-section h2{font-size: 50px;}
.second-section h2 span {color: var(--primary-color)}
.second-section .info-list li:not(:last-child) p{border-bottom: 1px solid #A4A4A4;} 
.category-box {border-color: var(--primary-color) !important; border-width: 2px !important; font-size: 20px; transition: all .3s ease-in-out;}
.category-box:hover{background-color: var(--primary-color);}
a.category-box {color: #000 !important;}
.category-box p {transition: all .3s ease-in-out;}
.category-box:hover p { color: #fff !important;}
.second-section .arrow-link-btn {
    background-color: var(--primary-color);
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    bottom:-60px
}
/*End second section */

/* Start offers section */
.offers-section {padding-block: 100px; padding-bottom: 40px;}
.btn-style {
    width: 140px;
    height: 46px;
    background-color: var(--primary-color);
    
}
.transparent-btn {border: 1px solid var(--primary-color); width: 140px;height: 46px; text-align: center;}
.offers-section .section-title {font-size: 54px;}
.offers-slider .slide-image {max-width: 600px; max-height: 600px;}

.offers-section::after {
    content: '';
    display: block;
    width: 43%;
    height: 276px;
    border-radius: 20px;
    position: absolute;
    right: 0;
    bottom: -47px;
    background-color: var(--primary-color);
}

.offers-slider .owl-dots {
    text-align: right;
    height: 30px;
    display: flex;
    gap: 7px;
    position: absolute;
    right: 255px;
    bottom: -55px;
    align-items: center;
}
.offers-slider .owl-dots button.owl-dot {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: all .2s ease-in-out;
}
.offers-slider .owl-dots button.owl-dot.owl-dot.active{height: 30px; width: 30px;}

/* End offers section */

/* Start menu section */
.section-title {font-size: 3rem;}
.menu-section {
    background: linear-gradient(177.61deg, #FFFFFF 25.12%, #FEE8D6 99.79%);       
    padding: 100px 0;

}
.menu-section .menu-list-home {margin-left: 45px;}
.menu-section .menu-list-home li:not(:last-child) a:hover {
    border-bottom: 1px solid #fff;
}
.menu-list-home li:not(:last-child) {margin-bottom: 15px;}
.menu-section .bg-shape {
    height: 1000px;    
    width: 65%;
    background: var(--primary-color);        
    left: -498px;
    bottom: 0px;

}
.res-menu-item {min-height: 550px;background-color: #fff;padding: 2rem 1rem}
.res-menu-item img {
    width: 90% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;    
    border: 3px solid var(--primary-color);
}
.meal-description, .res-menu-item .meal-price {color: var(--primary-color);}
.res-menu-item .meal-price {font-size: 25px;font-weight: 500;}
.food-slider .owl-prev {
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    z-index: 99;
}
.food-slider .owl-next {
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    z-index: 99;
}
/* End menu section */

/* Start app section */
.app-section {
    padding: 80px 0;
    background: linear-gradient(177.61deg, #FFFFFF 25.12%, #FEE8D6 99.79%);
    overflow: hidden;
}

.app-section::after {
    content: '';
    display: block;
    width: 60%;    
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border-top-left-radius: 0;
    position: absolute;
    top: -141px;
    left: -30px;
    background-color: var(--primary-color);
}
.app-section .text-box {max-width: 630px;}
.app-section .title {font-size: 50px;}
.app-section .title + p {font-size: 22px;}
.app-section .phone-image {max-width: 450px;}
.app-section .store-btns a{color: #000; border-radius: 20px; display: flex; border: 1px solid #fff; padding: 17px 0px; width: 260px;}
.app-section .store-btns a:hover .store-icon {border-color: #fff;}
.app-section .store-btns .store-icon {border-right: 1px solid #00000033;padding: 0 10px;}

.app-section .store-btns div .store-name {padding: 0 10px;}
.app-section .store-btns div .store-name p{margin: 0;}

/* End app section */

/* Start Restaurant contact information section */
.global-restaulant {
    background: linear-gradient(182.12deg, #FFFFFF 1.69%, #FF8303 99.87%);    
    height: 100vh;
    overflow: hidden;
    padding-top: 100px;
}
.address-circle, .virtual-circle, .reservation-circle{    
    position: absolute;
    border-radius: 30px 30px 0 0;
    border: 10px solid #fff;
    border-bottom: none;
}
.address-circle {
    top: 0;
    left: 0;
    right: 0;    
    background: linear-gradient(180deg, rgba(255, 131, 3, 0.11) 0%, #FEE8D6 46.71%);
}
.virtual-circle, .reservation-circle {    
    transition: all 0.5s ease;
    top: 100%;
    left: 20px;
    right: 20px;
}
.virtual-circle {background: linear-gradient(178.96deg, #FFAA52 0.9%, #FEE8D6 93.36%);}
.reservation-circle{background: linear-gradient(178.96deg, #FF8303 0.9%, #FEE2CB 93.36%);
    left: 40px;
    right: 40px;
}
.virtual-image-box {max-width: 650px;height: 330px;}
.virtual-btn {position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: max-content;}
.input-text-style:focus {outline-color: var(--primary-color); border-color: var(--primary-color);}
.reservation-form {max-width: 600px;}
.reservation-form .reservation-input-style {width: 100%;}
.circle-title {font-size: 40px;}
.strok-title {color: var(--primary-color); font-size: 30px;
text-shadow:
    -3px -3px 0 white,
    -3px  0px 0 white,
    -3px  3px 0 white,
     0px -3px 0 white,
     0px  3px 0 white,
     3px -3px 0 white,
     3px  0px 0 white,
     3px  3px 0 white;
}
.iframe-map {width: 350px; height: 350px; border-radius: 50%;}
.address-circle .iframe-map {width: 340px; height: 340px;}
.address-text {max-width: 400px;}
.fancybox__content {padding: 5px;}
/* End Restaurant contact information section */

/* Start Gallery section style */
.gallery-section {background: linear-gradient(182.12deg, #FEE8D6 1.69%, #FEE8D6 47.38%, #FEE8D6 99.87%);}
.gallery-section .meal-item {width: 20%; /* 5 per row */aspect-ratio: 1 / 1;}
.gallery-section .meal-item:nth-child(8) {background: var(--primary-color); border: 5px solid #fff;}
.gallery-section .meal-item{transition: all .3s ease-in-out;}
.gallery-section .meal-item:hover {scale: 1.2;}
.gallery-section .meal-item .our-logo, .gallery-section .meal-item .menu-logo {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out;
}
.gallery-section .meal-item .menu-logo {top: 127%;}
.gallery-section .meal-item:hover .our-logo {top: -127%}
.gallery-section .meal-item:hover .menu-logo {top: 50%;}
.hide-scrollbar {  
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}
.hide-scrollbar::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}

.gallery-logo {width: 135px;}
.gallery-section .meal-item > img {border: 3px solid #fff;}
.gallery-section .menu-text {font-size: 70px;}
/* End Gallery section style */
/* Start Instagram section */
.instagram-section {
    padding-bottom: 30px;
    padding-top: 80px;
    background: linear-gradient(360deg, #FFFFFF 25.12%, #FEE8D6 99.79%);
}
.insta-title {font-size: 60px;color: var(--primary-color);}
.instagram-section .image_wrap {width: 358px;height: 484px;}
.instagram-section .image_wrap::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    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-color);
}
.folow-btn {max-width: 170px;}
.fllow-box {max-width: 350px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);margin-top: 100px; border: 1px solid var(--primary-color);}

/* Start Instagram section */
/* Start About us section */
.about-us-section {
    background: linear-gradient(360deg, #FFFFFF 25.12%, #FEE8D6 99.79%);
    padding: 80px 0;
    min-height: 750px;
}
.about-image-wrap {
    border-radius: 50%;
    border-bottom-left-radius: 0;
    overflow: hidden;
    width: 750px;
    height: 690px;
    
    
}
.about-image-wrap::after {
    content: '';
    display: block;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    border: 4px solid #fff;
    position: absolute;
    top: -150px;
    left: -145px;
    z-index: 2;
}
.about-image-wrap::before {
    content: '';
    display: block;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    border: 4px solid #fff;
    position: absolute;
    top: -160px;
    left: -211px;
    z-index: 2;
}

.about-image-wrap img {
    border-radius: 50%;
    border-bottom-left-radius: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.tow-boxes-wrap {position: absolute;right: 238px;top: 294px;
}
.about-us-section .box-1 {background-color: #fff;width: 320px;height: 320px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.about-us-section .box-2 {background-color: var(--primary-color);width: 320px;height: 320px;}
.about-us-section .box-2, .about-us-section .box-1 {border-radius: 50%;border-top-left-radius: 0;}
/* End About us section */



                                    /************************ Start menu page style *******************/
.page-wrap {background: linear-gradient(0deg, #FF8303 0%, rgba(255, 255, 255, 0.1) 100%);}
.for-padding-top {padding: 150px 0 100px; border-radius: 0 0 20px 20px; margin-bottom: 100px;}
.sections-wrap-container.pages-class {padding-top: 117px;}
.sections-wrap-container.non-main-page {margin-top: 100px; padding-top: 180px;}
.page-content {padding-top: 150px; padding-bottom: 100px;}
.page-content .items-filter {min-width: 250px;}
.filter-tools .search-icon {
    width: 50px;
    height: 50px;
    background-color: #000;    
}
.search-input {height: 50px; 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-color); color: #000 !important; 
}
.tabs-btns li:not(:last-child){margin-right: 30px;}
.tabs-btns li a {font-size: 20px;}
.parent-tab {min-height: 540px;}
.parent-tab:not(:first-child){display: none;}
.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;}

.additions-cart-wrap {position: absolute; left: 0; bottom: 15px; width: 100%;}
.meal-box {border-radius: 86px; padding-bottom: 80px;}
.meal-box .meal-image {    
    /* min-width: 150px; */
    width: 91%;
    /* height: 150px; */
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;    
    border:3px solid #fff
}
.meal-box .price {line-height: 1.2;}
.meal-box .additions-list {row-gap: 0 !important}
.gastro-sm-logo {width: 60%;}
.add-cart-btn {
    background-color: var(--primary-color);
    height: 50px;
    width: 50px;
    bottom: 23px;
    left: 50%;
    transform: translateX(-50%);
}

.tabs-container .tab:not(:first-child) {display: none;}
/* Start parents tabs */
 .tabs-btns li a::after, .tabs-btns li a::before {
    content: '';
    display: block;
    width: 0%;
    position: absolute;    
    right: 0;
    height: 2px;
    bottom: -4px;
    background-color: var(--primary-color);
    transition: all .3s ease-in-out;
}
.tabs-btns li a::before {bottom: -3px; left:0}
.tabs-btns li a.active::before, .tabs-btns li a.active::after {width: 100%;}
.tabs-btns li a.active::after {top: -3px;}
/* End parents tabs */


/*////Start cart details right side/////*/
.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{color: #000 ;}
.checked-box input[type="radio"]:checked + label {background: var(--primary-color);}
.label-delivery-method {width: 100%; height: 45px; border: 1px solid var(--primary-color); background-color: transparent; transition: all .2s ease-in-out;}
.label-delivery-method h3 {line-height: 1;}
.label-delivery-method::before {background-color: var(--primary-color);}
.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;}
.checked-box input[type="radio"]:checked + label svg path {fill: #fff;}


.delete-btn {border: 1px solid #CD0C01;background-color: transparent;width: 30px;height: 30px;}
.coupon-input {height: 42px; border: 1px solid var(--primary-color); }
.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: 13px; right: 13px;}
.price-value {background-color: var(--primary-color);}
.additions-box .spicy {background-color: #CD0C0126;}
.additions-box .vegetarian {background-color: #01CD2638;}
.additions-box > div:not(:last-child) {margin-right: 10px;}
.starability-coinFlip>label:after, .starability-coinFlip>label, .starability-coinFlip>label:before, .starability-result, .starability-result:after {
    background-image: url('../images/icon/rating-stars1_old.png');
}
.avatar-rating-image {width: 70px;height: 70px;border-radius: 50%;    }
.starability-coinFlip {width: auto;}
.counter-num .btn-minus, .counter-num .btn-plus, .cart-list-wrap .delete-btn {
    border: 1px solid #000;
    background-color: transparent;
    width: 30px;
    height: 30px;
}
.counter-num .count-num {width: 40px;height: 29px;}
/* .cart-item {border-bottom: 1px solid #fff;} */

.cart-order {position: absolute;top: auto;}
.fixed {position: fixed !important;top: 110px;}
.stop {position: absolute !important;bottom: 0;}
.table.res-info-table>:not(caption)>*>* {background-color: #FEE8D6;}

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

              /****** Start filters button ******/                                
.categories-container-filter {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border: 1px solid #000
}
.tabs-outer {
  overflow-x: auto;
  flex: 1;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.tabs-outer::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
.tabs-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 50px;
  padding: 10px;
  padding-block: 15px;
  justify-content: center; /* This will be adjusted by JS */
  transition: justify-content 0.2s;
}
.tab-btn {
  white-space: nowrap;
  padding: 8px 16px;
  background: transparent;
  border: 1px solid transparent;  
  cursor: pointer;  
  transition: all .2s ease-in-out;
}
.tab-btn.active, .tab-btn:hover {border-bottom: 1px solid var(--primary-color);}
.scroll-btn {
  background: none;
  border: none;
  font-size: 24px;
  padding: 0 10px;
  cursor: pointer;
}
.scroll-btn {width: 35px;height: 35px;}

                                /****** End filters button ******/


/* End filter by category section */

                                    /************************ End menu page style *******************/

    /************************ Start checkout page *******************/


  .if-not-login-text {background-color: #D8F3FF;}
.steps-list a.nav-link {
    width: 100%;
    height: 85px;
    border: 1px solid #000;    
}
.tab-content {height: auto !important;}
.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-color) !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: white !important;}
/* .sw-theme-arrows>.nav .nav-link.default svg path{fill: #fff;} */
.sw-theme-arrows>.nav .nav-link.active svg path, .sw-theme-arrows>.nav .nav-link.done svg path{fill: white;}
.sw-toolbar-elm {display: none !important;}
.sw-theme-arrows {border: none !important;}
.sw-theme-arrows>.nav .nav-link.default {border-color: #000; background-color: transparent;}
.sw-theme-arrows>.nav .nav-link.active, .sw-theme-arrows>.nav .nav-link.done {border: none;}
.sw-theme-arrows>.nav .nav-link.default h5, .sw-theme-arrows>.nav .nav-link.default p {color: #000;}
#step-3 .table tbody tr td  {background-color: transparent;}
#step-3 .table tr:last-child {background-color: transparent;}

.select2-results__option {font-family: "Lato", sans-serif; font-size: 14px; color: #fff;}
.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;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: black;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #000 transparent transparent transparent;}
.phone-box input#phone, .phone-box input#phoneNumber {padding-left: 110px;}
#form-wizard .input-style {height: 50px;}
.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {background-color: var(--primary-color); border: 1px solid #000;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {color: #000; background-color: #fff;}
.select2-container--default .select2-results__option--selected {background-color: var(--primary-color);}
.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-color);}
.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-color);}
.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;}
.tip-list li input[type="radio"]:checked + p {background-color: var(--primary-color); color: black !important;}
#cartOrderCheckout {background-color: #FCFCFC;}

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

                                    /************************ Start login page *******************/
.submit-btn{padding-top: 0.9rem; padding-bottom: 0.9rem;}
.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: #000;}
.show_password {transform: translateY(-50%);right: 13px; top: 24px}
.right-bottom-image {border-radius: 1000px 1000px 0 1000px ; width: 600px; height: 600px; bottom: -100px; overflow: hidden;}
/* .right-bottom-image img {} */
.white-shape::after, .white-shape::before {
    content: '';
    display: block;
    width: 120%;
    height: 120%;
    border: 6px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 206px;
    bottom: 154px;
}
.white-shape::before {left: 103px;bottom: 150px;}
.social-media-register a span, .social-media-register a path {transition: all .3s ease-in-out;}
.social-media-register a:hover span{color: #fff !important;}
.social-media-register a:hover path {fill: #fff;}

                                    /************************ End login page *******************/
                                    /************************ Start User profile page *******************/
.tab-list .tab-link {transition: all ease-in-out .3s;}
/* .tab-list .tab-link:hover, .tab-list .tab-link.active {border-bottom: 3px solid #fff;} */
.tab-list .tab-link::after{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    position: absolute;
    bottom: -4px;
    right: 0;
    left: 0;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.tab-list .tab-link:hover::after, .tab-list .tab-link.active::after {bottom: 0;}
.custom-adding-y {padding-block: 13px;}
.show_password {top: 15px;right: 13px;}
.eye-password {top: 9px !important; right: 8px;}
.orders-box > div:not(:last-child) {border-bottom: 1px solid #fff}

.profile-image-wrap {width: 130px;height: 130px;}
.upload-btn {background-color: var(--primary-color); width: 48px; height: 48px; }
.profile-image-wrap [type="file"] {display: none;}




.select2-results__option {font-size: 14px;}
.select-country .select2-container, .select-country .select2-container .selection, .select-country .select2-container--default .select2-selection--single {width: 100px}
/* .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;
}
.select-country .select2-container--default .select2-selection--single .select2-selection__arrow {top:calc(50% - 13px); right: 21px;}
.select-country .select2-container--default .select2-selection--single .select2-selection__arrow {top:calc(50% - 8px)}
.select2-container--open .select2-dropdown--above {border: 1px solid #000;border-radius: 5px;overflow: hidden;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #000;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #000 transparent transparent transparent;}
.phone-box input#phone, .phone-box input#phoneNumber {padding-left: 110px;}

.address {
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    padding: 30px 15px 15px 15px;
}

.main-address .main-text {
    display: block !important;
    border: 2px solid var(--primary-color);
    background-color: #fff;
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 30px;
    border-radius: 10px;
}
.btn-padding {padding-block: 12px;}


.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: #f8b600;}
.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: #f8b600;}
.order-line .phase-col:first-child .phase-box::before, .order-line .phase-col:last-child .phase-box::after{ display: none;}

                                    /************************ End User profile page *******************/


/* Start input style */
.modal-input {height: 40px;}
.modal-button {padding-block: 12px;}
.input-icon {top: 12px; right: 20px;}
input.has-icon {padding-right: 72px;}
.back-btn {font-size: 21px;}
.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;
    background-color: var(--primary-color);
}
.btn-close{
    --bs-btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.close-modal-btn {width: 40px; height: 40px;}
.close-btn-wrap {background: linear-gradient(180deg, #FF7043 0%, #FFCB82 100%);}
/* End input style */



/* Start Breadcrumb */
.bread-crumb li {font-size: 25px; font-weight: bold;}
.bread-crumb li:not(:last-child) {margin-right: 31px;}
.bread-crumb li:not(:last-child)::after {
    content: '/';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -44px;
    top: 2px;
    color: black;
}
/* End Breadcrumb */
/* Start Footer */
/* .footer-logo {width: 140px; height: 140px;}
.footer-logo img {width: 91px;}
.footer-nav-links li a {color: #fff; font-size: 22px;} */
/* End Footer */

/* Start footer */
.footer {padding: 100px 0;}

.footer h2 {font-size: 50px;}
.news-letter-form .footer-subscribe-btn {font-size: 16px; transition: all .2s ease-in-out; border: 1px solid transparent; max-width: 170px; height: 50px;}
.news-letter-form .footer-subscribe-btn:hover {background-color: var(--primary-color); color: #fff;}
.news-letter-form input:focus {outline: none; border-color: #fff;}
.news-letter-form input::placeholder {color: #fff; opacity: .5;}

.lang-btn {max-width: 170px; color: #fff; border: 1px solid #fff; transition: all .2s ease-in-out;}
.lang-btn:hover {background-color: var(--primary-color);}
.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{border: 1px solid #fff;padding: 8px;transition: all .2s ease-in-out;}
.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: var(--primary-color);}
.lang-btn {max-width: 170px;}
.footer-navlist li a {transition: all .2s ease-in-out;}
.footer-navlist li a:hover {color: var(--primary-color) !important; border-bottom: 1px solid var(--primary-color);}
                    /************ copy right **********/
.copy-right {border-top: 1px solid #fff;}
/* End footer */