/*******************Reset Css****************/

* {font-family: "Urbanist", serif; margin: 0; padding: 0; border: none; outline: none !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }
p { margin: 0; }
html, body { padding: 0; margin: 0; border-radius: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "Urbanist", serif; }
em { font-style: normal; }
body { font-family: "Urbanist", serif; font-weight: 400; font-size: 14px; background-color: #fff; }
a, button, input, input[type="buttton"], input[type="submit"], .btn { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; outline: none !important; text-decoration: none; font-style: normal; text-decoration: none; }
input { width: 100%; }
img, figure { max-width: 100%; max-height: 100%; margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
a, a:hover, a:focus { text-decoration: none;font-family: "Urbanist", serif; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
input, textarea { padding: 5px 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
svg { vertical-align: middle; }
p{font-size: 20px; font-weight: 400; line-height: 30px; color: #000; }
a{font-size: 18px; font-weight: 400; color: #fff; line-height: 22px; text-decoration: none; }
input::placeholder {  font-family: "Urbanist", serif; font-weight: 400; color: #606060; }
textarea::placeholder{ color: #BBBBBB; }
.container { max-width: 1600px; margin: 0 auto; padding: 0 15px; }
/* font-family: "Jost", serif; */

/*******************Reset Css****************/


/* ------ header part css ------------ */
.site-header{box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15); }
.site-header .container{ max-width: 1920px;padding:0 80px }
/* .site-header.fixed-header{position: fixed; top: 0; left: 0; right: 0; z-index: 99;padding-top: 0;}
.site-header.fixed-header .header-outer {padding: 12px 0; background: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}  */
.header-outer{padding: 20px 0;}
.inner_top_header{display: flex; align-items: center; justify-content: space-between; position: relative;}
.header_inner_right { display: flex;align-items: center; gap: 20px; }
.search_holder { width: 444px; }
.search_holder input { width: 100%; background-color: #F4EDEB; height: 56px; border-radius: 10px; padding: 15px 15px 15px 60px; background-repeat: no-repeat; background-position: center left 24px; font-size: 18px; color: #101010; background-image: url(../images/search-normal.png); }
.location button ,.notification button,.dropdown-button{font-family: "Urbanist", serif; background-color: #F4EDEB; cursor: pointer; height: 56px; border-radius: 10px; padding: 15px 24px 15px 24px; display: flex; align-items: center; gap: 8px; font-size: 18px; }
.location button span,.notification button span,.dropdown-button span{ line-height: 100%; }
.cart { background-color: #4FAD4A; padding: 15px 24px; border-radius: 10px; display: flex; align-items: center; gap: 4px; font-weight: 600; height: 56px; }
.cart:hover { background-color: #174115; }
.location em { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family: "Urbanist", serif; }
.mobile_search { background-color: #F4EDEB; cursor: pointer; height: 45px; border-radius: 10px; padding: 8px;display: none; }




/* Dropdown container */
.dropdown { position: relative; }
.dropdown-menu {margin-top: 10px;display: none; position: absolute; background-color: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); min-width: 100%; border-radius: 5px; z-index: 1; }
.dropdown-item { padding: 10px 15px; text-decoration: none; display: block; color: #333; font-size: 14px; cursor: pointer; }
.dropdown-item:hover { background-color: #f1f1f1; }
.dropdown.open .dropdown-menu { display: block; }
.menu {margin-top: 15px; display: none; background: white; border: 1px solid #ddd; padding: 60px; position: absolute; z-index: 10; width: 600px; right: 0; border-radius: 10px; }
.menu.visible { display: block; }
.hidden { display: none; }

.location, .notification { position: relative; }
.menu h2 { font-size: 30px; line-height: 36px; font-weight: 600; margin-bottom: 40px; color: #101010; }
.inner_search_holder input { border: 1px solid #BBBBBB; border-radius: 10px; font-size: 18px; color: #606060; padding: 17px 17px 17px 60px; background-image: url(../images/search-normal.png); background-repeat: no-repeat; background-position: center left 24px; }
.inner_search_holder { margin-bottom: 20px; }
.search_list,.notification_list{ overflow: auto; max-height: 400px; }
.search_list ul li { font-size: 20px; color: #000000; line-height: 24px; font-weight: 600; padding: 20px 20px 20px 46px; background-image: url(../images/location.png); background-repeat: no-repeat; background-position: top 20px left 12px; }
.search_list ul li span { margin-top: 10px; display: block; font-size: 16px; line-height: 18px; color: #606060; font-weight: 400; max-width: 315px; }
.search_list ul li + li{ border-top: 1.5px dashed #BBBBBB; }
.search_list::-webkit-scrollbar,.notification_list::-webkit-scrollbar { width: 8px; height: 8px; }
.search_list::-webkit-scrollbar-thumb,.notification_list::-webkit-scrollbar-thumb { background-color: #888; border-radius: 4px; }
.search_list::-webkit-scrollbar-thumb:hover,.notification_list::-webkit-scrollbar-thumb:hover { background-color: #555; }
.search_list::-webkit-scrollbar-track,.notification_list::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }

.notification_row { display: flex; padding: 20px;gap: 20px;cursor: pointer; }
.notification_row figure { width: 48px; height: 48px; background-color: #BBBBBB; border-radius: 50%; min-width: 48px; text-align: center; padding-top: 12px; }
.notification_para p { font-size: 12px; line-height: 14px; color: #1B4137; margin-bottom: 6px; font-weight: 600; }
.hours { font-size: 10px; color: #66C6AC; font-weight: 600; line-height: 12px; }
.unreaded_notification { margin-bottom: 20px; }
.unreaded { background-color: #4FAD4A1A; position: relative; }
.unreaded:after { position: absolute; content: ''; background-color: #FE7101; width: 8px; height: 8px; border-radius: 50%; right: 16px; top: 20px; }
.notification_row + .notification_row { margin-top: 20px; }
.menu h4 { font-size: 14px; color: #1B4137; font-weight: 700; margin-bottom: 20px; }
.menu h4 span { color: #FE7101; margin-left: 2px; }



/* category_slider_section */
.category_slider_section{ padding: 60px 0 50px; }
.category_item h6 { text-align: center; margin-top: 14px; font-weight: 600; font-size: 20px; }
.category_item figure { width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 0 auto; cursor: pointer; }
.category_item figure img{ transition: all 300ms ease-in-out; }
.category_item figure:hover img{ transform: scale(1.05); }
.slide-arrow { width: 60px; height: 60px; border-radius: 50%; background: #fff; font-size: 22px; color: #000; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); cursor: pointer; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); }
.next-arrow.slick-arrow { right: -10px; }
.prev-arrow.slick-arrow { left: -10px; }
.category_slider .slick-disabled{ opacity:0 ; visibility: hidden; }
.prev-disabled:after{ content: ''; position: absolute; top: 0; right: 0; bottom:0; width: 141px; height: 138px; background-image: url(../images/shadert.png); }
.next-disabled:after{ content: ''; position: absolute; top: 0; left: 0; bottom:0; width: 141px; height: 138px; background-image: url(../images/shadelt.png); }
.category_slider.slick-slider { margin: 0 -22px; }
.category_slider .slick-slide { padding: 0 22px; }


/* offer item section */
.offer_coupon_sec { padding: 50px 0; }
.offer_item_inner { display: flex; align-items: center; padding: 10px 10px 10px 30px; background-color: #C0DAB5; border-radius: 20px; }
.offer_right { min-width: 385px; width: 385px; overflow: hidden; border-radius: 20px; }
.offer_left { width: 100%; padding-right: 25px; }
.offer_item.light_back .offer_item_inner { background-color: #C2D933; }
.offer_left h4 { font-size: 24px; line-height: 28px; font-weight: 700; margin-bottom: 12px; }
.offer_left p { font-size: 18px; line-height: 21px; margin-bottom: 15px; }
.offer_btn { background-color: #4FAD4A; padding: 10px 24px; color: #fff; font-weight: 600; border-radius: 10px; font-size: 16px; cursor: pointer; }
.offer_btn:hover { background-color: #174115; }
.offer_item { padding: 0 24px; }
.offer_slider { margin: 0 -24px; }

/* Recommended for you */

.wishlist { position: absolute; right: 10px; top: 10px; padding: 9px; border-radius: 10px; background: #fff; font-size: 30px; line-height: 100%; color: #4FAD4A; cursor: pointer; }
.food_image { position: relative; overflow: hidden; border-radius: 20px; height: 200px; }
.food_image img { width: 100%; height: 100%; object-fit: cover; }
.food_details { padding: 24px 0 10px; }
.food_details h2 { font-size: 24px; margin-bottom: 20px; line-height: 28px; color: #000;cursor: pointer;transition: all 0.3s ease; }
.food_details h2:hover {color: #4FAD4A;}
.price { background-color: #C2D933; border-radius: 10px; color: #101010; font-size: 24px; font-weight: 600; padding: 6px 18px; }
.price span { margin-right: 5px; }
.price_holder { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.discount_price { font-size: 18px; color: #10101080; text-decoration: line-through; }
.discount_price em { margin-right: 5px; }
.food_details p { font-size: 18px; line-height: 21px; color: #606060; margin-bottom: 24px; }
.border_btn { font-family: "Urbanist", serif;display: flex; align-items: center; justify-content: center; background-color: transparent; border: 2px solid #4FAD4A; color: #4FAD4A; width: 100%; border-radius: 10px; height: 54px; font-size: 18px; font-weight: 600; text-transform: capitalize; padding: 10px 15px; cursor: pointer; }
.border_btn:hover { background-color: #C2D933; color: #000; border-color: #C2D933; }
.solid_btn {font-family: "Urbanist", serif;display: flex; align-items: center; justify-content: center; background-color: #4FAD4A; border: 2px solid #4FAD4A; color: #fff; width: auto; border-radius: 10px; height: 54px; font-size: 18px; font-weight: 600; text-transform: capitalize; padding: 10px 15px; cursor: pointer; }
.solid_btn:hover { background-color: #174115;border-color:#174115 ; }
.cart_add_outer .solid_btn{ margin-left: auto; min-width: 190px; }
.cart_add_outer { display: flex; align-items: center; gap: 10px; }
.counterValue { min-width: 50px; text-align: center; font-size: 18px; color: #4FAD4A; font-weight: 700; }
.cart_counter { display: flex; align-items: center; }
.counter_btn { background-color: #fff; border: 1px solid #4FAD4A; padding: 5px; cursor: pointer; width: 30px; height: 30px; border-radius: 50%; color: #4FAD4A; font-size: 18px; display: flex; align-items: center; justify-content: center; }
.counter_btn:hover { background-color: #174115;border-color:#174115 ;color: #fff; }
.global_heading h2{ font-size: 30px; line-height: 36px; font-weight: 900; color: #000; }
.Recommended_for_you{ padding: 50px 0; }
.global_heading{ margin-bottom: 48px; }
.slider_arrow_control{ display: flex; align-items: center; }
.slider-navigation { margin-left: auto; position: relative; width: 135px; }
.recommended_slider .fooditem_card{ max-width: auto; }
.fooditem_outer{ padding: 0 24px; }
.recommended_slider { margin: 0 -24px; }
.slider-navigation .next-arrow.slick-arrow { right: 0; }
.slider-navigation .prev-arrow.slick-arrow { left: 0; }
.slider-navigation .slick-arrow.slick-disabled { opacity: 0.5; }

/* food items */

.food_tems_holder{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 48px; row-gap: 60px; }
.food_items_section{ padding: 50px 0 115px; }
.view_more_holder .solid_btn{ min-width: 257px;display: inline-block; }
.view_more_holder{ text-align: center; margin-top: 100px; }


/* footer  -------------------------- */
.footer-top{background-color: #222222;}
.footer-top-inner{display: flex; padding: 64px 0px 67px 0px;}
.footer-top-inner ul li{margin-bottom: 25px;}
.footer-top-inner ul li a { text-transform: uppercase; font-family: "Urbanist", serif; font-weight: 400; font-size: 18px; line-height: 24px; display: flex;align-items: center; }
.footer-top-inner ul li a:hover{ color:#c2d835; }
.footer-top-inner .footer-logo{width: 35%; padding-right: 120px;}
.footer-top-inner .footer-logo p { color:#fff; padding-top: 25px; font-size: 18px; line-height: 30px; font-family: "Urbanist", serif; text-transform: uppercase; }
.footer-top-inner .quick-links{width: 15%;}
.footer-top-inner .information{width: 30%; padding-right: 85px;}
.footer-top-inner .information ul li{display: flex;}
.footer-top-inner .information ul li a{ text-transform: inherit; }
.footer-top-inner .legalities{width: 20%;}
.footer-top-inner  h6{ font-size: 20px; line-height: 34px;  padding-bottom: 20px;  font-family: "Urbanist", serif;text-transform: uppercase; font-weight: 700;color: #4FAD4A;}
.information ul li .nav-icon{display: inline-flex; justify-content: center; align-items: center; min-width: 44px; height: 44px; border-radius: 100%; background-color: #4FAD4A; color: #fff; margin-right: 20px; vertical-align: middle;}
.legalities .connect ul li { display: inline-block; margin-right: 12px; padding-bottom: 0; }
.legalities .connect ul li a{width: 35px; height: 35px; display: inline-flex; justify-content: center; align-items: center; background-color: #373737; color: #fff; border-radius: 100%;}
.legalities .connect ul li a:hover{background-color: #4FAD4A;}
.footer-btm{background-color: #101010; padding: 8px 0px;}
.footer-btm .inner_footer_btm{display: flex; justify-content: center; }
.footer-btm p { font-size: 14px; font-weight: 400; line-height: 34px; color: #606060; font-family: "Urbanist", serif; }


.offers { background-color: #F4EDEB; cursor: pointer; height: 56px; border-radius: 30px; padding: 15px 24px 15px 24px; display: flex; align-items: center; gap: 8px; font-size: 18px; }
.category_controllers { display: flex; align-items: center; gap: 20px;margin-bottom: 48px; }
.category_controllers .dropdown-button{border-radius: 30px; }
.arrow-down { display: inline-block; width: 9px; height: 9px; border-left: 2px solid black; border-bottom: 2px solid black; transform: rotate(-45deg); margin: 4px; margin-top: -1px; }


.filter-container { border-radius: 10px; padding: 20px 16px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid #F4EDEB; }
.filter-option:first-child { padding-top: 0; }
.filter-option { display: flex; align-items: center; justify-content: space-between;border-bottom: 1.5px dashed #BBBBBB; cursor: pointer; }
.filter-option:last-child label{ border-bottom: none; }
.filter-option input[type="radio"] { display: none; }
.filter-option label {padding: 16px 0;display: flex; align-items: center; justify-content: space-between; cursor: pointer; flex-grow: 1; font-size: 20px; color: #000; font-weight: 600; transition: color 0.3s ease, font-weight 0.3s ease; }
.custom-radio { width: 24px; height: 24px; border: 2px solid #BBBBBB; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.custom-radio::after { content: ""; width: 12px; height: 12px; background-color: transparent; border-radius: 50%; transition: all 0.3s ease; }
.filter-option input[type="radio"]:checked ~ label .custom-radio { border-color: #4FAD4A; }
.filter-option input[type="radio"]:checked ~ label .custom-radio::after { background-color: #4FAD4A; }
.filter-option input[type="radio"]:checked ~ label { color: #4FAD4A;}
.apply-button { font-size: 18px; display:block; color: #4FAD4A; font-weight: 700; text-align: center; cursor: pointer; margin: 28px auto 0; background-color: transparent; }
.apply-button:hover{ text-decoration: underline; }
.price_dropdown .dropdown-menu { width: 280px; }



/* Basic modal overlay */
.modal { display: none; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); overflow: auto; padding-top: 25px; }
.modal-content { background-color: #fff; margin:0 auto; padding: 40px 60px; border: 1px solid #888; width: 80%; max-width: 750px; border-radius: 10px; position: relative; top: -100%; transition: top 0.5s ease-in-out; }
.modal-content .food_image { height: 370px; }
.modal-content .food_details p { line-height: 30px; }
.modal-content .cart_add_outer .solid_btn { min-width: 350px; }
.modal-content .counter_btn { width: 48px; height: 48px; font-size: 25px; }
.no-scroll { overflow: hidden; }
.top_close { position: absolute; right: 23px; top: 3px; font-size: 30px; color: #666666; }
.modal_close{ color: #aaa; font-size: 28px; font-weight: bold; position: static;  cursor: pointer; }
.close-btn:hover, .close-btn:focus { color: black; text-decoration: none; cursor: pointer; }
.modal-title { font-size: 1.5rem; margin-bottom: 10px; }
.modal-body { font-size: 1rem; margin-bottom: 20px; }
.modal-footer { display: flex; justify-content: flex-end; gap: 10px; }


/* search page */

.search_section { padding: 80px 0 100px; }
.search_holder_top { max-width: 730px; margin: 0px auto 60px; }
.search_result_inp_hold input { border: 1px solid #BBBBBB; border-radius: 10px; height: 70px; padding: 23px 60px 23px 30px; font-size: 20px; color: #101010; background-image: url(../images/search-normal.png); background-repeat: no-repeat; background-position: center right 23px; }
.search_result_inp_hold{ margin-bottom: 60px; }
.search_holder_top h2 { font-size: 30px; text-align: center; color: #000000; font-weight: 400; }
.search_holder_top h2 span { font-weight: 900; }



/* search page end*/


/* login and register, forgot password, verification modal*/

.edit_add .modal-content{ padding: 0px; width: 95%; max-width: 600px; border-radius: 0; border: 0;background-color: #fff; }
.logout .modal-content,.del_add .modal-content,.delete_card .modal-content{ padding: 80px; width: 95%; max-width: 550px; border-radius: 0; border: 0;background-color: #fff; }
.get_enquiry .modal-content,.add_card .modal-content,.add_ons_modal .modal-content,.coupon_modal .modal-content,.delivery_address_modal .modal-content{ padding: 60px; width: 95%; max-width: 670px; border-radius: 0; border: 0;background-color: #fff; }
.changepassword .modal-content,.forgotpass .modal-content,.create_newpass .modal-content{ padding: 48px 60px 60px; width: 95%; max-width: 550px; border-radius: 0; border: 0;background-color: #F4EDEB; }
.login_register .modal-content,.mobilenumber_otp .modal-content,.email_otp .modal-content{ padding: 0px; width: 95%; max-width: 1000px; border-radius: 0; border: 0; }
.leftpart_login { min-height: 800px; background-repeat: no-repeat; background-position: center; background-size: cover; min-width: 450px; width: 450px; padding: 100px 45px; display: flex; flex-direction: column; position: relative; }
.leftpart_login:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(16, 16, 16, 0.6); z-index: 1; }
.no_account { text-align: center; margin-top: auto; z-index: 2; }
.no_account p { font-size: 20px; line-height: 24px; color: #fff; text-align: center; font-weight: 400; margin-bottom: 20px; }
.no_account .border_btn { width: 200px; color: #fff; border-color: #fff;display: inline; }
.no_account .border_btn:hover { color: #000; border-color: #C2D933; }
.log_heading { z-index: 2; }
.log_heading h2 { color: #fff; font-size: 36px; text-align: center; margin-bottom: 10px; line-height: 43px; }
.log_heading p { font-size: 20px; line-height: 24px; color: #fff; text-align: center; font-weight: 400; }
.rightpart_login{ width: 100%; }
.login_main,.register_main,.verification_main { display: flex; }
.rightpart_login { width: 100%; padding: 48px 60px; background-color: #F4EDEB; }
.global_log_head { text-align: center; margin-bottom: 48px; }
.global_log_head h2 { font-size: 36px; color: #101010; margin-bottom: 10px; line-height: 43px; font-weight: 700; }
.global_log_head p { font-size: 20px; line-height: 24px; font-weight: 400; color: #606060; }
.input_holder { margin-bottom: 14px; }
.input_holder input{ padding: 17px 17px 17px 60px; background-color: #fff; border-radius: 10px; font-size: 18px; background-repeat: no-repeat; background-position: top 15px left 24px; }
.input_holder input[type="email"]{ background-image: url(../images/sms.png); }
.inp_password_inner input{ background-image: url(../images/lock.png); }
.user_inp input{ background-image: url(../images/user-square.png); }
.inp_number input{ background-image: url(../images/blackmobile.png); }
.input_holder input::placeholder { color: #BBBBBB; }
.inp_password_inner{ position: relative; }
.inp_password_inner input{ padding-right: 60px; }
.inp_password_inner span { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: 300; color: #292D32; cursor: pointer; }
.hide_pass { display: none; }
.forgot_pass { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; margin-bottom: 80px; }
.forgot_password { font-size: 18px; color: #4FAD4A; font-weight: 600; }
.forgot_password:hover { text-decoration: underline; }
.capcha { margin-bottom: 80px; }
.login_btn_holder { display: flex; flex-direction: column; text-align: center; }
.or { margin: 12px; font-size: 20px; color: #101010; font-weight: 400; }
.login_btn_holder .border_btn span { margin-right: 10px;line-height: 100%; }
.login_btn_holder .border_btn{ color: #101010; }
.form_checkbox { margin-right: 10px; display: flex;}
.form_checkbox>label { font-size: 18px; position: relative; padding-left: 36px; font-weight: 600; cursor: pointer; color: #101010; line-height: 1.2; padding-top: 4px; }
.form_checkbox>label input {visibility: hidden; position: absolute; opacity: 0; cursor: pointer;}
.form_checkbox>label>span::after { content: ''; left: 9px; top: 5px; width: 6px; height: 11px; border: solid #fff; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; display: none;}
.form_checkbox>label>span::before { content: ''; position: absolute; top: 1px; left: 0; height: 24px; width: 24px; background-color: transparent; border: 1.5px solid #101010; transition: 0.3s ease; border-radius: 5px; }
.form_checkbox>label input:checked~span::after { display: block;}
.form_checkbox>label input:checked~span::before { background-color: #4FAD4A; border-color: #4FAD4A;}
.input_holder p { font-size: 13px; line-height: 15px; color: #101010; margin-top: 6px; margin-bottom: 16px; }
.iti--separate-dial-code .iti__selected-flag { background-color: #fff; }
.iti--separate-dial-code .iti__selected-flag:hover { background-color: #fff!important; }
.iti__selected-flag { margin-left: 50px; }
.iti__selected-flag:after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height:18px ; background-color: #CCCCCC; }
.inp_number input{ width: 100% !important; padding-left: 155px !important; }
.iti { display: block; }
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { font-size: 18px; }
.terms_read .form_checkbox>label { font-size: 16px; font-weight: 400; line-height: 19px; padding-top: 0; }
.terms_read .form_checkbox{ margin-right: 0; margin-bottom: 22px; }
.login_btn_holder .solid_btn span { margin-right: 10px; }
.login_btn_holder .border_btn span img{ transition: all 300ms ease-in-out; }
.login_btn_holder .border_btn:hover span img { filter: brightness(0); }
.login_btn_holder.register_prt .solid_btn{ margin-bottom: 20px; }
.verification_main .leftpart_login { min-height: 660px; justify-content: center; }
.verification_holder { width: 268px; margin: 0 auto; display: flex; gap: 12px;justify-content: center; }
.verification_holder input { width: 58px; height: 58px; border-radius: 10px; text-align: center; font-size: 18px; color: #101010; font-weight: 600; }
.resend_code { text-align: center; margin-top: 40px; font-size: 18px; color: #4FAD4A; font-weight: 600; margin-bottom: 160px; }
.verification_form { margin-top: 130px; }
.email_verification_code { width: 409px; }
.create_newpass .login_btn_holder { margin-top: 78px; }
.create_newpass .global_log_head { margin-bottom: 65px; }
.forgotpass .global_log_head,.changepassword .global_log_head{ margin-bottom: 120px; }
.forgotpass .login_form form,.changepassword .login_form form { margin-bottom: 150px; }



/* General styles */

  .tab-headers { display: flex; gap: 0.5rem; }
  .tab-headers.horizontal { flex-direction: row; }
  .tab-headers.vertical { flex-direction: column; }
  .nav-tab.vertical { display: flex; width: 100%; }
  .tab-panel { display: none; }
  .tab-panel.active { display: block; }
  
  /* Sub-tabs styles */
.sub-tab { margin-top: 1rem; }
.sub-tab-headers { display: flex; gap: 0.5rem; }
.sub-tab-headers.horizontal { flex-direction: row; }
.sub-tab-headers.vertical { flex-direction: column; }
.sub-tab-button.active { background: #4FAD4A; color: #fff; border-color: #4FAD4A; }
.sub-tab-button { width: 200px; background-color: transparent; color: #101010; border-color: transparent; }
.sub-tab-button:hover { background: #4FAD4A; color: #fff; border-color: #4FAD4A; }
.sub-tab-panel { display: none; }
.sub-tab-panel.active { display: block; }
.order_details_holder { position: relative; border: 1px solid #BBBBBB; border-radius: 10px; padding: 30px 20px 25px; }
.order_placed_time { background-color: #C2D933; border-radius: 0 10px 0 50px; padding: 13px 13px 13px 37px; width: auto; position: absolute; right: -1px; top: -1px; display: flex; align-items: center; color: #101010; font-weight: 500; font-size: 16px; }
.order_placed_time em { width: 14px; height: 14px; background: #4FAD4A; border-radius: 50%; margin-left: 15px; }
.order_dtls_block h3 { font-size: 24px; font-weight: 700; margin-bottom: 20px; line-height: 28px; }
.order_dtls_block p { font-size: 18px; font-weight: 600; line-height: 21px; color: #4FAD4A; margin-bottom: 20px; }
.del_location { display: flex; align-items: center; font-size: 18px; line-height: 21px; font-weight: 600; color: #606060; gap: 6px; margin-bottom: 30px; }
.del_location span{line-height: 100%;}
.orders_list { font-size: 18px; color: #101010; line-height: 21px; display: inline-flex; flex-wrap: wrap; gap: 5px; }
.order_dtls_block { display: flex; padding-bottom: 30px; border-bottom: 2px dashed #101010; }
.order_left { width: 70%; }
.order_right { width: 30%; display: flex; justify-content: flex-end; }
.order_right span { margin-top: auto; font-size: 18px; color: #101010; font-weight: 600; }
.order_details_holder + .order_details_holder{ margin-top: 30px; }
.order_details_holder .btn_holder { padding-top: 20px; max-width: 320px; }
.bg_label_green{ background-color: #4FAD4A; color: #fff; }
.order_placed_time span { margin-left: 10px; line-height: 100%;width: 20px; }
.order_details_holder .raise_dispuite{ display: flex; max-width: 100%; }
.order_details_holder  .raise_dispuite .solid_btn{ margin-left: auto; width: 250px; }
.bg_label_red{ background-color: #FF0000; color: #fff; }
.refund_paragraph { padding-top: 20px; text-align: center; }
.refund_paragraph p{ font-size: 18px; color: #101010; line-height: 21px; font-weight: 600; }
.refund_paragraph p a { color: #5233FF; font-weight: 600; text-decoration: underline; }
.progress-container { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.step { display: flex; flex-direction: row; align-items: center; text-align: center; gap: 12px; }
.step-circle { width: 25px; height: 25px; border-radius: 50%; background-color: #BBBBBB; display: flex; align-items: center; justify-content: center; color: white; font-size: 11px; }
.step.completed .step-circle { background-color: #4FAD4A; }
.step.completed .step-circle::before { content: "✔"; font-size: 14px; }
.step .step-circle::before { content: "✔"; font-size: 14px; }
.step-title { font-size: 18px; color: #BBBBBB; font-weight: 600; }
.step.completed .step-title { color: #4FAD4A; }
.line { flex: 1; margin: 0 10px; border: 1px dashed #BBBBBB; margin-top: 6px; }
.line.completed { border: 1px dashed #4FAD4A; }
.order_prgrs_holder { padding: 20px 0; border-bottom: 2px dashed #101010; }
.head_link{ color: #333; font-size: 14px; }



/* my profile */

.my_profile_section { background-color: #f4edeb; padding: 60px 0; }
.left_part_profile { width: 360px; min-width: 360px; background-color: #fff; border-radius: 10px; padding: 40px;position: relative; }
.sidepannenl_trigger {
  position: absolute;
  right: -31px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 30px;
  display: none;
  transition: all 300ms ease-in-out;
  background: #222222;
  padding: 4px 3px 0 0;
  border-radius: 0 5px 5px 0;
}
.inner_holder_my_profile { gap: 48px; }
.profile_right { width: 100%; padding: 70px 60px 50px; background-color: #fff; border-radius: 10px; }
.top_profile_list .tab-button { width: 100%; padding: 13px 8px; cursor: pointer; display: flex; align-items: center; font-size: 20px; font-weight: 600; color: #101010; gap: 10px; border: 0; background: transparent; position: relative; }
.top_profile_list  ul li + li { border-top: 0.5px solid #BBBBBB; padding: 8px 0; }
.top_profile_list .tab-button:hover span img,.top_profile_list .tab-button.active span img{ filter:inherit; }
.top_profile_list .tab-button img { transition: all 300ms ease-in-out; filter: brightness(0); }
.top_profile_list .tab-button span,.logout_box button span{ line-height: 100%; height: 24px; }
.top_profile_list .tab-button:hover{ color: #4FAD4A; }
.top_profile_list .tab-button.active{ color: #4FAD4A; }
.top_profile_list .tab-button.active:after { position: absolute; content: ''; background-color: #4FAD4A; width: 6px; height: 40px; border-radius: 10px; right: -25px; top: 50%; transform: translateY(-50%); }
.logout_box button { width: 100%; padding: 13px 8px; cursor: pointer; display: flex; align-items: center; font-size: 20px; font-weight: 600; color: #101010; gap: 10px; border: 0; background: transparent; position: relative; }
.logout_btn:hover { color: #ff4040; }
.chng_pass:hover { color: #4FAD4A; }
.chng_pass img{ transition: all 300ms ease-in-out; filter: brightness(0); }
.chng_pass:hover img{ transition: all 300ms ease-in-out; filter: inherit; }
.logout_box button + button{ margin-top: 12px; }
.logout_box { margin-top: 70px; }
.top_heading_tab h2{ font-size: 24px; color: #101010; font-weight: 600; }
.top_heading_tab{margin-bottom: 48px;}
.crave_holder{ display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; }
.offers_holder{ display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; }
.offers_holder .offer_right { min-width: 178px; width: 178px; border-radius: 25px; }
.offers_holder .offer_left { padding-right: 20px; }
.innter_light_bk{ background-color: #C2D933; }
.accordion { width: 100%; }
.accordion-item { margin-bottom: 20px; border: 1px solid #BBBBBB; border-radius: 10px;overflow: hidden; }
.accordion-header { width: 100%; text-align: left; background-color: transparent; border: none; cursor: pointer; font-size: 18px; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #101010; padding: 25px 20px; }
.accordion-body { padding: 0 20px 24px; background-color: #fff; display: none; overflow: hidden; max-height: 0; transition: max-height 0.3s ease-out; }
.accordion-body p { font-size: 16px; font-weight: 400; line-height: 26px; color: #606060; }
.arrow { width: 13px; height: 13px; border-left: 1.5px solid #292D32; border-bottom: 1.5px solid #292D32; display: inline-block; transform: rotate(-45deg); transition: transform 0.3s ease-out; margin-top: -5px; }
.accordion-item.active .arrow { transform: rotate(135deg); }
.get_enquery_holder { margin-top: 170px; max-width: 278px; }
.get_enquery_holder .solid_btn{ width:100% }
.switch_row { padding: 24px 30px; border-radius: 10px; border: 1px solid #BBBBBB; display: flex; align-items: center; justify-content: space-between; }
.switch_row h4 { font-size: 20px; color: #101010; font-weight: 700; }
.switch_row + .switch_row { margin-top: 20px; }
.switch { position: relative; display: inline-block; width: 44px; height: 24px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #4FAD4A; }
input:checked + .slider { background-color: #4FAD4A; }
input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.enquary_full .input_holder select { width: 100%; border: 1px solid #BBBBBB; border-radius: 10px; height: 54px; padding: 14px 24px; font-size: 18px; line-height: 21px; }
.enquary_full .input_holder label { font-size: 18px; color: #606060; margin-bottom: 8px; display: block; }
.enquary_full .input_holder input { padding: 14px 24px; background-color: #fff; border-radius: 10px; font-size: 18px; background-repeat: no-repeat; background-position: inherit; border: 1px solid #BBBBBB; height: 54px; }
.enquary_full .input_holder textarea { width: 100%; resize: none; height: 138px; border-radius: 10px; border: 1px solid #BBBBBB; padding: 16px 24px; font-size: 18px; }
.enquary_full .input_holder { margin-bottom: 30px; }
.submit_holder { margin-top: 60px; width: 278px; }
.submit_holder .solid_btn{width: 100%;}
.get_enquiry h2,.add_card h2,.add_ons_modal h2,.coupon_modal h2,.delivery_address_modal h2 { font-size: 30px; margin-bottom: 60px; font-weight: 600; }
.btn_holder { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }

.add_ons_modal .btn_holder { display: block; margin-top: 50px; }
.add_ons_modal .btn_holder .solid_btn { width: 100%; }
.cards_outer { border: 1px solid #BBBBBB; border-radius: 10px; padding: 24px 20px; display: flex;align-items: center; }
.dots_part span { width: 6px; height: 6px; border-radius: 50%; background-color: #101010; }
.dots_part { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.card_details_hold { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; align-items: center; }
.card_last_dgt { font-size: 20px; font-weight: 700; color: #101010; }
.crd_image { margin-right: 45px; }
.del_card { background: transparent; margin-left: auto; cursor: pointer; }
.card_holder_box { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 20px; }
.add_new_card_holder { margin-top: 200px; }
.add_new_card_holder .solid_btn span { margin-right: 10px; }
.add_new_card_holder .solid_btn{ justify-content: start; }
.address_box { padding: 30px; border: 1px solid #BBBBBB; border-radius: 10px; }
.address_box h4 { font-size: 20px; line-height: 24px; margin-bottom: 16px; color: #101010; font-weight: 700; }
.address_box p { font-size: 16px; font-weight: 400; line-height: 19px; color: #606060; padding-right: 30px; }
.edt_holder a{ font-size: 18px; font-weight: 700; }
.edt_holder { margin-top: 22px; }
.edit_link { color: #4FAD4A; margin-right: 16px; }
.del_link{ color:#FF3535 ; }
.edt_holder a:hover { text-decoration: underline; }
.address_holder { display: grid; grid-template-columns: repeat(2, 1fr);gap: 15px; }
.edit_add .menu { margin-top: 0px; display: block; background: white; border: 0; padding: 60px; position: static; width: 100%; border-radius: 0px;transform:none; }
.edit_add .submit_holder { margin-top: 30px; width: 100%;text-align: center; }
.submit_holder .solid_btn { width: 200px; display: inline-block; }
.card_dtls{ display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.add_card .btn_holder { margin-top: 100px; }
.profile_top figure{ width: 100%; height: 100%; overflow: hidden; border-radius: 50%; }
.profile_pic_holder span{ position: absolute; bottom: 0; right: 0; width: 48px; height: 48px; background-color: #4FAD4A; border-radius: 50%; }
.profile_pic_holder { position: relative; width: 180px; height: 180px; }
.profile_top { display: flex; align-items: center; gap: 30px; padding-bottom: 48px; border-bottom: 1px solid #BBBBBB; }
.profile_top h4 { font-size: 30px; font-weight: 600; color: #101010; }
.profile_details { padding-top: 48px; }
.profile_details h5 { font-size: 24px; margin-bottom: 30px; color: #101010; font-weight: 600; }
.personal_dtls_blk label { font-size: 18px; color: #606060; margin-bottom: 10px; display: block; }
.personal_details { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 24px; }
.personal_dtls_blk input,.personal_dtls_blk select { padding: 16px 24px; border: 1px solid #F4EDEB; border-radius: 10px; font-size: 18px; color: #101010; width: 100%; }
.profile_details input:disabled, .profile_details select:disabled { background-color: #fff; padding: 0; color: #101010; border: 0; opacity: 1; }
.btn_holder .after_edt_btns { display: none;}
.verify { font-size: 16px; font-weight: 600; color: #fff; text-align: center; padding: 6px 20px; border-radius: 10px; background-color: #FF0004; cursor: pointer; }
.personal_dtls_blk { position: relative; }
.verify_holder { position: absolute; right: 0; top: 50%; }
.verified { font-size: 16px; font-weight: 600; color: #fff; text-align: center; padding: 6px 20px; border-radius: 10px; background-color: #4FAD4A; display: flex; align-items: center; cursor: pointer; }
.verified img{margin-right: 10px;line-height: 100%;}
.verify_holder { display: block; }
.verify_holder.hidden { display: none; }
.btn_holder .save_btn, .btn_holder .cancel_btn { display: none; width: 215px; }
.btn_holder .edit_btn { width: 278px; }
.profile_details .btn_holder { margin-top: 130px; display: flex; }
.my_order_full .sub-tab-headers { background-color: #F4EDEB; border-radius: 10px; padding: 12px; margin-bottom: 30px; }



/* cart */
.cart_section { padding: 80px 0 160px; background-color: #f4edeb; }
.cart_full { display: flex; gap: 48px; }
.note h2 { font-size: 30px; line-height: 36px; font-weight: 700; margin-bottom: 60px; }
.cart_left_part { width: 62%; }
.cart_right_part{ width: 38%; }
.cart_global_box { border-radius: 10px; background-color: #fff; padding: 60px; }
.cart_global_box + .cart_global_box{ margin-top: 60px; }
.cart_global_box h3 { display: flex; align-items: center; gap: 20px; font-size: 30px; font-weight: 600; margin-bottom: 20px; }
.cart_global_box h3 span { background-color: #4FAD4A; height: 60px; width: 60px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.delivery_address { margin-left: 80px; padding: 24px 240px 24px 24px; position: relative; border: 1px solid #BBBBBB; border-radius: 10px; }
.delivery_address h5 { font-size: 20px; line-height: 24px; font-weight: 700; color: #101010; margin-bottom: 10px; }
.delivery_address p { font-size: 16px; font-weight: 400; line-height: 19px; color: #606060; }
.change { font-size: 20px; color: #4FAD4A; font-weight: 700; background: transparent; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.change:hover { text-decoration: underline; }
.add_ons_row { padding: 30px 0; display: flex; align-items: center; gap: 20px; border-bottom: 1.5px dashed #BBBBBB; }
.addon_details h6 { font-size: 20px; line-height: 24px; font-weight: 700; color: #000000; margin-bottom: 26px; }
.price_tag { border-radius: 10px; color: #101010; font-size: 24px; font-weight: 600; line-height: 24px; background: #C2D933; text-align: center; padding: 6px 18px; display: inline-block; }
.add_ons_row figure { width: 112px; min-width: 112px; height: 112px; overflow: hidden; border-radius: 10px; }
.addon_details{ width: 100%; padding-right: 100px; position: relative; }
.addon_details .solid_btn { height: 43px; font-size: 16px; padding: 10px 25px; position: absolute; right: 0; bottom: 0; }
.takeaway_timefull { max-width: 650px; margin: 0 auto; }
.takeaway_date { text-align: center; font-size: 18px; color: #606060; font-weight: 600; border: 1px solid #BBBBBB; border-radius: 10px; padding: 16px 0; margin-bottom: 36px; position: relative; }
.takeaway_date { text-align: center; font-size: 18px; color: #606060; font-weight: 600; border: 1px solid #BBBBBB; border-radius: 10px; padding: 16px 0; margin-bottom: 36px; position: relative; display: flex; align-items: center; gap: 10px; justify-content: center; }
.takeaway_date em { line-height: 100%; cursor: pointer; }
.filter-time .filter-option label { padding: 0; flex-grow: 1; font-size: 18px; color: #606060; justify-content: center; }
.filter-time .filter-option { border-bottom: 0; }
.filter-time .custom-radio { width: auto; height: auto; border: 1px solid #BBBBBB; border-radius: 10px; padding: 16px 40px; min-width: 195px; }
.filter-time .filter-option input[type="radio"]:checked ~ label { color: #fff; }
.filter-time .filter-option input[type="radio"]:checked ~ label .custom-radio { border-color: #4FAD4A; background-color: #4FAD4A; }
.filter-time .custom-radio::after{ display: none; }
.filter-time { display: grid; column-gap: 30px; row-gap: 15px; grid-template-columns: repeat(3, 1fr); }
.credit_debit_cards { margin-left: 80px; }
.credit_debit_cards h4 { font-size: 24px; margin-bottom: 16px; font-weight: 600; color: #101010; }
.card_inner_full .card_part input { width: 156px; height: 54px; border: 1px solid #BBBBBB; border-radius: 10px; text-align: center; font-size: 18px; color: #101010; }
.cardleft { display: flex; align-items: center; width: 100%; }
.card_inner_full .cards_outer { flex-wrap: wrap; }
.inner_cards { display: flex; align-items: center; width: 100%; }
.card_inner_full .filter-option { border-bottom: 0; }
.filter-option label{ padding: 0; }
.card_inner_full .custom-radio::after { width: 100%; height: 100%; background-color: transparent; content: "✔"; color: #fff; text-align: center; font-size: 13px; font-weight: 400; }
.card_inner_full .card_part { padding-top: 35px; }
.card_inner_full .cards_outer + .cards_outer{ margin-top: 20px; }
.card_inner_full  .card_part { display: none; }
.cart_global_box .add_new_card_holder { margin-top: 20px; }
.cart_global_box .add_new_card_holder .solid_btn { width: 100%; background-color: transparent; border: 1px solid #BBBBBB; padding: 20px 24px; height: auto; font-size: 20px; font-weight: 700; color: #4FAD4A; justify-content: flex-start; }
.cart_global_box .add_new_card_holder:hover .solid_btn { border: 1px solid #4FAD4A; }
.refund_para { padding: 48px 0; border-bottom: 1.5px dashed #BBBBBB; margin-bottom: 60px; }
.refund_para p { font-size: 16px; color: #101010; line-height: 21px; font-weight: 600; }
.refund_para a { color: #3700FF; text-decoration: underline; margin-top: 5px; display: inline; font-size: 16px; }
.total_bill { padding: 30px 0 50px; border-bottom: 1.5px dashed #bbbbbb; }
.total_row { display: flex; align-items: center; justify-content: space-between; }
.total_row h4,.bill_summary h4 { font-size: 24px; font-weight: 700; color: #101010; }
.total_row span { font-size: 18px; color: #101010; font-weight: 600; }
.bill_summary { padding: 30px 0 20px; border-bottom: 1.5px dashed #bbbbbb; }
.bill_summary table { width: 100%; margin-top: 30px; border-collapse: collapse; }
.bill_summary table td { padding: 10px 0; font-size: 18px; color: #101010; }
.bill_summary table td span { font-weight: 600; text-align: right; display: block; }
.bill_summary h4{ display: flex; align-items: center; justify-content: space-between; }
.bill_summary h4 em { width: 0px; height: 0px; border-style: solid; border-width: 6px 5px 0 5px; border-color: #000000 transparent transparent transparent; transform: rotate(0deg); }
.bill_row h4 { font-size: 20px; font-weight: 600; color: #101010; width: 60%; }
.bill_row { display: flex; align-items: center; gap: 9px; }
.bill_row .cart_counter { display: flex; align-items: center; box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 14px 18px; }
.bill_row .counter_btn { background-color: #fff; border: 0; padding: 0; width: auto; height: auto; color: #101010; font-size: 20px; font-weight: 600; }
.bill_row .counter_btn:hover { background-color: transparent; border-color: transparent; color: #101010; }
.bill_row .counterValue { color: #101010; }
.bill_row + .bill_row { margin-top: 28px; }
.price_individual { width: 13%; text-align: right; }
.price_individual p { font-weight: 600; font-size: 18px; }
.bill_top { border-bottom: 1.5px dashed #BBBBBB; padding: 20px 0 48px; }
.apply_promo_code { padding: 30px 0; border-bottom: 1.5px dashed #bbbbbb; }
.apply_promo_code a { font-size: 24px; font-weight: 700; color: #4FAD4A; text-align: center; display: block; }
.apply_promo_code a:hover { text-decoration: underline; }
.choose_promos .custom-radio { width: 100%; height: auto; border: 1px solid #BBBBBB; border-radius: 10px; display: flex; padding: 30px; flex-wrap: wrap; justify-content: flex-start; }
.choose_promos .custom-radio::after { width: 25px; height: 25px; content: "✔"; color: #fff; text-align: center; font-size: 14px; font-weight: 400; display: flex; align-items: center; justify-content: center; position: absolute; right: 10px; top: 10px; }
.choose_promos .filter-option{ position: relative; border-bottom: 0; }
.choose_promos .filter-option + .filter-option{ margin-top: 20px; }
.coupon_modal .btn_holder,.delivery_address_modal .btn_holder { margin-top: 100px; }
.choose_promos .custom-radio h4 { font-size: 20px; font-weight: 700; color: #101010; margin-bottom: 15px; width:100%; }
.choose_promos .custom-radio p { font-size: 16px; color: #606060; line-height: 19px; }



/* responsive start*/

@media (max-width:1750px){
.logo { width: 320px; }
.search_holder { width: 350px; }
.header_inner_right { gap: 15px; }
.step-title { font-size: 16px; }
.step { gap: 5px; }


}
  
@media (max-width:1650px){
.site-header .container { padding: 0 15px; }
.container { max-width: 1300px; }
.food_tems_holder { column-gap: 30px; row-gap: 40px; }
.food_details h2 { font-size: 20px; line-height: 22px; }
.food_details p { font-size: 16px; }
.border_btn { font-size: 16px; }
.fooditem_outer { padding: 0 15px; }
.recommended_slider { margin: 0 -15px; }
.wishlist { padding: 7px; border-radius: 8px; font-size: 20px; }
.food_image { border-radius: 15px; height: 160px; }
.category_slider_section { padding: 40px 0; }
.offer_coupon_sec { padding: 35px 0; }
.offer_right { min-width: 300px; width: 300px; }
.offer_left h4 { font-size: 20px; line-height: 24px; }
.Recommended_for_you { padding: 35px 0; }
.offer_item { padding: 0 15px; }
.slide-arrow { width: 45px; height: 45px; font-size: 18px; }
.offer_left p { font-size: 16px; line-height: 21px; }
.offer_slider { margin: 0 -15px; }
.category_slider .slick-slide { padding: 0 15px; }
.category_slider.slick-slider { margin: 0px -10px; }
.slider-navigation { width: 110px; }
.global_heading { margin-bottom: 35px; }
.global_heading h2 { font-size: 25px; line-height: 30px; }
.food_items_section { padding: 35px 0 75px; }
.category_controllers { margin-bottom: 40px; }
.solid_btn { font-size: 16px; }
.view_more_holder { margin-top: 65px; }
.category_item h6 { font-size: 18px; }
.search_holder input { font-size: 16px; }
.location button, .notification button, .dropdown-button { font-size: 16px; }
.cart{ font-size: 16px; }
.offers { font-size: 16px; }
.cart_add_outer .solid_btn { min-width: 135px; }
.footer-top-inner .footer-logo p { font-size: 15px; line-height: 25px; }
.footer-top-inner ul li a { font-size: 15px; }
.footer-top-inner h6 { font-size: 18px;line-height: 26px; }
.information ul li .nav-icon { margin-right: 15px; }
.footer-logo a { max-width: 250px; display: block; }
.footer-top-inner { padding: 40px 0; }
.cart_global_box h3 span { height: 45px; width: 45px; }
.cart_global_box { padding: 40px; }
.cart_global_box h3 { gap: 15px; font-size: 22px; }
.delivery_address { margin-left: 60px; padding: 20px 180px 20px 20px; }
.add_ons_row { padding: 15px 0; gap: 10px; } 
.add_ons_row figure { width: 90px; min-width: 90px; height: 90px; }
.addon_details h6 { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
.price_tag { font-size: 20px; }
.bill_row h4 { font-size: 16px; }
.bill_row .cart_counter { padding: 10px 12px; }
.bill_row .counter_btn { font-size: 17px; }
.bill_row .counterValue { font-size: 15px; }
.price_individual p { font-size: 16px; }
.bill_top { padding: 20px 0 25px; }
.bill_summary { padding: 15px 0; }
.total_row h4, .bill_summary h4 { font-size: 20px; }
.bill_summary table td { padding: 8px 0; font-size: 16px; }
.bill_summary table { margin-top: 20px; }
.total_bill { padding: 15px 0 30px; } 
.total_row span { font-size: 16px; }
.apply_promo_code { padding: 20px 0; }
.apply_promo_code a { font-size: 20px; }
.refund_para { padding: 30px 0; margin-bottom: 35px; }
.cart_global_box + .cart_global_box { margin-top: 40px; }
.delivery_address h5 { font-size: 18px; }
.filter-time { column-gap: 10px; row-gap: 10px; }
.filter-time .filter-option label { font-size: 16px; }
.filter-time .custom-radio { min-width: 175px; }
.takeaway_date { font-size: 16px; padding: 10px 0; margin-bottom: 25px; }
.takeaway_date em { display: inline-block; margin-top: 3px; }
.credit_debit_cards h4 { font-size: 20px; margin-bottom: 15px; }
.card_last_dgt { font-size: 16px; }
.dots_part span { width: 4px; height: 4px; }
.card_inner_full .card_part input { width: 120px; height: 40px; font-size: 16px; }
.card_inner_full .card_part { padding-top: 20px; }
.cart_global_box .add_new_card_holder .solid_btn { font-size: 18px; }
.credit_debit_cards { margin-left: 60px; }
.verify { font-size: 13px; padding: 6px 8px; border-radius: 8px; }
.verified img { margin-right: 5px; }
.verified { font-size: 13px; padding: 6px 8px; border-radius: 8px; }
.personal_dtls_blk input, .personal_dtls_blk select { padding: 16px 24px; font-size: 16px; }
.profile_right { padding: 50px 40px 40px; }
.top_heading_tab { margin-bottom: 30px; }
.profile_pic_holder { width: 150px; height: 150px; }
.profile_pic_holder span { bottom: 6px; right: 10px; width: 30px; height: 30px; }
.profile_top { gap: 20px; padding-bottom: 25px; }
.profile_top h4 { font-size: 25px; }
.profile_details { padding-top: 25px; }
.profile_details h5 { font-size: 22px; }
.personal_dtls_blk label { font-size: 16px; }
.top_profile_list .tab-button { padding: 13px 8px; font-size: 18px; }
.left_part_profile { padding: 30px; }
.logout_box button { font-size: 18px; }
.logout_box { margin-top: 40px; }
.profile_details .btn_holder { margin-top: 80px; }
.offers_holder .offer_right { min-width: 115px; width: 115px; }
.offers_holder .offer_left h4 { font-size: 18px; line-height: 22px; }
.address_box { padding: 15px; }
.address_box h4 { font-size: 18px; margin-bottom: 12px; }
.address_box p { font-size: 15px; padding-right: 0; }
.crave_holder { grid-template-columns: repeat(2, 1fr); gap: 30px; }
.order_placed_time { padding: 10px 10px 10px 37px; font-size: 14px; }
.order_dtls_block h3 { font-size: 20px; line-height: 24px; }
.order_dtls_block p { font-size: 16px; line-height: 19px; margin-bottom: 15px; }
.del_location { font-size: 16px; line-height: 18px; }
.orders_list { font-size: 16px; line-height: 19px; }
.order_right span { font-size: 16px; }
.step { gap: 0; flex-wrap: wrap; justify-content: center; max-width: 125px; align-items: flex-start; min-height: 65px; }
.step-title { font-size: 14px; width: 100%; text-align: center; }
.refund_paragraph p { font-size: 16px; line-height: 19px; }


}
  
  
@media (max-width:1440px){
.search_holder input { height: 50px; }
.search_holder { width: 270px; }
.location button, .notification button, .dropdown-button{ height: 50px;padding: 10px 15px; gap: 5px; }
.header_inner_right { gap: 10px; }
.cart { height: 50px; padding: 10px 15px; }
.header-outer { padding: 10px 0; }
.logo { width: 280px; }
.food_tems_holder { grid-template-columns: repeat(3, 1fr); }
.food_image { height: 200px; }
.offers { height: 50px; }
.search_holder input { padding: 10px 15px 10px 50px; background-position: center left 15px; }
.container { max-width: 1199px; }
.offer_right { min-width: 250px; width: 250px; }
.category_item figure { width: 95px; height: 95px; }
.filter-option label { padding: 10px 0; font-size: 16px; }
.custom-radio { width: 20px; height: 20px; }
.menu { padding: 20px; width: 400px; }
.menu h2 { font-size: 22px; line-height: 26px; margin-bottom: 15px; }
.notification_row { padding: 10px; gap: 15px; }
.notification_row + .notification_row { margin-top: 10px; }
.search_list, .notification_list { overflow: auto; max-height: 275px; }
.unreaded:after { right: 8px; top: 8px; }
.inner_search_holder input { font-size: 13px; padding: 13px 10px 13px 50px; background-position: center left 15px; }
.inner_search_holder { margin-bottom: 10px; }
.search_list ul li { font-size: 16px; line-height: 20px; padding: 10px 10px 10px 30px; background-position: top 10px left 0px; }
.search_list ul li span { font-size: 14px; line-height: 18px; }
.card_inner_full .custom-radio::after { font-size: 11px; }
.choose_promos .custom-radio::after { top: 30px; }
.coupon_modal .btn_holder, .delivery_address_modal .btn_holder { margin-top: 50px; }
.crd_image { margin-right: 20px; }
.cards_outer { padding: 18px 15px; }
.card_details_hold { gap: 12px; }
.card_holder_box { column-gap: 20px; row-gap: 15px; }
.offers_holder { grid-template-columns: repeat(1, 1fr); gap: 15px; }
.edit_add .menu { padding: 40px; }
.global_log_head h2 { font-size: 26px; line-height: 30px; }
.global_log_head p { font-size: 16px; line-height: 20px; }
.forgotpass .global_log_head, .changepassword .global_log_head { margin-bottom: 75px; }
.changepassword .modal-content, .forgotpass .modal-content, .create_newpass .modal-content { padding: 40px 50px 50px; max-width: 475px; }
.forgotpass .login_form form, .changepassword .login_form form { margin-bottom: 60px; }
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { font-size: 14px; }
.iti__selected-flag { margin-left: 35px; }
.input_holder input { padding: 12px 12px 12px 45px; font-size: 15px; background-position: top 10px left 12px; background-size: 22px; }
.inp_number input { padding-left: 115px !important; }
.verification_form { margin-top: 65px; }
.resend_code { margin-top: 24px; font-size: 16px; margin-bottom: 70px; }
.inp_password_inner span { right: 10px; font-size: 15px; }
.create_newpass .global_log_head { margin-bottom: 50px; }
.create_newpass .login_btn_holder { margin-top: 40px; }
.email_verification_code { width: auto; } 
.email_verification_code.verification_holder input { width: 40px; height: 40px; border-radius: 6px; font-size: 16px; }
.log_heading h2 { font-size: 26px; line-height: 30px; } 
.log_heading p { font-size: 16px; line-height: 20px; }
.capcha { margin-bottom: 35px; }
.form_checkbox>label { font-size: 16px; padding-left: 30px; padding-top: 3px; }
.form_checkbox>label>span::before { height: 20px; width: 20px; }
.forgot_password { font-size: 16px; }
.forgot_pass { margin-bottom: 35px; }
.no_account p { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
.leftpart_login { min-height: 665px; min-width: 400px; width: 400px; }


}


@media (max-width:1199px){
.footer-top-inner .footer-logo { padding-right: 45px; }
.footer-top-inner .information { padding-right: 45px; }
.footer-top-inner .footer-logo p { font-size: 14px; line-height: 24px; }
.footer-logo a { max-width: 200px; }
.footer-top-inner ul li a { font-size: 14px; }
.footer-top-inner ul li { margin-bottom: 15px; }
.legalities .connect ul li { margin-right: 10px; }
.next-arrow.slick-arrow { right:10px; }
.prev-arrow.slick-arrow { left: 10px; }
.category_slider.slick-slider { margin: 0px ; }
.category_slider .slick-slide { padding: 0 10px; }
.category_item figure { width: 90px; height: 90px; }
.prev-disabled:after,.next-disabled:after { width: 120px; height: 122px; }
.category_item h6 { font-size: 16px; }
.location button, .notification button, .dropdown-button { padding: 5px 10px; gap: 0; font-size: 0; }
.category_controllers .dropdown-button { padding: 10px 15px; gap: 5px; font-size: 16px; }
.modal-content { padding: 40px 20px; width: 95%; }
.modal-content .food_details p { line-height: 24px; }
.cart_full { gap: 48px; flex-wrap: wrap; }
.cart_left_part { width: 100%; }
.cart_right_part { width: 100%; }
.bill_row h4 { width: 77%; }
.note h2 { font-size: 24px; margin-bottom: 30px; }
.cart_section { padding: 40px 0 60px; }
.choose_promos .custom-radio h4 { font-size: 17px; margin-bottom: 10px; }
.choose_promos .custom-radio p { font-size: 14px; }
.choose_promos .custom-radio { padding: 15px 40px 15px 15px; }
.choose_promos .custom-radio::after { width: 22px; height: 22px; font-size: 12px; }
.choose_promos .filter-option + .filter-option { margin-top: 10px; }
.choose_promos  .filter-option input[type="radio"]:checked ~ label { padding: 0; }
.choose_promos  .filter-option label { padding: 0; }
.enquary_full .input_holder input { padding: 10px 15px; font-size: 16px; height: 45px; }
.enquary_full .input_holder label { font-size: 15px; }
.enquary_full .input_holder { margin-bottom: 15px; }
.add_card .btn_holder { margin-top: 50px; }
.search_section { padding: 40px 0 60px; }
.search_result_inp_hold { margin-bottom: 30px; }
.search_holder_top h2 { font-size: 24px; }
.search_holder_top { margin: 0px auto 30px; }
.search_result_inp_hold input { height: 50px; padding: 10px 60px 10px 15px; font-size: 17px; }
.left_part_profile { padding: 15px; width: 250px; min-width: 250px; }
.top_profile_list .tab-button { padding: 10px 8px; font-size: 16px; }
.top_profile_list ul li + li { padding: 4px 0; }
.inner_holder_my_profile { gap: 25px; }
.top_profile_list .tab-button.active:after { width: 4px; height: 23px; right: -7px; }
.logout_box button { font-size: 16px; }
.my_profile_section { padding: 40px 0; }
.profile_pic_holder { width: 110px; height: 110px; }
.profile_pic_holder span { width: 20px; height: 20px; }
.profile_right { padding: 25px; }
.profile_top h4 { font-size: 20px; }
.personal_dtls_blk input, .personal_dtls_blk select { padding: 12px 12px; font-size: 15px; }
.personal_details { column-gap: 15px; row-gap: 15px; }
.switch_row h4 { font-size: 18px; }
.switch_row { padding: 15px 20px; }
.switch_row + .switch_row { margin-top: 15px; }
.accordion-header { font-size: 16px; padding: 18px 15px; }
.accordion-body { padding: 0 15px 20px; }
.accordion-body p { font-size: 15px; line-height: 20px; }
.accordion-item { margin-bottom: 15px; }
.arrow { width: 10px; height: 10px; }
.get_enquery_holder { margin-top: 103px; max-width: 200px; }
.enquary_full .input_holder select { height: 45px; padding: 10px 15px; font-size: 16px; }
.enquary_full .input_holder textarea { height: 100px; padding: 10px 15px; font-size: 16px; }
.offers_holder { grid-template-columns: repeat(2, 1fr); }
.global_log_head h2 { font-size: 26px; line-height: 30px; }
.global_log_head p { font-size: 16px; line-height: 20px; }
.logout .modal-content, .del_add .modal-content, .delete_card .modal-content { padding: 40px 25px; max-width: 465px; }


}

@media (max-width:991px){
.footer-top-inner { padding: 30px 0; flex-wrap: wrap; }
.footer-top-inner .footer-logo { padding-right: 0px; width: 100%; margin-bottom: 25px; }
.footer-top-inner .information { padding-right: 15px; width: 50%; }
.footer-top-inner .quick-links { width: 25%; }
.footer-top-inner .legalities { width: 25%; }
.legalities .connect ul li { margin-right: 5px; }
.information ul li .nav-icon { margin-right: 10px; min-width: 40px; height: 40px; }
.footer-top-inner h6 { padding-bottom: 15px;font-size: 16px; line-height: 24px;  }
.food_tems_holder { grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 30px; }
.view_more_holder { margin-top: 30px; }
.offer_item_inner { padding: 10px 10px 10px 10px; flex-wrap: wrap; }
.offer_left { width: 100%; padding-right: 0; margin-top: 10px; order: 2; }
.offer_right { min-width: 100%; width: 100%; }
.cart { padding: 5px 10px; font-size: 14px; }
.search_holder { width: 200px; }
.get_enquiry h2, .add_card h2, .add_ons_modal h2, .coupon_modal h2, .delivery_address_modal h2 { font-size: 25px; margin-bottom: 30px; }
.add_ons_modal .btn_holder { margin-top: 35px; }
.get_enquiry .modal-content, .add_card .modal-content, .add_ons_modal .modal-content, .coupon_modal .modal-content, .delivery_address_modal .modal-content { padding: 40px; }
.left_part_profile { position: fixed; left: 0; top: 0; bottom: 0; z-index: 2; box-shadow: 0 6px 20px 5px rgba(0, 0, 0, 0.3); transform: translateX(-251px); transition: all 0.3s ease; border-radius: 0; }
.sidepannenl_trigger { display: block; }
.sidepannelactive .left_part_profile { transform: translateX(0px); }
.sidepannelactive:after{ content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; }
.sidepannelactive{ overflow: hidden; }
.switch_row h4 { font-size: 16px; }
.switch_row { padding: 10px 15px; border-radius: 10px; }
.add_new_card_holder { margin-top: 50px; }
.offers_holder .offer_right { min-width: 100%; width: 100%; }
.offers_holder .offer_right img { width: 100%; }
.rightpart_login { padding: 35px 20px; }
.or { margin: 5px; font-size: 14px; }
.leftpart_login { min-height: 655px; min-width: 300px; width: 300px; padding: 50px 20px; }


}

    
@media (max-width:767px){
.footer-top-inner .information { padding-right: 15px; width: 100%; }
.footer-top-inner .legalities { width: 100%; }
.footer-top-inner .quick-links { width: 100%; }
.footer-logo a { margin: 0 auto; }
.footer-top-inner .footer-logo p { font-size: 14px; padding-top: 20px; }
.offer_left h4 { font-size: 17px; line-height: 20px; }
.apply-button { font-size: 18px; margin: 20px auto 0; }
.filter-container { border-radius: 10px; padding: 15px 10px; }
.price_dropdown .dropdown-menu { width: 205px; left: auto; right: 0; }
.category_controllers .dropdown-button { font-size: 14px; }
.location button, .notification button, .dropdown-button { height: 45px; }
.offers { height: 45px; font-size: 14px; }
.category_controllers { margin-bottom: 20px; gap: 10px; }
.category_slider_section { padding: 25px 0; }
.search_holder { width: auto; }
.search_holder input { padding: 10px 10px 10px 40px; background-position: center left 15px; width: 40px; height: 45px; background-size: 18px; display: none; }
.cart span { line-height: 100%; width: 18px; }
.cart { height: 45px; }
.logo { width: 220px; }
.header-outer .location button span,.header-outer .notification button span,.header-outer .dropdown-button span { width: 18px; }
.header_inner_right { gap: 5px; }
.mobile_search { display: block; padding: 8px 10px; line-height: 35px; }
.mobile_search img{ width: 18px; }
.cart_global_box { padding: 20px; }
.cart_global_box h3 { gap: 10px; font-size: 18px; margin-bottom: 15px; }
.cart_global_box h3 span { height: 40px; width: 40px; }
.note h2 { font-size: 22px; margin-bottom: 20px; }
.delivery_address { margin-left: 55px; padding: 15px 130px 15px 15px; }
.delivery_address h5 { font-size: 16px; line-height: 20px; }
.delivery_address p { font-size: 14px; line-height: 18px; }
.change { font-size: 16px; right: 15px; }
.filter-time .custom-radio { padding: 12px 30px; }
.filter-time .filter-option label { font-size: 14px; }
.filter-time .custom-radio { min-width: 150px; }
.takeaway_timefull { max-width: 590px; }
.credit_debit_cards h4 { font-size: 16px; margin-bottom: 10px; }
.crd_image { margin-right: 20px; }
.card_inner_full .cards_outer + .cards_outer { margin-top: 10px; }
.cards_outer { padding: 18px 15px; }
.card_inner_full .card_part { padding-top: 10px; }
.cart_global_box .add_new_card_holder .solid_btn { font-size: 16px; padding: 15px 15px; }
.cart_global_box + .cart_global_box { margin-top: 20px; }
.add_new_card_holder { margin-top: 10px; }
.cart_full { gap: 20px; }
.profile_right { padding: 20px; }
.top_heading_tab h2 { font-size: 20px; }
.profile_pic_holder { width: 85px; height: 85px; }
.profile_pic_holder span { width: 15px; height: 15px; bottom: 5px; right: 5px; }
.profile_top { gap: 10px; padding-bottom: 15px; }
.profile_details { padding-top: 15px; }
.profile_details h5 { font-size: 18px; margin-bottom: 15px; }
.personal_dtls_blk label { font-size: 15px; }
.profile_top h4 { font-size: 18px; }
.btn_holder .edit_btn { width: 200px; }
.profile_details .btn_holder { margin-top: 50px; }
.personal_details { grid-template-columns: repeat(1, 1fr); } 
.accordion-header { font-size: 15px; padding: 15px 10px; }
.accordion-body p { font-size: 14px; line-height: 18px; }
.accordion-body { padding: 0 10px 15px; }
.accordion-item { margin-bottom: 10px; }
.get_enquery_holder { margin-top: 50px; }
.card_last_dgt { font-size: 14px; }
.cards_outer { padding: 12px 10px; }
.card_holder_box { grid-template-columns: repeat(1, 1fr); row-gap: 10px; }
.address_holder { grid-template-columns: repeat(1, 1fr); }
.order_dtls_block h3 { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
.order_dtls_block p { font-size: 14px; line-height: 17px; margin-bottom: 10px; }
.del_location { font-size: 14px; line-height: 17px; margin-bottom: 15px; }
.order_dtls_block { padding-bottom: 20px; flex-wrap: wrap; }
.order_right { width: 100%; justify-content: flex-start; margin-top: 20px; }
.order_left { width: 100%; }
.sub-tab-button { width: 165px; }
.orders_list { font-size: 14px; line-height: 17px; }
.order_prgrs_holder { padding: 10px 0; }
.step-title { font-size: 13px; }
.order_details_holder .raise_dispuite .solid_btn { width: 180px; }
.order_details_holder .btn_holder { padding-top: 10px; }
.refund_paragraph { padding-top: 10px; }
.refund_paragraph p { font-size: 14px; line-height: 17px; }
.refund_paragraph p a { font-size: 14px; }
.order_placed_time { font-size: 11px; }
.order_details_holder + .order_details_holder { margin-top: 15px; }
.order_details_holder { padding: 40px 10px 15px; }
.leftpart_login { min-height: 100%; min-width: 100%; width: 100%; padding: 25px; }
.login_main, .register_main, .verification_main { flex-wrap: wrap; }
.verification_main .leftpart_login { min-height: auto; }
.no_account { margin-top: 30px; }

}

@media (max-width:640px){
.fooditem_outer { padding: 0 5px; }
.recommended_slider { margin: 0 -5px; }
.food_image { height: 150px; }
.food_details { padding: 15px 0 10px; }
.food_details h2 { font-size: 17px; line-height: 20px; }
.price { border-radius: 8px; font-size: 18px; }
.discount_price { font-size: 16px; }
.food_details p { font-size: 15px; }
.border_btn { font-size: 14px; height: 45px; }
.solid_btn { font-size: 14px; height: 45px; }
.global_heading h2 { font-size: 20px; line-height: 25px; }
.global_heading { margin-bottom: 25px; }
.slide-arrow { width: 40px; height: 40px; font-size: 16px; }
.slider-navigation { width: 90px; }
.Recommended_for_you { padding: 20px 0; }
.food_items_section { padding: 25px 0 50px; }
.offer_btn { font-size: 14px; }
.offer_item { padding: 0 10px; }
.offer_slider { margin: 0 -10px; }
.offer_coupon_sec { padding: 25px 0; }
.modal-content .food_image { height: 240px; }
.modal-content .cart_add_outer .solid_btn { min-width: 220px; }
.get_enquiry h2, .add_card h2, .add_ons_modal h2, .coupon_modal h2, .delivery_address_modal h2 { font-size: 20px; margin-bottom: 25px; }
.add_ons_modal .btn_holder { margin-top: 20px; }
.search_section { padding: 30px 0 40px; }
.search_holder_top h2 { font-size: 20px; }
.crave_holder { gap: 15px; }
.order_placed_time span { width: 15px; }
.sub-tab-button { width: 140px; }
.verification_holder input { width: 50px; height: 50px; font-size: 16px; }
.resend_code { margin-top: 16px; font-size: 14px; margin-bottom: 35px; }

}

@media (max-width:575px){
.food_image { height: 200px; }
.cart_add_outer .solid_btn { min-width: 170px; }
.food_tems_holder { grid-template-columns: repeat(1, 1fr); column-gap: 15px; row-gap: 15px; }
.offer_item img { display: block; width: 100%; }
.category_controllers .location button span,.category_controllers .notification button span,.category_controllers .dropdown-button span { margin-left: auto; }
.category_controllers { flex-wrap: wrap; }
.offers { width: 100%; }
.category_controllers .dropdown-button { font-size: 14px; width: 100%; }
.category_controllers .dropdown { width: 100%; }
.category_item figure { width: 75px; height: 75px; }
.category_item h6 { font-size: 14px; margin-top: 10px; }
.category_slider .slick-slide { padding: 0 8px; }
.prev-disabled:after, .next-disabled:after { width: 89px; height: 100px; }
.logo { width: 165px; }
.mobile_search { padding: 8px 8px; height: 35px;line-height:26px; }
.header_inner_right .location button,.header_inner_right .notification button,.header_inner_right .dropdown-button { height: 35px; padding: 8px; }
.cart { height: 35px; padding: 8px; font-size: 10px; }
.cart{ position: relative; }
.cart em { font-style: normal; position: absolute; top: -5px; width: 18px; height: 18px; border-radius: 50%; background-color: red; text-align: center; padding: 0; right: -7px; }
.menu { padding: 10px; width: 350px; right: -46px; }
.note h2 { font-size: 18px; margin-bottom: 15px; line-height: 24px; }
.cart_section { padding: 30px 0 40px; }
.delivery_address { margin-left: 0; }
.credit_debit_cards { margin-left: 0; }
.bill_row h4 { font-size: 14px; }
.bill_row .counterValue { font-size: 14px; }
.price_individual p { font-size: 14px; }
.bill_row + .bill_row { margin-top: 15px; }
.total_row h4, .bill_summary h4 { font-size: 16px; }
.bill_summary table td { padding: 7px 0; font-size: 14px; }
.bill_summary table { margin-top: 10px; }
.bill_top { padding: 10px 0 20px; }
.total_bill { padding: 15px 0; }
.total_row span { font-size: 14px; }
.apply_promo_code a { font-size: 16px; }
.apply_promo_code { padding: 15px 0; }
.refund_para { padding: 15px 0; margin-bottom: 25px; }
.refund_para p { font-size: 14px; line-height: 20px; }
.refund_para a { font-size: 14px; }
.price_tag { font-size: 16px; line-height: 20px; }
.add_ons_row figure { width: 75px; min-width: 75px; height: 75px; }
.filter-time { grid-template-columns: repeat(2, 1fr); }
.get_enquiry .modal-content, .add_card .modal-content, .add_ons_modal .modal-content, .coupon_modal .modal-content, .delivery_address_modal .modal-content { padding: 40px 20px 30px; }
.coupon_modal .btn_holder, .delivery_address_modal .btn_holder { margin-top: 30px; }
.choose_promos .custom-radio::after { top: 18px; }
.add_card .btn_holder { margin-top: 30px; }
.enquary_full .input_holder input { font-size: 14px; height: 42px; }
.btn_holder .save_btn, .btn_holder .cancel_btn { width: 100%; }
.enquary_full .input_holder select { height: 42px; padding: 10px 15px; font-size: 14px; line-height: 18px; }
.enquary_full .input_holder textarea { height: 90px; padding: 10px 15px; font-size: 14px; }
.submit_holder { margin-top: 30px; width: 230px; }
.offers_holder { grid-template-columns: repeat(1, 1fr); }
.offers_holder .offer_right img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.offers_holder .offer_right { min-width: 100%; width: 100%; height: 180px; }
.address_box h4 { font-size: 15px; margin-bottom: 8px; line-height: 20px; }
.address_box p { font-size: 14px; }
.edt_holder a { font-size: 16px; }
.edt_holder { margin-top: 10px; }
.crave_holder { grid-template-columns: repeat(1, 1fr); }
.global_log_head h2 { font-size: 22px; line-height: 26px; }
.global_log_head p { font-size: 15px; line-height: 20px; }
.global_log_head { margin-bottom: 30px; }
.btn_holder { gap: 10px; }
.edit_add .menu { padding: 40px 20px; }
.changepassword .modal-content, .forgotpass .modal-content, .create_newpass .modal-content { padding: 40px 30px 30px; }
.login_btn_holder.register_prt .solid_btn { margin-bottom: 10px; }
.forgotpass .global_log_head, .changepassword .global_log_head { margin-bottom: 50px; }
.rightpart_login { padding: 20px; }
.form_checkbox>label { font-size: 14px; padding-top: 5px; }
.forgot_password { font-size: 14px; }


}


@media (max-width:480px){
.footer-top-inner .footer-logo p { font-size: 12px; line-height: 20px; }
.footer-top-inner ul li { margin-bottom: 10px; }
.footer-btm p { font-size: 12px; line-height: 24px; }
.logo { width: 280px; margin: 0 auto; }
.inner_top_header { flex-wrap: wrap; }
.header_inner_right { width: 100%; justify-content: center; margin-top: 10px; }
.header_inner_right .location button, .header_inner_right .notification button, .header_inner_right .dropdown-button { border-radius: 5px; }
.cart { border-radius: 5px; }
.mobile_search { border-radius: 5px; }
.category_item h6 { font-size: 12px; }
.menu { padding: 10px; width: 350px; transform: translateX(-45%); right: auto; }
.menu h2 { font-size: 18px; line-height: 22px; margin-bottom: 10px; }
.menu h4 { margin-bottom: 10px; }
.notification_row { padding: 10px 5px; gap: 10px; }
.unreaded:after { right: 4px; top: 4px; }
.notification_row + .notification_row { margin-top: 5px; }
.search_list, .notification_list { overflow: auto; max-height: 200px; }
.location .menu { transform: translateX(-33%); }
.search_list ul li { font-size: 14px; line-height: 18px; padding: 10px 10px 10px 20px; background-size: 18px; }
.search_list ul li span { font-size: 12px; line-height: 14px; }
.modal-content .cart_add_outer .solid_btn { min-width: 150px; }
.modal-content .counter_btn { width: 40px; height: 40px; font-size: 22px; }
.modal-content .food_image { height: 175px; }
.search_result_inp_hold input { height: 45px; font-size: 16px; }
.search_result_inp_hold { margin-bottom: 20px; }
.search_holder_top { margin: 0px auto 20px; }
.my_order_full .sub-tab-headers { margin-bottom: 20px; flex-wrap: wrap; }
.sub-tab-button { width: 100%; justify-content: flex-start; }
.step-circle { width: 18px; height: 18px; font-size: 8px; }
.step.completed .step-circle::before { font-size: 10px; }
.step .step-circle::before { font-size: 10px; }
.step-title { font-size: 10px; }
.step { min-height: 47px; }
}


@media (max-width:420px){
.food_image { height: 170px; }
.card_last_dgt { font-size: 14px; }
.card_details_hold { gap: 12px; }
.dots_part span { width: 3px; height: 3px; }
.cart_global_box .add_new_card_holder .solid_btn { font-size: 15px; }
.delivery_address { padding: 15px 85px 15px 15px; }
.add_ons_row figure { width: 60px; min-width: 60px; height: 60px; }
.addon_details h6 { font-size: 14px; line-height: 17px; margin-bottom: 10px; }
.addon_details .solid_btn { height: 38px; font-size: 14px; padding: 10px 15px; }
.verified { font-size: 10px; padding: 2px 5px; border-radius: 4px; }
.verify { font-size: 10px; padding: 4px 5px; border-radius: 5px; }
.personal_dtls_blk input, .personal_dtls_blk select { padding: 10px 10px; font-size: 14px; font-weight: 500; }

}