body {margin: 0; padding: 0; width: 100%; overflow-y: auto; overflow-x: hidden; font-family: "Nunito", sans-serif; background-color: #fff7ef;}
.no_scroll {overflow: hidden !important;}
.bars, .nav_title, .nav_bg {display: none !important;}

a {text-decoration: none !important;}
ul {list-style: none; margin: 0; padding: 0;}
.text-justify {text-align: justify;}

.main_heading {font-size: 32px; font-weight: 800; color: #222;}
.sub_heading {font-size: 20px; font-weight: 700;}
.small_heading {font-size: 14px; font-weight: 600; text-transform: uppercase; color: #e27127;}
.small_heading span {letter-spacing: 2px; position: relative; top: -4px;}
.para {color: #333; font-size: 16px; line-height: 24px;}

.button_1 {display: inline-block; width: max-content; padding: 10px 25px; font-size: 13px; text-transform: uppercase; white-space: nowrap; text-align: center; color: #fff !important; letter-spacing: 0.5px; font-weight: 600; background-color: #FF8D3B; background: linear-gradient(122deg,rgba(255, 174, 0, 1) 20%, rgba(255, 141, 59, 1) 45%); border: 2px solid #FF9D4A; border-radius: 20px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); transition: all 0.5s;}
.button_1:hover {background-color: #254459;}

.button_2 {display: inline-block; width: max-content; padding: 10px 25px; font-size: 13px; text-transform: uppercase; text-align: center; color: #fff !important; letter-spacing: 0.5px; font-weight: 600; background-color: #57C880; background: linear-gradient(122deg,#57C880 20%, #53B175 45%); border: 2px solid #57C880; border-radius: 20px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); transition: all 0.5s;}
.button_2:hover {background-color: #254459;}

.button_3 {display: inline-block; width: max-content; padding: 10px 25px; font-size: 13px; text-transform: uppercase; text-align: center; color: #fff !important; letter-spacing: 0.5px; font-weight: 600; background-color: #191825; border: 2px solid #191825; border-radius: 5px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); transition: all 0.5s;}
.button_3:hover {background-color: #254459;}


.bread_cumbs {margin: 0; margin-bottom: 8px; padding: 0; list-style: none;}
.bread_cumbs li {display: inline-block;}
.bread_cumbs li a {color: #4169e1; font-size: 15px; font-weight: 600; display: block;}
.bread_cumbs li:last-child a {color: #666;}
.bread_cumbs li a:after {content: '/'; position: relative; top: 0px; margin-left: 5px;}
.bread_cumbs li:last-child a:after {content: '';}

.rounded-4 {border-radius: 20px;}


/*/Header/*/


/*/Navigation/*/
nav {padding: 10px 0; position: sticky; top: 0; z-index: 999; background-color: #fff;}
.nav_flex {display: flex; align-items: center; grid-gap: 15px; justify-content: space-between;}

.search_input {display: flex; align-items: center; grid-gap: 4px; border: 1px solid #ccc; border-radius: 25px; width: 490px; padding: 5px; background-color: #F8F8F8; position: relative;}
.search_input input {width: 450px; height: 34px; padding: 5px 15px; font-size: 14px; border: none; border-radius: 25px; background-color: transparent;}
.search_input input:focus {outline: none;}
.search_input button {height: 34px; width: 34px; font-size: 20px; border-radius: 50%; border: none; display: grid; align-items: center; justify-content: center; background-color: #64b445; color: #fff;}

.list-group-item {font-size: 14px;}

.deliver_to {display: flex; align-items: center;}
.deliver_to i {height: 34px; width: 34px; font-size: 20px; border-radius: 50%; border: none; display: grid; align-items: center; justify-content: center; background-color: #64b445; color: #fff;}
.deliver_to div {padding-left: 10px; width: calc(100% - 34px);}
.deliver_to div h6 {font-weight: 500; margin-bottom: 0; font-size: 14px;}
.deliver_to div p {margin-bottom: 0; font-size: 14px; color: #666; font-size: 12px;}

.cart_btn {position: relative;}
.cart_btn i {font-size: 28px; border-radius: 50%; border: none; display: grid; align-items: center; justify-content: center; color: #333;}
.cart_btn span {position: absolute; top: 0px; right: -10px; height: 16px; width: 16px; border-radius: 50%; display: grid; align-items: center; justify-content: center; font-size: 12px; color: #fff; background-color: #64b445;}

/*/Logo/*/
.logo {display: inline-block;}
.logo img {height: 70px; object-fit: contain;}

/*/Banner/*/
.banner {position: relative; z-index: 99; padding: 0;}
.banner_other {display: block; height: 300px; overflow: hidden; position: relative;}
.banner_home {display: block; height: 600px; overflow: hidden; position: relative;}

.banner_img {height: 100%; width: 100%; background-color: #000;}
.banner_img img {width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); opacity: 1; transition: all 14s;}

.banner_info {position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: grid; align-items: center; background-color: transparent; text-align: left; z-index: 99;}
.banner_info h6 {color: #fff; font-size: 20px; font-family: 'Arial', sans-serif; letter-spacing: 1px;}
.banner_info h3 {font-size: 50px; font-weight: 700; color: #fff; text-shadow: 2px 2px 5px #0000004a;}
.banner_info p {color: #fff; font-size: 16px; letter-spacing: 0.3px; text-shadow: 2px 2px 5px #0000004a;}
.banner_other .banner_info h3 {font-size: 60px;}

.cate_scroll {position: sticky; top: 90px; z-index: 999; background-color: #fff7ef;}
.category-filters {overflow-x: auto; width: 100%; display: flex; height: auto; padding: 10px 0; border-radius: 10px;;}
.store_logo {height: 80px; width: 80px; border-radius: 50%; overflow: hidden;}
.store_details {width: calc(100% - 80px); padding-left: 10px;}
.store_logo img {height: 100%; width: 100%; object-fit: cover;}
.store_img {height: 400px !important; border-radius: 10px; overflow: hidden;}
.store_img img {height: 100%; width: 100%; object-fit: cover;}
.store_banner .slick-prev, .store_banner .slick-next {display: none !important;}
.banner_tab {position: absolute; right: 15px; bottom: 15px;}
.action-btn { border: 1px solid #ddd; border-radius: 8px; padding: 4px 12px; font-size: 14px; background-color: #fff; transition: all 0.3s;}
.action-btn:hover {background-color: #f8f9fa;}
.store_banner.slick-dotted.slick-slider {margin-bottom: 10px !important;}

.adSlick {margin-bottom: 0 !important;}
.other_ad_banner {height: 300px;}
.other_ad_banner img {height: 100%; width: 100%; object-fit: cover; border-radius: 10px;}
.adSlick .slick-dots, .adSlick .slick-prev, .adSlick .slick-next {display: none !important;}

/*/Content/*/
.content_sec {padding: 50px 0;}
.heading {display: flex; align-items: center; justify-content: space-between; border-left: 4px solid #FF4C0B; padding-left: 15px;}

.category_box {height: 300px; overflow: hidden; position: relative; padding: 10px;}
.category_box img {height: 100%; width: 100%; object-fit: contain;}
.category_box h6 {position: absolute; bottom: 50px; left: 30px; width: calc(100% - 60px); text-align: center; font-size: 24px; color: #fff; font-weight: 600;}

/*/Shop List/*/
.shop_list_box {padding: 15px; border-radius: 10px; border: 1px solid #dedede; position: relative; outline: 1px solid transparent; transition: all 0.5s;}
.shop_banner {height: 230px; width: 100%; border-radius: 10px; overflow: hidden;}
.shop_banner img {height: 100%; width: 100%; object-fit: cover;}

.shop_info {display: flex; flex-wrap: wrap; padding: 0px;}
.shop_logo {width: 60px; height: 60px; overflow: hidden; border-radius: 50%; border: 1px solid #a1a1a1;}
.shop_logo img {height: 100%; width: 100%; object-fit: contain;}

.shop_list_box:hover {outline: 1px solid #ff8d3b;}
.shop_list_box img {transform: scale(0.9); transition: all 2s;}
.shop_list_box:hover img {transform: scale(1.1);}

.shop_details {width: calc(100% - 60px); padding-left: 15px;}
.shop_details h5 {font-size: 18px; margin-bottom: 10px; font-weight: 600;}
.shop_details p {font-size: 14px; color: #666; margin-bottom: 15px;}

.ratings {grid-gap: 2px;}
.ratings li i.checked {color: #FFC300;}
.ratings li i {color: #777; font-size: 14px;}

.wishlist_btn {position: absolute; top: 5px; right: 9px;}
.wishlist_btn a {color: #ff8d3b;}


/*/Product Details/*/
.main_img {height: 400px; width: 100%; border-radius: 10px; background-color: #eeeeee8e; padding: 15px; margin-bottom: 5px;}
.main_img img {height: 100%; width: 100%; object-fit: contain;}
.more_imgs {height: 120px; width: 100%; display: -webkit-box; overflow-x: auto; grid-gap: 5px;}
.more_imgs div {height: 100px; width: 90px; border-radius: 5px; overflow: hidden; padding: 5px; background-color: #eeeeee8e; margin: auto; cursor: pointer;}
.more_imgs div img {height: 100%; width: 100%; object-fit: contain;}

#productTabs {display: -webkit-box; overflow-x: auto; overflow-y: hidden;}

/*/Footer/*/
footer {background-color: #191825; padding: 50px 0;}
.footer_bottom {background-color: #111; padding: 20px 0;}
.subscription {display: flex; align-items: center;}
.subscription input {background-color: #fff; border-radius: 5px 0 0 5px; border: none; padding: 8px 10px; font-size: 14px; width: calc(100% - 80px);}
.subscription button {width: 80px; padding: 6.5px; border: none; border-radius: 0 5px 5px 0; background: linear-gradient(122deg,#57C880 20%, #53B175 45%); color: #fff;}

.social_ul {display: flex; align-items: center; grid-gap: 5px;}
.social_ul li a i {height: 40px; width: 40px; border-radius: 50%; background-color: #0e0d14; background: linear-gradient(122deg,#57C880 20%, #53B175 45%); color: #fff; display: grid; align-items: center; justify-content: center;}


/*/FONT-SIZE/*/
.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_19 {font-size: 19px !important;}
.fs_20 {font-size: 20px !important;}
.fs_22 {font-size: 22px !important;}
.fs_24 {font-size: 24px !important;}
.fs_26 {font-size: 26px !important;}
.fs_28 {font-size: 28px !important;}
.fs_30 {font-size: 30px !important;}
.fs_32 {font-size: 32px !important;}
.fs_34 {font-size: 34px !important;}
.fs_36 {font-size: 36px !important;}
.fs_38 {font-size: 38px !important;}
.fs_40 {font-size: 40px !important;}

.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}

.clip_1 {-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_2 {-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_3 {-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_4 {-webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_5 {-webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_6 {-webkit-line-clamp: 6; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_8 {-webkit-line-clamp: 8; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}

/*/Modal/*/
.new_modal {position: fixed; height: 100vh; width: 100%; left: 0; top: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #0000005c; z-index: 9999; visibility: hidden;}
.new_modal .modal_content {max-height: 100vh; overflow: hidden; overflow-x: hidden; background-color: #fff; border-radius: 3px; transform: scale(0.2); opacity: 0; transition: all 0.5s;}
.modal_open {visibility: visible;}
.modal_open .modal_content {transform: scale(1.0); opacity: 1;}

.new_modal .mw_auto {width: auto;}
.new_modal .mw_320 {min-width: 320px; max-width: 320px;}
.new_modal .mw_400 {min-width: 320px; max-width: 400px;}
.new_modal .mw_500 {min-width: 320px; max-width: 500px;}
.new_modal .mw_600 {min-width: 320px; max-width: 600px;}
.new_modal .mw_700 {min-width: 320px; max-width: 700px;}
.new_modal .mw_1000 {min-width: 320px; max-width: 1000px;}
.new_modal .w_320 {min-width: 320px; width: 320px;}
.new_modal .w_400 {min-width: 320px; width: 400px;}
.new_modal .w_500 {min-width: 320px; width: 500px;}
.new_modal .w_600 {min-width: 320px; width: 600px;}
.new_modal .w_700 {min-width: 320px; width: 700px;}
.new_modal .w_800 {min-width: 320px; width: 800px;}
.new_modal .w_900 {min-width: 320px; width: 900px;}
.new_modal .w_1000 {min-width: 320px; width: 1000px;}
.new_modal .w_fit {min-width: 320px; width: 100%;}
.new_modal .mh_auto {min-height: 100px; height: auto;}
.new_modal .mh_fit {height: 100vh;}

.new_modal .modal_head {display: flex; align-items: center; justify-content: space-between; height: 59px; background-color: #fff; border-bottom: 1px solid #ddd;}
.new_modal .modal_head h6, .new_modal .modal_head i {padding: 15px; color: #39363a; font-weight: bold;}
.new_modal .modal_head i {cursor: pointer;}
.new_modal .modal_body {max-height: calc(100vh - 120px); min-height: 100px; padding: 20px 15px 25px; overflow-y: auto;}
.new_modal .mh_fit .modal_body {height: 100vh !important;}
.new_modal .modal_footer {padding: 5px 15px; height: 60px; background-color: #eee; display: flex; align-items: center; justify-content: end; grid-gap: 5px;}

.new_modal .input_flex {border: 1px solid #aaa;}
.new_modal .input_flex span {padding: 0 4px 0 10px;}
.new_modal .input_flex input {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px;}
.new_modal .input_flex textarea {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px;}
.new_modal .input_flex select {color: #111; width: 100%; border: none; padding: 21px 8px 6px; font-size: 15px;}
.new_modal .modal_footer button {padding: 13px 25px;}

@media only screen and (max-width:767px) {
	/****Modal****/
	.mobile_fix {width: 100% !important; height: 100vh;}
	.mobile_fix .modal_body {height: calc(100vh - 180px); overflow-y: auto;}
}
/*/Modla Ends/*/


/*/Profile Page/*/
/* .account_sec {padding: 50px 0; background-color: #efefef;}
.account_view {height: 100%;}
.account_header {display: flex; align-items: center; justify-content: space-between; padding: 0; background-color: #efefef;}
.account_header h6 {padding: 15px 0; font-size: 18px; font-weight: 600;}
.account_header i {padding: 15px; display: none;}
.account_nav {background-color: #fff; padding: 15px; height: auto;}
.account_nav .nav_item {display: flex; align-items: center; grid-gap: 10px; padding: 10px 12px; margin-bottom: 2px; background-color: transparent;}
.account_nav .nav_item span {font-size: 18px; color: #033b39; width: 30px; padding: 2px; text-align: center; border: 1px solid #ddd; border-radius: 3px;}
.account_nav .nav_item h6 {margin-bottom: 0; font-weight: 500; color: #666; font-size: 14px;}
.account_nav .nav_item i {margin-left: auto; color: #666;}

.account_nav .nav_item:hover, .account_nav .nav_item.active {background-color: #eee;}

.nav_view {height: 100%;}
.nav_header {display: flex; align-items: center; justify-content: space-between; padding: 0; background-color: #efefef;}
.nav_header h6 {padding: 15px 0; font-size: 18px; font-weight: 600; margin-bottom: 0; opacity: 0; visibility: hidden;}
.nav_header span {padding: 15px; display: none;}
.detail_header {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 0 15px;}
.detail_header h6 {font-size: 16px;}

.nav_body {padding: 25px; height: 100%; background-color: #fff;}

.cart_img_list {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 120px; grid-gap: 4px; padding: 5px;}
.gr_1 .cart_grid_img {flex-grow: 1; height: 70%;}
.gr_2 .cart_grid_img {flex-grow: 1; height: 70%;}
.cart_grid_img {border-radius: 4px; height: calc(50% - 4px); width: calc(50% - 4px);}
.cart_grid_img img {width: 100%; height: 100%; object-fit: contain; padding: 3px;} */

/*/Cart Page/*/
.cart_items, .cart_total {padding: 25px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}
.cart_grid {display: grid; grid-gap: 15px;}
.cart_box {display: flex; align-items: center; justify-content: space-between;}
.cart_box .cart_left {width: 120px;}
.cart_box .cart_right {width: calc(100% - 120px); display: flex; align-items: center; justify-content: space-between;}
.cart_box .cart_left .cart_img {width: 100px; height: 100px; overflow: auto; border: 1px solid #eee; border-radius: 4px; display: block;}
.cart_box .cart_left .cart_img img {width: 100%; height: 100%; object-fit: contain;}
.feat_ul {display: flex; align-items: center; grid-gap: 5px;}
.feat_ul .op_ul {font-size: 13px; display: inline-block; font-weight: 400; color: #666;}
.feat_ul .op_ul:not(.op_ul:last-child):after {content: ",";}


.account_sec {min-height: 100vh;}
.round_card {background-color: #fff; border-radius: 20px; padding: 30px 25px;}

.form_view label, .form_view .form-control, .form_view .form-select {font-size: 14px; margin-bottom: 0 !important;}

/*........Account Pages........*/
.account_pic {height: 90px; width: 90px; overflow: auto; border-radius: 50%; margin: auto; margin-bottom: 25px; background-color: #ff8d3b; background: linear-gradient(122deg,rgba(255, 174, 0, 1) 20%, rgba(255, 141, 59, 1) 45%)}
.account_pic img {height: 100%; width: 100%; object-fit: cover;}
.round_card h6 {font-size: 22px; font-weight: 600; color: #141f2c;}
.round_card p {font-size: 16px; color: #444; font-weight: 500;}

.profile_ul {display: grid; grid-gap: 5px;}
.nav_item {display: flex; align-items: center; padding: 3px 0; background-color: #fff; border-radius: 10px; padding: 7px 15px; transition: all 0.5s;}
.nav_item h6 {margin-bottom: 0; color: #2c2e32; font-weight: 500; font-size: 17px; padding-left: 10px;}
.nav_item span {font-size: 26px; color: #141f2c;}
.nav_item i {margin-left: auto; color: #2c2e32;}

.nav_item:hover, .nav_item.active {background-color: #ff8d3b;}
.nav_item.active h6, .nav_item.active span {color: #fff;}

.nav_view {height: 100%; background-color: #fff; border-radius: 0 0 10px 10px;}
.nav_header {background-color: #ff8d3b; display: flex; align-items: center; justify-content: space-between; border-radius: 10px 10px 0 0; padding: 2px 0;}
.nav_header h6 {margin-bottom: 0; color: #fff; font-weight: 600; padding: 15px 20px;}
.nav_header span.mdi {cursor: pointer; color: #fff; padding: 15px 20px; display: none;}
.nav_body {padding: 20px 20px;}
.nav_bg_color {background-color: transparent;}

.nav_body label {font-size: 12px; text-transform: uppercase; font-weight: 600; margin-bottom: 2px; display: block;}
.nav_body input, .nav_body textarea {padding: 9px 10px; border: 1px solid #ddd; border-radius: 10px; width: 100%; font-size: 14px; font-weight: 500; color: #666;}

.address_grid {display: grid; grid-gap: 7px;}
.address_box {background-color: #fff; border-radius: 10px; padding: 20px;}

.edit_btn {display: inline-block; font-size: 13px; padding: 2px 10px; border-radius: 4px; border: none; background-color: #191825; color: #fff;}
.remove_btn {display: inline-block; font-size: 13px; padding: 2px 10px; border-radius: 4px; border: none; background-color: #c43726; color: #fff;}
.edit_btn:hover, .remove_btn:hover{color: #ddd;}
.addr_form {background-color: #fff; padding: 20px;}
.order_list {display: grid; grid-gap: 7px;}
.cart_box_list {background-color: #fff; border-radius: 10px; padding: 20px; padding-top: 10px;}

.detail_header {display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px;}
.detail_header h6, .detail_header span.mdi {padding: 10px 0;} 


#suggestionsBox {
	max-height: 300px;
	overflow-y: auto;
	background: white;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 9999;
	top: 100%;
}

.suggestion-item:hover {
	background-color: #f8f9fa;
	cursor: pointer;
}


/*........media-querries........*/
@media only screen and (max-width:1200px) {
	.search_input {width: 240px;}
	.search_input input {width: 220px;}
}
@media only screen and (max-width:991px) {
	.banner_home {height: auto;}
	.slick-dotted.slick-slider {margin-bottom: 0 !important;}
	.logo img {height: inherit; width: 100%;}
	.search_input {display: none;}
	/* .nav_flex {justify-content: end;} */
	.category_box h6 {bottom: 20px; font-size: 18px;}
}
@media only screen and (max-width:767px) {
	nav {padding: 10px 0;}
	.slick-prev, .slick-next {display: none !important;}
	footer .logo img {width: 50% !important;}
	.nav_header span.mdi {display: block;}
	.nav_view {display: none;}
	.nav_view_open {display: block !important; position: fixed; top: 0; left: 0; right: 0; height: 100vh; background-color: #fff; overflow-y: auto; z-index: 9999;}
	.nav_body, .nav_view, .nav_bg_color {background-color: #fff7ef;}
	.order_list {height: 100%; background-color: #fff7ef;}
	.cartPageStep {display: none;}
	.store_img {height: 300px !important;}
	.modal-open .modal {z-index: 9999;}
}
@media only screen and (max-width:576px) {
	.nav_flex {grid-gap: 10px;}
	.deliver_to i {height: 22px; width: 22px; font-size: 13px;}
	.deliver_to div h6 {font-size: 11px;}
	.deliver_to div p {font-size: 10px;}
	.cart_btn i {font-size: 18px;}
	.cart_btn span {top: -3px; right: -11px; font-size: 11px;}
	.nav_flex .button_1 {padding: 5px 7px; font-size: 12px;}
	.deliver_to div {padding-left: 5px;}
	.cart_btn {margin-right: 5px;}
	.category_box h6 {font-size: 12px; bottom: 15px;}
	.content_sec {padding: 20px 0;}
	.main_heading {font-size: 20px;}
	/* .button_2 {display: inline-block; width: max-content; padding: 7px 20px; font-size: 10px;} */
	.shop_banner {height: 180px;}
	.category_box {padding: 2px 5px;}
	.nav_flex .button_1 {font-size: 10px;}

	.shop_list_box {padding: 10px;}
	.shop_logo {height: 50px; width: 50px;}
	.shop_details {width: calc(100% - 50px); padding-left: 10px;}
	.ratings {grid-gap: 2px;}
	.shop_details p.fs_14 {font-size: 13px !important;}
	.cate_scroll {background-color: #fff7ef; padding-top: 5px; top: 67px;}
	.heading h6 {font-size: 18px;}
	.cartPage {margin: 15px 0px 10px 0px !important;}

	.logo img {width: 50px;}

}
@media only screen and (max-width:480px) {
	.main_heading {font-size: 16px;}
	.cartPage .main_heading {font-size: 16px !important;}
	.heading {padding-left: 10px;}
	.store_logo {height: 60px; width: 60px;}
	.store_details {width: calc(100% - 60px);}
	.store_details h4 {font-size: 18px;}
	.store_details p {font-size: 13px !important;}
	.store_img {height: 200px !important;}
}




/**************Download App Btn***************/
.download-btn {
	font-size: 12px !important;
	position: relative;
	overflow: hidden;
    background: #f31c1c;
    color: #fff !important;
    border: 2px solid #d01b1b;
	padding: 4px 15px !important;

    /* Animations */
    animation: float 2.5s ease-in-out infinite, pulse 3s ease-in-out infinite;
}

/* Lighter Shine #1 (more transparent) */
.download-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -200px;
    width: 120px;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.4) 50%,
        transparent 100%
    );
    opacity: 0.6;
    filter: blur(3px);
    transform: skewX(-25deg);
    animation: shine-swipe 1.6s linear infinite;
}

/* Lighter Shine #2 (more transparent) */
.download-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -250px;
    width: 150px;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 100%
    );
    opacity: 0.5;
    filter: blur(5px);
    transform: skewX(-25deg);
    animation: shine-swipe-2 2.2s linear infinite;
}

/* Shine #1 movement */
@keyframes shine-swipe {
    0% { left: -200px; }
    100% { left: 150%; }
}

/* Shine #2 movement */
@keyframes shine-swipe-2 {
    0% { left: -250px; transform: skewX(-25deg) scale(1); }
    100% { left: 160%; transform: skewX(-25deg) scale(1.2); }
}

/* Floating motion */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

/* Zoom in/out pulse */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}