:root {
    --primary-clr: #E4C590
}  

/* Start fonts */
.montserrat-font, ul li, p, a, table td, button, input {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.playfair-display, h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/* Start fonts */

/* Start my framework */
.primary-clr-bg {background-color: var(--primary-clr);}
.primary-clr{color: var(--primary-clr)}
.dark-bg{background-color: #171819;}
a {text-decoration: none;}
.cursor-pointer {cursor: pointer;}
.primary-border-color {border: 1px solid var(--primary-clr) !important;}
.bg-red{background-color: red;}
/* End my framework */

/* Start header */
.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; width: 100%;}
.cart-list-wrap .cart-icon-wrap {height: 44px;}
.cart-icon-wrap .cart-icon {background-color: var(--primary-clr);height: 100%;}
.cart-icon-wrap .cart-icon li:hover {background-color: var(--primary-clr);}
.cart-icon-wrap .cart-icon li:first-child {border-right: 1px solid var(--primary-clr);}
.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: #000;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: 13px;
}
.cart-icon-wrap .cart-icon li:hover .cart-icon-btn::after {background-color: #000;}
.dropdown-toggle::after {display: none;}
.dropdown-item .icon-wrap {width: 40px; height: 40px}
.nav-list {gap: 35px}
.nav-list > li:not(:last-child) > a::after, .nav-list > li:not(:last-child) > a::before, .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-clr);
    transition: all .3s ease-in-out;
}
.nav-list > li:not(:last-child) > a::before, .tabs-btns li a::before {bottom: -9px; left:0}
.nav-list > li:not(:last-child) > a:hover::after, .nav-list > li:not(:last-child) > a:hover::before, .nav-list > li:not(:last-child) > a.active::after, .nav-list > li:not(:last-child) > a.active::before,
.tabs-btns li a:hover::after, .tabs-btns li a:hover::before, .tabs-btns li a.active::after, .tabs-btns li a.active::before 
{
    width: 100%;
}
/* End header */

/* Start Main section */
.main-section {
    height: 100vh;
    padding-top: 100px;
    /* margin-bottom: 100px; */
}

.main-section .section-content h1{font-size: 70px;}
.select-devlivery-method a {width: 200px; height: 53px;}
.main-slider .slide-image {width: 100%; aspect-ratio: 1 / 0.8; border-radius: 150px 0 150px 0;}
.owl-carousel.main-slider .owl-item.animated {animation-duration: 1.5s !important;}

/* End Main section */
/* Start second section */
.second-section {padding-bottom: 100px}
.working-hrs li{border-bottom: 1px solid var(--primary-clr);}
.category-box {border-color: var(--primary-clr) !important; border-width: 2px !important; font-size: 20px; transition: all .3s ease-in-out;}
.category-box:hover{background-color: var(--primary-clr);}
.category-box p {transition: all .3s ease-in-out;}
.category-box:hover p { color: #000 !important;}
/* End second section */
/* Start offers slider */
.offers-section{padding-bottom: 100px;}
.offers-section .offers-slider .offer-image {
    width: 100%;
    height: 400px;    
    object-fit: cover;
    display: block;
    background: #ffffff;
    padding: 5px;
    border-radius: 5px;
}
.offers-slider .owl-dots {margin-top: 30px; display: flex; gap: 10px;}
.offers-slider .owl-dots .owl-dot {
    width: 25px;
    height: 25px;
    background-color: #000;
    border: 1px solid var(--primary-clr)
}
.offers-slider .owl-dots .owl-dot.active {background-color: var(--primary-clr);}
/* End offers slider */
/* Start filter by category section */
.slider-menu-section {padding-bottom: 100px;}
.tabs-container .tab:not(:first-child) {display: none;}
                                /****** Start filters button ******/                                
.categories-container-filter {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.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;
  color: #fff;
  transition: all .2s ease-in-out;
}
.tab-btn.active, .tab-btn:hover {border-bottom: 1px solid var(--primary-clr);}
.scroll-btn {
  background: none;
  border: none;
  font-size: 24px;
  padding: 0 10px;
  cursor: pointer;
}
.scroll-btn {border: 1px solid var(--primary-clr);transform: rotate(45deg);width: 40px;height: 40px;}
.scroll-btn svg {transform: rotate(-45deg);}
                                /****** End filters button ******/
.all-meals .meal-image {
    width: 100%;
    max-width: 260px;
    max-height: 260px;
    object-fit: cover;
    object-position: center;
}
.add-cart-btn {background-color: var(--primary-clr);}
/* End filter by category section */

/* Start items slider section */
.menu-items-slider .item {padding-bottom: 72px !important;}
.slider-menu-section .image-item {height: 240px;}
.additions-list li:not(:last-child)::after {content: ', '; position:relative; left: -2px;}
.menu-items-slider .owl-nav .owl-prev, .menu-items-slider .owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 28px);
    left: -35px;
}
.menu-items-slider .owl-nav .owl-next {left: auto;right: -35px;}
.owl-carousel.menu-items-slider .owl-stage-outer {height: auto;}
.owl-carousel.menu-items-slider .owl-stage {display: flex;align-items: stretch; margin-left: 2px;}
.owl-carousel.menu-items-slider .owl-item {display: flex;height: auto;}
.owl-carousel.menu-items-slider .owl-item > div {width: 100%;display: flex;flex-direction: column;}
.menu-items-slider .add-cart-btn {right: .7rem; left: .7rem; bottom: .7rem;}


/* End items slider section */

/* Start app section */
.app-section {padding-bottom: 100px;}
.app-section {overflow: hidden;}
.app-section .app-section-title {font-size: 50px;}

.app-section .text-box::after, .app-section .text-box::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2000px;
    height: 100%;
    border: 1px solid var(--primary-clr);
    border-left: 1px solid transparent;
}
.app-section .text-box::before{right: 15px;top: 15px;bottom: 15px;height: auto;}
.apps-links .store-link {border: 1px solid var(--primary-clr);background: #FFFFFF12;}
.apps-links .store-link p.store-name {color: var(--primary-clr);}
.app-section .mobile-wrap {aspect-ratio: 1 / 1.5;max-width: 350px;}
.app-section .mobile-wrap img {width: 100%; position: relative; z-index: 2;}
.app-section .mobile-wrap::after {
    content: '';
    display: block;
    height: 50%;
    position: absolute;
    top: 50%;
    left: -14px;
    right: -14px;
    transform: translateY(-50%);    
    background-color: var(--primary-clr);

}
.stroke-text {color: white; /* text fill color */ -webkit-text-stroke: 1px #E4C590; /* stroke width and color */}

/* End app section */
/* Start reservation section */
.reservation-section {padding-bottom: 100px;}
.reservation-section  .reservation-content-box {max-width: 950px;}
/* End reservation section */

/* Start Gallery section */
.gallery-section {padding-bottom: 100px;}
.gallery-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 185px);
    gap: 10px;
    position: relative;
    padding: 10px;    
    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);}
.gallery-text {
    grid-column: 1 / span 3;
    grid-row: 1 / span 3;    
    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-text h2 {font-size: 50px; border-top: 1px solid var(--primary-clr); border-bottom: 1px solid var(--primary-clr); -webkit-text-stroke: 1px #E4C590}
.gallery-container img:nth-child(1) { grid-column: 4; grid-row: 2;}
.gallery-container img:nth-child(2) { grid-column: 5; grid-row: 2; }
.gallery-container img:nth-child(3) { grid-column: 5; grid-row: 3; }
.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;}
.gallery-container img:nth-child(7) { grid-column: 4; grid-row: 3; }
.gallery-container img:nth-child(8) { grid-column: 6; grid-row: 2; }
.gallery-container img:nth-child(9) { grid-column: 6; grid-row: 4; }
.gallery-container img:nth-child(10) { grid-column: 6; grid-row: 3; }
.gallery-container img:nth-child(11) { grid-column: 1; grid-row: 4;}
.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;}
/* End Gallery section */

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

/* Start instagram section */
.instagram-section {padding-bottom: 100px;}
.instagram-section h2, .about-section .section-title {font-size: 50px;border-top: 1px solid var(--primary-clr);border-bottom: 1px solid var(--primary-clr);}
.instagram-section .img-box {width: 33.333333%;}
.instagram-section .insta-img {width: 100%;aspect-ratio: 1 / 1;  object-position: center; }
.folow-btn {max-width: 170px;}
.fllow-box {max-width: 350px;margin-top: 50px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8); border-color: var(--primary-clr) !important; }
/* End instagram section */
/* Start about us section */
.about-section {padding-bottom: 100px;}
.about-section .about-img {height: 600px; object-position: right;}
.about-section .section-wrap {background-color: #000;}
/* End about us section */

/* Start input style */
.input-style {border: 1px solid #fff; background-color: transparent; color: #fff;}
.input-style:focus{outline-color: #fff;}
.modal-input {height: 40px;}
.modal-button {padding-block: 12px;}
.input-icon {bottom: 14px; 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;
}
.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>")
}
/* 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: white;
}
/* End Breadcrumb */
                                    /************************ Start order page style *******************/
.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-title {font-size: 40px;}
.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-clr);
    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;}

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

/* 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;}
.delivery-method-name + p {font-size: 14px; color: #fff;}
.delivery-method-name {margin-bottom: 5px; color: #fff;}
.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 ;}
.label-delivery-method.black-hover-bg:hover p{color: #fff;}
.checked-box input[type="radio"]:checked + label {background: var(--primary-clr);}
.label-delivery-method {width: 100%; height: 45px; border: 1px solid var(--primary-clr); background-color: transparent;}
.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;}
.checked-box input[type="radio"]:checked + label svg path {fill: #000;}


.delete-btn {border: 1px solid #CD0C01;background-color: transparent;width: 30px;height: 30px;}
.coupon-input {height: 42px; border: 1px solid var(--primary-clr); }
.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-clr);}
.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.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 #fff;
    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: 64px;}
.stop {position: absolute !important;bottom: 0;}
.table.res-info-table>:not(caption)>*>* {background-color: #171819;}

/*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: #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;    
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
}
.your-city {display: none;}
/*End Select delivery method btns*/

                                    /************************ End order page style *******************/

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

table {border-collapse: separate;border-spacing: 0;    }
  /* Round only the top corners of the thead */
  
  .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;}

.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-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: #000 !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: #000;}
.sw-toolbar-elm {display: none !important;}
.sw-theme-arrows {border: none !important;}
.sw-theme-arrows>.nav .nav-link.default {border-color: #fff; 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: #fff;}
#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 #fff;
    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: white;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #ffffff 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: #171819; border: 1px solid #fff;}
.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-clr);}
.custom-radio-checkout:checked + .custom-bolid-input-mark{border: 4px solid #fff !important;}
.tip-list li input[type="radio"]:checked + p {background-color: var(--primary-clr);}
.custom-bolid-input-mark {
    border-radius: 50%;
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
}
.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;}
.tip-list li input[type="radio"]:checked + p {background-color: var(--primary-clr); color: black !important;}

                                    /************************ End checkout page *******************/
                                    /************************ Star login page *******************/
.form-wrap {width: 100%;max-width: 500px; margin-top: 100px;}
.title-reg-social-media::after, .title-reg-social-media::before{
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.title-reg-social-media::after {left: -60px;}
.title-reg-social-media::before {right: -60px;}
.forgot-password-card {display: none;}
.large-checkbox {
    width: 24px;
    height: 24px;
    border-color: #ffffff !important;
    border-radius: 0 !important;
}
.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='%23fff' 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);}


                                    /************************ End login page *******************/
                                    /************************ Start user profile page *******************/
/* .tab-list li {width: 33.333%;    } */
.tab-list .tab-link {transition: all ease-in-out .3s;}
.tab-list .tab-link:hover, .tab-list .tab-link.active {background-color: var(--primary-clr);color: #000 !important;}
.custom-adding-y {padding-block: 13px;}
.show_password {transform: translateY(-50%);right: 13px;}
.main-address {border: 1px solid white; padding: 15px;}
.main-address .main-check {display: inline-block !important;}
.orders-box > div:not(:last-child) {border-bottom: 1px solid #fff}

                                    /************************ End user profile page *******************/
                                    /************************ Start faq style *******************/
.accordion-button:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.accordion-item.active {background-color: var(--primary-clr) !important; color: #000}
.accordion-item.active .accordion-button {color: #000 !important}

.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 *******************/                                    

/* Start footer */
.footer {padding: 100px 0;}
.footer .sub-footer-input {width: 400px; border-color: #fff;}
.footer h2 {font-size: 50px;}
.footer-subscribe-btn {font-size: 16px; transition: all .2s ease-in-out; border: 1px solid transparent; max-width: 170px;}
.footer-subscribe-btn:hover{border-color: #fff}
.lang-btn {max-width: 170px; color: #000; border: 1px solid transparent; transition: all .2s ease-in-out; font-size: 17px;}
.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{border: 1px solid #A4A4A4;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: #000;}
.lang-btn {max-width: 170px;}
.footer-navlist li {transition: all .2s ease-in-out;}
.footer-navlist li:hover {color: var(--primary-clr);}
                    /************ copy right **********/
.copy-right {border-top: 1px solid #fff;}
/* End footer */

.cart-modal .image-meal-wrap{height: 270px; margin-top: -65px;}
.cart-modal .select-title {min-width: 100px;}
.custom-bolid-input-mark {
    border-radius: 50%;
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
}
.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='white' 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='white' 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; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.6);}
#cartModal .modal-footer {box-shadow: 0 -8px 10px rgba(0, 0, 0, 0.5) !important;}
.bg-444 {background-color: #444;}

/* End cart modal */

/* Start cart list */
.cart-list-wrap {width: 422px; z-index: 4;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.cart-list-wrap .cart-icon-wrap {border:2px solid var(--primary-clr);}
.cart-list-wrap .colse-cart span{background-color: #1d1d1d; width: 100%; height: 100%; border-radius: 50%;}

.cart-list-wrap .colse-cart  {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: var(--primary-clr);
    cursor: pointer;
    padding: 2px;
}
.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 #fff;
    max-height: 420px;
    overflow: auto;    
} 
.opened-cart-list{max-height: 244px; overflow: auto;}
.cart-list-wrap {right: -422px; 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 Scrollbar change style */
/* Scrollbar Track */
/* Firefox */
.cart-list-wrap .aside-cart-list /*, body */ {
  scrollbar-color: #555 #1e1e1e; /* thumb, track */
  scrollbar-width: thin;
}

/* WebKit Browsers (Chrome, Safari, Edge) */
.cart-list-wrap .aside-cart-list::-webkit-scrollbar, body::-webkit-scrollbar {
  width: 10px;
}

.cart-list-wrap .aside-cart-list::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
  background: #1e1e1e; /* Dark track */
}

.cart-list-wrap .aside-cart-list::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  background-color: #555;    /* Dark gray thumb */
  border-radius: 8px;
  border: 2px solid #1e1e1e; /* Adds spacing/padding look */
}

/* Optional: hover effect for thumb */
.cart-list-wrap .aside-cart-list::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover {
  background-color: #777;
}

/* End Scrollbar change style */

/* 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;}
[data-bs-target="#cookiesModal"], #refuse_cookies, #refuse_cookies_modal{border: 1px solid var(--primary-clr) !important}
/* End cookies */

/* Start dark/light mode button */
.dark-light-btn {
    position: fixed;
    left: 0;
    top: 80px;
    border: none;
    width: 60px;
    height: 43px;
    background: var(--primary-clr);
    border-radius: 0 20px 20px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* End dark/light mode button */