/* default css ================================================== */ :root { --defaultColor: #50cd89; --grayColor: #b5b5c3; --primaryColor: #009ef7; --dangerColor: #c82333; --btnColor: #009ef7; --whatsappBottom: 120px; --whatsappRight: 27px; } .theme-light { --nav-color: #f8f9fa; --body-color: #f3f5f9; --background-color: #f3f5f9; --color: #4b566b; --card-color: #fff; --box-shadow: #eee; --box-shadow-soft: #eee; --border-color: #f3f5f9; --soft-background: #fff; --card-soft: #f9f9f9; } .theme-dark { --nav-color: rgba(14, 23, 39, 1); --body-color: #191d2b; --color: #c2c7d0; --card-color: rgb(14, 23, 39); --box-shadow: rgba(0, 0, 0, 0.1); --box-shadow-soft: #322d2d; --background-color: #343a40; --border-color: rgba(209, 213, 219, .1); --soft-background: rgba(255, 255, 255, .1); --card-soft: rgba(255, 255, 255, .1); } * { margin: 0; padding: 0; box-sizing: border-box; } html { padding: 0; margin: 0; box-sizing: border-box; background: var(--body-color) !important; } a { color: var(--color); } a:hover, a:visited { color: var(--color); } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 700; font-family: 'Montserrat'; } .theme-light .contacts_area .form-control, .theme-light .reservation_form .form-control, .theme-light .form-control { border-color: #ddd !important; } .mainWrapper { overflow-x: hidden; width: 100%; max-width: 100vw; background-color: var(--body-color); } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; padding: 0; margin: 0; background: var(--body-color) !important; } td, tr, th { color: var(--color) !important; border-color: var(--border-color) !important; } a:hover { text-decoration: none; outline: none; } a:focus { text-decoration: none; outline: none; } button:hover { text-decoration: none; outline: none; } button:focus { text-decoration: none; outline: none; } p { padding: 0; margin: 0; font-weight: normal; } .dis_none { display: none; } img { height: 100%; width: 100%; object-fit: cover; } ul { margin: 0; padding: 0; list-style: none; } a, button { cursor: pointer; outline: none; transition: all .3s ease-in-out !important; } a:hover, button:hover { cursor: pointer; outline: none; transition: all .3s ease-in-out !important; } .pointer { cursor: pointer; } /* Remove Chrome Input Field's Unwanted Yellow Background Color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px var(--body-color) inset !important; -webkit-text-fill-color: var(--color) !important; /* Add this */ transition: background-color 5000s ease-in-out 0s; /* Prevent background color flashing */ } .none { display: none !important; } /* default css ================================================== */ body.light { color: #4b566b !important; background: #f3f5f9; } body.dark { color: #a4acc4; } .c_green, .success { color: #4CAF50; } span.out_of_stock { color: tomato; } .btn { outline: none !important; } .btn.focus, .btn:focus { outline: none !important; box-shadow: none !important; } .ml-9 { margin-left: 9px !important; } .alert_msg { padding-top: 3px; } .c_red, .error { color: red !important; } .mt-20 { margin-top: 20px; } .mh-250 { min-height: 250px; } .pt-50 { padding-top: 50px; } .mb-30 { margin-bottom: 30px; } .mr-25 { margin-right: 25%; } .card-pr-5 { padding-right: 5px !important; } .card-pl-5 { padding-left: 5px !important; } .mtb-20 { margin-top: 20px; margin-bottom: 20px; } .section-padding-top { padding-top: 120px; } .section-padding-bottom { padding-bottom: 120px; } .mi-padding-top { padding-top: 80px; } .mi-padding-bottom { padding-bottom: 80px; } .section_wrapper { padding: 0 50px; width: 100%; overflow: hidden; } .row-reverse { flex-direction: row-reverse; ; } .mb-50 { margin-bottom: 50px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .pb-20 { padding-bottom: 20px; } .pt-20 { padding-top: 20px; } .min-height { min-height: 100vh; } .error_content p { color: #fff; margin-top: 5px; } .home_page_navbar .navbar-brand { color: #777; max-height: 48px; max-width: 125px; } .contentArea.navLeft { padding-left: 300px; } .contentArea.navRight { padding-right: 300px; } .navLeft { left: 0; border-right: 1px solid #2e344e; } .navRight { right: 0; border-left: 1px solid #2e344e; } .wrapper { display: flex; justify-content: center; align-items: center; min-height: 100vh; position: relative; z-index: 1; flex-direction: column; } body.dark { background: #191d2b; } .plr { width: 100%; } .homeContent { color: #fff; padding: 50px 80px; } .php-pagination { display: flex; width: 100%; justify-content: center; margin: 40px; } /* gallery filter */ .gallery_sort { display: flex; align-items: center; padding: 0; margin: 0; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; overflow-x: auto; width: 100%; } ul.gallery_sort li { margin: 0 5px 5px; } ul.gallery_sort li button:focus { outline: none; } ul.gallery_sort li button.active, ul.gallery_sort li button:hover { background: #29c7ac; color: #fff; transition: all .3s; } ul.gallery_sort li button { display: block; padding: 12px 25px; background: var(--soft-background); border: 0; border-radius: 5px; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); outline: none; transition: all .3s; color: var(--color); } .gallery_top_menu { margin-bottom: 14px; position: relative; } .gallery_sort li button.active { position: relative; } .gallery_sort li button.active::before { left: 0; } .filter { padding: 7px; } /* Create four equal columns that sits next to each other */ .item { background-color: none; display: inline-block; margin: 0; width: 100%; cursor: pointer; } #masonry4 { column-count: 2; column-gap: 0px; } @media(min-width: 30em) { #masonry4 { column-count: 2; column-gap: 0px; } } @media(min-width: 40em) { #masonry4 { column-count: 2; column-gap: 0px; } } @media(min-width: 60em) { #masonry4 { column-count: 3; column-gap: 0px; } } @media(min-width: 75em) { #masonry4 { column-count: 4; column-gap: 0px; } } #masonry3 { column-count: 1; column-gap: 0px; } @media(min-width: 30em) { #masonry3 { column-count: 3; column-gap: 0px; } } @media(min-width: 40em) { #masonry3 { column-count: 3; column-gap: 0px; } } @media(min-width: 60em) { #masonry3 { column-count: 3; column-gap: 0px; } } @media(min-width: 75em) { #masonry3 { column-count: 3; column-gap: 0px; } } /* menu btn ================================================== */ .navOpen { display: none; } /* 404 page ================================================== */ .error_page { background: #191d2b; margin: 0; padding: 0; height: 100vh; } .error_wrapper { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .error_wrapper h4 { color: #fff; font-size: 30px; } /* custom css ================================================== */ .mb-80 { margin-bottom: 80px; } .pt-80 { padding-top: 80px; } .top_header_area { padding-top: 150px; } .layout_5 { background-attachment: fixed !important; } .left_height_line { width: 7px; background: radial-gradient(circle, #00a8cc, #00afca, #00b5c6, #00bbc0, #00c0b9, #36bf9e, #5bbd81, #7cb865, #aba63e, #d48c39, #ef6d57, #f35588); position: absolute; top: 0; left: 108px; transition: .5s; z-index: 8; } ul.social_icons li a:hover { background: #fff; color: #037fff; transition: .5s; } .top_btn { display: flex; align-items: center; justify-content: flex-end; } .top_btn a { display: inline-block; background: #194368; color: #fff; padding: 6px 12px; font-size: 14px; border-radius: 3px; height: 30px; white-space: nowrap; padding-top: 0; margin-right: 10px; } .hidden_text { display: inline-block; width: 0; overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: left; line-height: 35px; vertical-align: middle; text-transform: uppercase; font-size: 10px; padding-left: 0; } .top_btn a:hover .hidden_text { width: 111px; padding-left: 5px; } .topMenu_bar { height: 53px; width: 50px; position: fixed; left: 11px; top: 20px; overflow: hidden; z-index: 10; } .topMenu_bar a { color: #fff; background: #191d2b; font-size: 25px; padding: 2px 10px; text-align: center; display: inline-block; line-height: 42px; padding-bottom: 0; } .leftMenu_bar { height: 100vh; width: 250px; position: fixed; background: #191d2b; display: flex; align-items: center; flex-direction: column; left: -260px; z-index: 999; } .hideNav { /*background: rgba(0,0,0,.5);*/ position: absolute; top: 0; left: 198px; width: 50px; height: 50px; color: #fff; text-align: center; font-size: 28px; transition: all .3s ease-in-out; } .hideNav:hover { background: #000; color: #fff; } .leftMenu_name { width: 100%; text-align: center; border: 2px solid #fff; padding: 14px; margin-bottom: 16px; } .leftMenu_name h4 { color: #fff !important; } .menu_area { width: 100%; text-align: center; padding: 10px 0px; } .menu_area ul a { color: #fff; } .menu_area .mainMenu ul a::before, .menu_area .mainMenu ul a::after { display: none; } .menu_area .mainMenu ul a.active, .menu_area .mainMenu ul a:hover { background: #2e344e; } .scroll-top { height: 50px; width: 50px; overflow: hidden; position: fixed; right: 25px; bottom: 45px; background: #29c7ac; text-align: center; border-radius: 100%; box-shadow: 0px 8px 16px 0px rgba(56, 196, 252, 0.5); } .scroll-top a { display: block; font-size: 29px; color: #fff; line-height: 42px; } .layout_5 .single-blog.cv.style_1 { box-shadow: 0 0 5px rgba(0, 0, 0, .5); } .back.layout_5 { display: inline-block; color: #a4acc4; padding: 10px 30px; font-size: 20px; position: fixed; z-index: 99; background: #000; top: 16px; left: 0; } .appointment_schedule.layout_5 { margin-top: 20px; } .users_section_area.home { background: #000; overflow: hidden; height: 100vh; } .aboutImage { position: relative; height: 455px; max-width: 392px; } /* Style the search field */ form.example input[type=text] { padding: 6px; font-size: 17px; float: left; width: 80%; background: #f1f1f1; border: 1px solid transparent; outline: none; } /* Style the submit button */ form.example button { float: left; width: 20%; padding: 6px; background: #f1f1f1; color: #777; font-size: 17px; border-left: none; cursor: pointer; border: 1px solid transparent; outline: none; } form.example button:hover { background: #f1f1f1; color: #000; } /* Clear floats */ form.example::after { content: ""; clear: both; display: table; } .right_bar { display: flex; align-items: center; justify-content: space-between; } .search_area { margin-right: 40px; } .custom_menu { width: 100%; display: flex; justify-content: space-between; } .custom_menu ul li a } /* start empty area ================================================== */ .empty_area { width: 100%; height: 250px; display: flex; align-items: center; justify-content: center; text-align: center; } .empty_area code { background: #eee; padding: 1px 7px; box-shadow: 0 0 3px #ddd; margin-top: 13px; display: inline-block; } .empty_area h4 { margin-top: 5px; font-size: calc(17px + .3vw); } /* End empty area ================================================== */ /* alert custom css ================================================== */ span.reg_msg { text-align: left; } span.reg_msg .alert { border-radius: 0; padding: 5px 15px; position: relative; border: 0; } span.reg_msg .alert::before { position: absolute; content: ""; height: 100%; width: 7px; left: 0; top: 0; } span.reg_msg { display: none; } span.reg_msg .alert.alert-danger::before { background: #fe7171; } span.reg_msg .alert.alert-success::before { background: #2ec1ac; } span.reg_msg .alert.alert-info::before { background: #68b0ab; } .user_login_form, form, .submit_form { position: relative; } .submit_form::before { content: ""; position: absolute; background: var(--soft-background); top: 0; bottom: 0; left: 0; right: 0; z-index: 99; padding: 2rem; } .theme-dark .submit_form::before { background: rgb(44 37 37 / 10%); } span.ajax_submit { margin-top: 30px; border: solid #000 2px; width: 156px; height: 20px; border-radius: 7px; position: absolute; top: 17%; left: 50%; transform: translate(-50%, -50%); z-index: 99; } span.ajax_submit::before { content: ''; position: absolute; width: 146px; height: 11px; top: 2px; left: 2px; background-color: #000; border-radius: 4px; animation: animation7submiting_after 2s linear infinite; } span.ajax_submit::after { content: 'Submiting...'; position: absolute; width: 150px; color: var(--color); top: -28px; font-family: Marvel; font-size: 14pt; text-align: center; animation: animation7submiting 2s linear infinite; left: 0; } @keyframes animation7submiting_after { 0% { width: 0% } 15% { width: 0% } 85% { width: 146px } 100% { width: 146px } } @keyframes animation7submiting { 0% { content: 'Submiting' } 25% { content: 'Submiting.' } 50% { content: 'Submiting..' } 75% { content: 'Submiting...' } 100% { content: 'Submiting...' } } /* searching loader ================================================== */ .searching { position: relative; width: 100%; height: 20px; } .searching::after { content: 'Searching...'; position: absolute; color: var(--color); top: 0; font-family: Marvel; font-size: 12pt; text-align: center; animation: animation7searching 2s linear infinite; left: 0; } @keyframes animation7searching { 0% { content: 'Please wait, ' } 15% { content: 'Please wait, Se.' } 30% { content: 'Please wait, Sea..' } 45% { content: 'Please wait, Sear..' } 55% { content: 'Please wait, Searc..' } 75% { content: 'Please wait, Search...' } 85% { content: 'Please wait, Searchi...' } 95% { content: 'Please wait, Searchin...' } 100% { content: 'Please wait, Searching...' } } .facebook { color: rgba(59, 89, 152, 1); transition: ease .5s all; } .instagram { color: rgba(251, 57, 88, 1); transition: ease .5s all; } .whatsapp { color: rgba(79, 206, 93, 1); transition: ease .5s all; } .linkedin { color: rgba(14, 118, 168, 1); transition: ease .5s all; } .phone { color: #16a596; transition: ease .5s all; } .twitter { color: rgba(0, 172, 138, 1); transition: ease .5s all; } .youtube { color: rgba(255, 0, 0, 1); transition: ease .5s all; } .email { background-image: radial-gradient(circle, #ee0a50, rgba(251, 57, 88, 1), #16a596, #a0bc00, #16a596); ; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: ease .5s all; } .facebook:hover { color: rgba(59, 89, 152, .5); } .instagram:hover { color: rgba(251, 57, 88, .5); } .whatsapp:hover { color: rgba(79, 206, 93, .5); } .linkedin:hover { color: rgba(14, 118, 168, .5); } .twitter:hover { color: rgba(0, 172, 138, .5); transition: ease .5s all; } .youtube:hover { color: rgba(255, 0, 0, .5); transition: ease .5s all; } /* seven loader ================================================== */ .reg_loader { position: relative; height: 50px; width: 50px; color: #000; } .seven { margin-top: 30px; border: solid #000 2px; width: 150px; height: 20px; border-radius: 7px; } .seven:before { content: ''; position: absolute; width: 146px; height: 16px; top: 2px; left: 2px; background-color: #000; border-radius: 4px; animation: loader7AnimationBefore 2s linear infinite; } .seven:after { content: 'Loading...'; position: absolute; width: 150px; color: #000; top: -28px; font-family: Marvel; font-size: 14pt; text-align: center; animation: loader7AnimationAfter 2s linear infinite; } @keyframes loader7AnimationBefore { 0% { width: 0% } 15% { width: 0% } 85% { width: 146px } 100% { width: 146px } } @keyframes loader7AnimationAfter { 0% { content: 'Loading' } 25% { content: 'Loading.' } 50% { content: 'Loading..' } 75% { content: 'Loading...' } 100% { content: 'Loading...' } } /* Start user profile ================================================== */ .userMenu_flex { display: flex; align-items: center; justify-content: space-between; width: 100%; } .sectionDefault { position: relative; min-height: 100vh; width: 100%; } .userMenu { height: 62px; } .single_banner img { height: 120px; width: 120px; margin-right: 20px; } section.user_home_banner { min-height: 35vh; background: #eee; display: flex; align-items: center; position: relative; } section.user_home_banner .single_banner { display: flex; align-items: center; color: #fff; z-index: 9; position: relative; padding: 30px 0; } section.user_home_banner::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .35); } .userbanner_right a { color: #fff !important; } .userbanner_top { margin-bottom: 5px; } .home_social.list.style_1 ul { display: flex; align-items: center; } .home_social.list.style_1 ul li a { color: #000; padding: 10px 0; margin-right: 19px; padding-right: 8px; font-size: 17px; } .social_icon_section { margin-top: 5px; } .home_social.list.style_1 ul li a i { font-size: 18px; } .userbanner_bottpm a { color: #777; } p.address a { font-size: 17px; color: #000; } .gallery_area .portfolio_img { border-radius: 10px; box-shadow: 0 0 13px #ddd; } .portfolio_img { position: relative; overflow: hidden; } .gallery_area .grid-item { width: 49.111%; padding: 0 7.5px 0px; margin-top: 15px; } .style_2 .gallery_area .grid-item { width: 25%; padding: 0 7.5px 0px; margin-top: 15px; } .gallery_area .grid-item a { display: inline; } .portfolio_details h4 i { margin-left: 9px; } .portfolio_details h4 { padding: 5px; display: flex; align-items: center; font-size: 16px; font-weight: 600; padding-left: 11px; background: #fff; } .singleGallery_img { height: 200px; overflow: hidden; position: relative; z-index: 2; width: 100%; transition: all .5s ease-in-out; } .singleGallery_img:hover img { transform: translate(-50%, -50%) scale(1.1); } .singleGallery_img img { z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.0); width: 100%; height: 100%; transition: all .5s ease-in-out; } .singleMenuItem { padding: 10px 10px; width: 100%; padding-top: 0; } .singleMenuItem ul { display: flex; /* align-items: center; */ flex-direction: column; justify-content: center; } .singleMenuItem ul li { display: block; width: 100%; margin-bottom: 8px; box-shadow: 0 0px 0px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); background: var(--soft-background); } .singleMenuItem ul li a { color: var(--color); padding: 10px; display: flex; align-items: center; justify-content: space-between; } .homeItem_right.singleCatItem p { font-size: 18px; color: var(--color); font-weight: normal; } .homeSingle_item.singleCatItem { min-height: 149px; } .itemDetailsLeft { color: var(--color) !important; } .port_d_flex { display: flex; align-items: center; margin-top: 2px; } .price_section { margin-bottom: 8px; } /*.port_d_flex a { padding: 5px 20px; border-radius: 5px; border: 1px solid #f9f9f9; margin: 5px; text-align: center; font-size: 18px; color: #777; }*/ /* cart ================================================== */ li.cart { position: relative; } li.cart a { color: #777; } span.total_count { position: absolute; background: red; color: #fff; border-radius: 100%; font-size: 12px; min-width: 20px; min-height: 20px; text-align: center; right: 3px; top: 3px; font-weight: bold; font-family: cursive; } .shopping_cart { position: fixed; height: 100vh; right: -400px; width: 360px; z-index: 1040 !important; top: 0; transition: all .3s; border-left: 1px solid var(--border-color); background: var(--background-color); box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%); } .cart_heading { padding: 10px 5px; display: flex; justify-content: space-between; align-items: center; background: var(--background-color); margin-bottom: 8px; } .right_cart a { color: red; padding: 5px; } /* cart */ .single_item_cart { display: flex; justify-content: space-between; } .left_cart { display: flex; align-items: center; } .single_item_cart img { height: 50px; width: 70px; margin-right: 10px; flex: 0 0 70px; } .navCart { display: inline-block; } span.extrasTitleCard { font-size: 11px; word-break: break-word; font-weight: 500; } .shopping_cart_content ul li { background: var(--soft-background); padding: 5px; margin-bottom: 10px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 7px; border: 1px solid var(--border-color); color: var(--color); } i.fa.fa-circle.veg_type { font-size: 12px; border: 1px solid; height: 15px; width: 15px; border-radius: 0; text-align: center; line-height: 13px; margin-left: 4px; } .veg_type.c_green { border-color: green; } .veg_type.c_red { border-color: red; } .item_title_area { display: flex; justify-content: space-between; padding: 0 3px 8px 10px; } .item_modal { padding: 0; background: var(--background-color) !important; color: var(--color); } .modal-header { background: var(--background-color) !important; } .single_item_details { padding: 10px; } .item_extra_details { padding: 10px; } span.left_bold { font-weight: bold; margin-right: 7px; } .item_extra_list { margin-top: 15px; } span.cartItemList { position: relative; height: 31px; width: 48px; } span.cartItemList a { color: #777; } span.cartItemList .total_count { top: -9px; right: 0px; } .cart.CartIcon { position: fixed; right: 60px; bottom: -200px; border-radius: 100%; height: 45px; width: 45px; text-align: center; display: flex; align-items: center; justify-content: center; transition: all .5s ease-in-out; z-index: 999; background: #fff; box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%); } .CartIcon.active { bottom: 200px; } .cart.CartIcon a { color: #000; text-align: center; } .cart.CartIcon a i { font-size: 28px; position: absolute; left: 50%; top: 63%; transform: translate(-50%, -50%); } .top_cart_order { display: flex; align-items: center; flex-direction: column; justify-content: space-between; height: 82dvh; overflow-y: auto; } .top_cart_order ul { width: 100%; overflow: auto; padding-bottom: 62px; } .bottom_cart_order { width: 100%; position: relative; clear: both; background: #fff; padding: 15px 0; padding: 0 10px; } .order-btn { display: block; border-radius: 0; color: #fff !important; } .single_cart_item_details h4 { font-size: .9rem; display: flex; align-items: center; justify-content: flex-start; gap: 5px; font-weight: bold; opacity: 1; color: var(--color); } .sub_total_list { text-align: center; padding: 5px 0 10px 0; } .sub_total_list h4 { font-size: calc(14px + .1vw); color: #333; } .total_sum { padding: 5px 0 17px 0; border-top: 1px dashed var(--border-color); } .successMsg { text-align: center; min-height: 160px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .successMsg.deactiveorderQr { min-height: 400px; } .h-25px { height: 25px; } .confirmMsgArea { margin-bottom: 13px; } .custom_btn { padding: 8px 37px; } /* incress / decress ================================================== */ .incress_area { display: flex; align-items: center; width: 106px; } .incress_area i { color: red; } span.in_stock { color: #4CAF50; } .value-button { border: 1px solid #ddd; padding: 2px 7px; font-size: 12px; cursor: pointer; } span.cart_qty_field input { width: 36px; height: 24px; border: 1px solid #ddd; border-right-color: transparent; border-left-color: transparent; text-align: center; background: #e5e7f7; } span.cart_qty_field input[type=number]::-webkit-inner-spin-button, span.cart_qty_field input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .value-button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.qty:focus { border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .order_qty { display: flex; align-items: center; margin: 3px 0; } .order_qty>span { margin-right: 10px; } .order_list img { height: 75px; width: 120px; background: #fff; flex: 0 2 120px; border-radius: 5px; } .single_item_cart.order_list { margin-bottom: 15px; } .order_input_area input, .order_input_area select { height: 45px !important; border-radius: 0; } .upperSum { margin-bottom: 5px; border-bottom: 1px dashed var(--border-color); padding-bottom: 5px; display: block; } /* incress / decress ================================================== */ .singlePackage_img { width: 150px; height: 80px; margin-right: 12px; } .single_package_items { display: flex; margin-bottom: 16px; } .singleItemDetails h4 { font-size: calc(15px + .2vw); font-weight: 400; } .accordion_content.item { background: var(--card-color); color: #4b566b; padding: 10px 15px 10px; border: 0px solid var(--border-color); font-size: 14px; display: none; overflow: hidden; border-radius: 0 0 6px 6px; box-shadow: 0 0.3rem 1.525rem -0.375rem var(--box-shadow) !important; } span.price_discount { color: #fe696a; text-decoration: line-through; margin-left: 15px; } h4.package_price { font-size: 13px; color: #4e54c8; font-weight: 600; } h4.package_price span.bg-round { background: var(--soft-background); display: inline-block; border-radius: 15px; padding: 6px 13px; } .package_header_left { display: flex; align-items: center; color: var(--color); } .package_header_right.text-center a { background: transparent; color: var(--color); border-radius: 0; transition: all .3s ease-in-out; } .package_header_right.text-center a:hover { color: #fff; } .accordion_content.item.block { display: block; } .packageSection { padding-bottom: 30px; } .homeSingle_item { display: flex; flex-direction: row; align-items: center; } .homeSingleImg { width: 150px; height: 117px; } .singleCategoryHeader { padding: 10px 0; border-bottom: 1px solid var(--border-color); margin-bottom: 11px; } .homeView .homeSingle_item { margin-bottom: 15px; } .homeSingleImg { margin-right: 20px; } .port_d_flex.home_view a { padding: 6px 12px; border-radius: 5px; border: 1px solid rgb(41 199 172 / 50%); margin: 4px; text-align: center; font-size: 13px; color: #29c7ac; transition: all .3s ease-in-out; box-shadow: none; } .port_d_flex.home_view a:hover { background: #29c7ac; color: #fff; border-color: transparent; } .homeView { margin-bottom: 30px; } .homeSingleImg img { object-position: top center; } .homeItemDetails.list_view { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .defaultHeading { padding: 50px 0; color: var(--color); position: relative; } .defaultHeading h1 { position: relative; display: inline-block; padding-bottom: 13px; text-transform: uppercase; font-size: calc(20px + .7vw); } .defaultHeading h1::before { content: ""; position: absolute; background: rgba(3, 127, 255, .3); width: 100%; height: 1px !important; bottom: 1px !important; border-radius: 15px; } .defaultHeading h1::after { content: ""; position: absolute; background: #037fff; width: 40%; height: 3px !important; bottom: 0; left: 0; border-radius: 15px; } .homeItemPcakage { background: var(--background-color) !important; padding-bottom: 70px; } .text-center.seeMore_btn a { border: 1px solid #ddd; border-radius: 0; padding: 7px 25px; display: inline-block; transition: all .5s ease-in-out !important; } .text-center.seeMore_btn a:hover { background: #29c7ac; color: #fff; } .datepicker { z-index: 1151 !important; } .homeSingle_item { background: var(--soft-background); box-shadow: 0 0.3rem 1.525rem -0.375rem var(--box-shadow) !important; padding: 15px; min-height: 185px; border-radius: 1rem; transition: all .5s ease-in-out; } .homeSingle_item:hover { box-shadow: 0 0 5px var(--box-shadow-soft); } .theme_2 .homeSingle_item { min-height: 117px; } .theme_3 .homeSingle_item { border-radius: .5rem; } .menu-img { --bgImage: 75px; margin-right: 20px; width: var(--bgImage); height: var(--bgImage); border-radius: 50%; flex: 0 0 var(--bgImage); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); } .img { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .singleHome_item { background: var(--body-color) !important; padding-bottom: 50px; } .homeItemDetails.list_view { display: flex; justify-content: space-between; width: 100%; } .homeItemDetails.list_view.is_size_0 { flex-direction: row; } p.mb-4.is_size_0 { display: none; font-size: 14px; color: #4e54c8; font-weight: 600; } .homeItem_right p { font-size: 14px; color: #4e54c8; font-weight: 600; } .homeItem_left { display: flex; flex-direction: column; justify-content: space-between; min-height: 112px; height: 100%; } .topTitle h4 { font-size: calc(13px + .2vw); font-weight: 400; display: flex; align-items: center; } .topTitle h4 i { margin-left: 10px; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .w-50p .img, .w-50p .text { width: 50%; padding: 5% 4% 8px; } .homeSinglePackage { display: flex; width: 100% !important; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0; } .w-50 .text { background: #fff; border-radius: 6px 0px 0px 6px; } .homeItemPcakage.Packages { background: var(--background-color) !important; } .package_heading { color: var(--color); text-align: center; font-size: calc(15px + .3vw); font-weight: 400; position: relative; display: inline-block; text-align: center; text-transform: uppercase; } .text.order-first p { font-size: 15px; padding: 5px 0; } .homeSingle_packages { display: flex; padding: 12px 0; margin-bottom: 8px; } .singleItemDetails.homePackages { display: flex; flex-direction: column; width: 100%; padding-right: 10px; } .topPackageItem { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 10px; } .singlePackage_wrapper { background: var(--card-color); margin-bottom: 20px; } .homePackage_details { border: 0px solid var(--border-color); padding: 10px; border-top: 0; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 6px; } .package_title { padding: 10px; background: var(--card-color) !important; box-shadow: none; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-color); border-radius: 6px 6px 0px 0px; } .package_title h4 { font-size: calc(14px + .3vw); } .btn { color: #fff; } .btn.bg-white { color: var(--color); } span.home_package_price { font-size: calc(13px + .15vw); color: #4e54c8; font-weight: 600; } .lineTitle { position: relative; } .lineTitle::after { content: ""; display: block; position: absolute; left: 0; top: 68%; width: 100%; height: 1px; background-color: #777; transform: translateY(28%); } .topPackageItem.lineTitle h4 { font-size: calc(15px + .2vw); background: var(--card-color); z-index: 1; padding-right: 11px; font-weight: 400; } .topPackageItem.lineTitle p { background: var(--card-color); z-index: 1; padding-left: 11px; color: #4e54c8; font-weight: 600; } .homeBanner_Service ul { display: flex; text-align: center; width: 100%; justify-content: space-between; } .homeBanner_btn { margin-top: 1px; color: var(--color); } .homeBanner_Service ul li i { display: block; font-size: 40px; color: #29c7ac; } .homeItemPcakage { padding-bottom: 70px; } a.btn.custom-btn.add_to_cart { color: var(--dcolor); } a.btn.watch_video.venobox.vbox-item { color: #fff; } .homeBanner_Service ul li p { font-size: 16px; font-family: 'Montserrat'; font-weight: 400; color: var(--dcolor); } .homeBanner_Service ul li { display: block; width: 100%; border-right: 1px solid var(--border-color); padding-bottom: 12px; } .theme-light .homeBanner_Service ul li { border-color: rgba(209, 213, 219, .1); } .homeBanner_Service ul li:nth-child(3) { border: 0; } .userHomeBanner { position: relative; } .userHomeBanner, .homeBanner_left { min-height: 50vh; } .username { font-family: inherit; font-size: 19px; font-weight: 400; } .homeBanner_left { background: rgba(0, 0, 0, .4); padding-left: 21%; display: flex; align-items: center; flex-direction: column; width: 100%; text-align: center; justify-content: space-evenly; } .theme-dark .homeBanner_left { background: rgba(0, 0, 0, .4); } .homeBanner_Service { width: 100%; margin-top: 25px; } .homeBanner_left h1 { text-align: left; font-size: calc(18px + 1.2vw); } .home-book-btn { display: inline-block; background-color: #e22104; color: #fff; font-size: 14px; font-weight: 600; border-radius: 15px; padding: 9px 25px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .btn-shadow { box-shadow: -5px 8px 20px 0 rgb(229 16 2 / 15%); } .home-book-btn:hover { background-color: red; color: #fff; } .watch_video_i { font-size: 22px; margin-right: 10px; } .userHome_social { position: fixed; top: 18%; left: 25px; } .userHome_social ul { display: flex; flex-direction: column; align-items: center; } .userHome_social ul li a { display: block; padding: 10px; font-size: 25px; color: #777; transition: all .5s ease-in-out; } .userHome_social ul li a:hover { color: #29c7ac; } .itemPrice_area { display: flex; align-items: center; margin: 5px 0; flex-wrap: wrap; } .itemPrice { display: inline-block; border: 1px solid #29c7ac; margin-right: 3px; } p.smallItem_size { background: #29c7ac; color: #fff; border-bottom: 1px solid #ddd; } .itemPrice p { padding: 4px 10px; text-align: center; font-size: 13px; } .topTitle { padding-bottom: 2px; } .details_price { display: flex; align-items: center; flex-wrap: wrap; } label.btn.btn-sizes { border: 1px solid #29c7ac; padding: 7px 26px; transition: all .3s ease-in-out; margin: 1px; margin-bottom: 5px; border-radius: 0; } label.btn.btn-sizes:hover, label.btn.btn-sizes.active { background: #29c7ac; color: #fff; } p.capital.allergen { font-size: 14px; } h5.priceTag { padding-top: 8px; padding-bottom: 5px; color: #4e54c8; font-size: 19px; font-weight: 600; } .btn.hidden { display: none !important; } .total_sum h4 { font-weight: 600; font-family: 'Open Sans'; font-size: 19px; margin-bottom: 7px; } .itemPrice_area.i_small p.smallItem_size { background: rgba(78, 84, 200, .1) !important; border: 0px solid #dae1e7; border-radius: 4px; color: #4e54c8 !important; padding: 6px 5px; font-size: 11px; margin-bottom: 4px; } .itemPrice_area.i_small .itemPrice { border-color: transparent; } .ci-shadow { box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%); } h5.priceTag.hidden { display: none; } .hidden { display: none !important; } .homePriceTag p.smallItem_size { background: rgba(41, 199, 172, .15) !important; color: rgba(41, 199, 172, 1) !important; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); } .single_items_img img { max-height: 320px; } .pickup_up h4 { font-size: 14px; } .cartNofify { display: flex; background: var(--background-color); align-items: center; justify-content: space-between; padding: 5px 30px; padding-right: 4px; border-radius: 7px; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); } .leftNotify { display: flex; } .cartNotify_wrapper { display: flex; position: fixed; left: 50%; bottom: -200px; z-index: 90 !important; align-items: center; justify-content: space-between; transform: translateX(-50%); opacity: 1; } .leftNotify p { font-size: 15px; } .rightNotify a { display: block; padding: 14px 6px; margin-left: 20px; color: red; } .leftNotify a { margin-left: 10px; font-size: 14px; line-height: 25px; color: tomato; } .UserMobileMenu { display: none; } .bg-gray { background: var(--card-color); !important; } .track_form input { height: 47px; border-radius: 0; background: #fff; } .track_order_section { min-height: 90vh; display: flex; align-items: center; justify-content: center; } .status-badge { font-weight: normal; padding: 5px; } .status-badge i { font-size: 16px; font-weight: bold; margin-right: 1px; } img.order-img { height: 50px; width: 50px; } .fw_normal { font-weight: normal; } a.viewItems { color: brown; font-size: 14px; } a.viewItems:hover { color: #000; } .d_flex_h { min-height: 80vh; display: flex; align-items: center; justify-content: center; } .pp-5 { padding: 5px !important; } .back_icon { font-size: 25px; color: #222; } .single_track_page { margin-top: 50px; } .show_menu_details { display: none; } ul.row_ul li a span { min-width: 91px; display: inline-block; text-align: left; } .userbanner_right * { text-shadow: 0 0 5px rgb(0 0 0 / 70%); } .userbanner_right i { text-shadow: none; } span.timeFormat { text-transform: lowercase; } /* contacts ================================================== */ .contacts_area input.form-control { height: 45px; } .contacts_area .form-control { border-radius: 0; } .form_fields .form-group { width: 49.4%; display: inline-block; } .contact_top { display: flex; align-items: center; justify-content: space-around; margin-bottom: 20px; } .single_contact_wizard { border: 1px solid #eee; padding: 5px 10px; text-align: center; min-height: 111px; max-height: 120px; display: flex; align-items: center; box-shadow: 0 0 5px #ddd; overflow: hidden; transition: all .5s ease; width: 100%; text-align: center; justify-content: center; margin: 2px; } .single_contact_wizard a { color: #000; } .single_contact_wizard i { font-size: 27px; margin-top: 12px; transition: all .5s ease; } .single_contact_wizard:hover i { color: #2ec1ac; } .single_contact_wizard:hover { box-shadow: 0 0 5px #2ec1ac; } .all_social_sites_icon ul.circle a { border-color: #2ec1ac; color: #2ec1ac; transition: all .5s ease; } .all_social_sites_icon ul.circle a:hover { border-color: #2ec1ac; background: #2ec1ac; color: #fff; } .contacts_area textarea.form-control { min-height: 85px; } .second_media ul { display: flex; flex-direction: column; width: 100%; padding: 0; margin: 0; } .second_media ul li { width: 100%; } .second_media ul li a { display: flex; text-align: left; padding: 7px 15px; align-items: center; color: #000; } .second_media { margin-top: 30px; } .second_media ul li a i { font-size: 20px; height: 35px; width: 35px; border: 1px solid #ddd; text-align: center; margin-right: 11px; line-height: 33px; background: #2ec1ac; color: #fff; } .theme_5 .single_contact_wizard { border: 0; box-shadow: none; max-height: inherit; min-height: auto; } .theme_5 .single_contact_top i { height: 50px; width: 50px; flex: 0 0 50px; background: #29c7ac; color: #fff; text-align: center; font-size: 25px; line-height: 1.9; border-radius: 100%; margin-bottom: 11px; margin-right: 17px; transition: all .5s ease-in-out; } .theme_5 .single_contact_wizard { border: 0; box-shadow: none; max-height: inherit; min-height: auto; } .theme_5 .single_contact_wizard a { width: 100%; } .theme_5 .contact_top_content { width: 100%; } .theme_5 .contact_top { margin-top: -27px; flex-direction: column; } .theme_5 .contact_top_content .single_contact_top { display: flex; align-items: center; width: 100%; } .theme_5 .single_contact_wizard:hover { box-shadow: none !important; } form.defaultForm input.form-control, form.defaultForm select.form-control { height: 45px !important; border-radius: 0; } form.defaultForm textarea.form-control { min-height: 55px; border-radius: 0; } .form-control, .form-control:visited, .form-control:focus-visible, .form-control:focus { background-color: var(--body-color) !important; color: var(--color) !important; border-color: var(--border-color) !important; } /* end contacts ================================================== */ /* reservation ================================================== */ .appointment_dates li { display: block; padding: 7px 10px; font-size: 16px; } .appointment_dates li i { font-size: 18px; height: 30px; width: 30px; border: 1px solid transparent; text-align: center; line-height: 28px; border-radius: 100%; margin-right: 11px; color: #fff; } .ap_info { color: #777 !important; padding-left: 18px; } .available i { background: green; } .not_available i { background: red; } .appointment_schedule_area { padding-left: 30px; } .limit_msg { text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; color: #777; } .limit_msg h4 { font-size: calc(18px + .2vw); font-weight: 400; } .qr_link { height: 150px; width: 150px; margin: 10px auto 25px auto; display: block; position: relative; } a.qrDownloadBtn { position: absolute; bottom: -18px; right: 0; background: var(--card-color); padding: 1px 7px; display: block; color: green; font-size: 17px; } span.downloadMsg { left: 5px; bottom: -17px; font-size: 14px; color: green; font-weight: normal; display: flex; align-items: center; background: #fff; padding: 1px 6px; } span.downloadMsg i { font-size: 18px; margin-right: 3px; } .not_found_page { height: 100vh; display: flex; align-items: center; justify-content: center; } .invalid_text img { height: 80px; width: 80px; margin: 0 auto; text-align: center; display: block; margin-bottom: 14px; } .invalid_text { text-align: center; } .invalid_text h4 { font-size: calc(15px + .4vw); font-family: cursive; margin-bottom: 7px; } .invalid_text p { font-size: 17px; font-family: sans-serif; } .invalid_text a { font-size: 17px; background: rgba(41, 199, 172, 1); color: #fff; display: inline-block; padding: 10px 30px; margin-top: 12px; text-decoration: none; font-family: sans-serif; } .reg_msg.block { display: block !important; } .left_create_admin { display: flex; align-items: center; justify-content: center; height: 100vh; } .price_section p { font-size: 13px; } .defaultHeading p { margin-top: 10px; margin-bottom: 10px; } .section_items, .sectionDefault { padding-bottom: 120px; } .qrCode { width: 95px; border: 1px solid #eee; margin-bottom: 5px; } label.paymentItem input { margin-right: 5px; height: 32px !important; padding: 0; } .payment_method { display: flex; align-items: center; } label.paymentItem { display: flex; align-items: center; justify-content: center; margin-right: 11px; cursor: pointer; background: red; padding: 0 23px; color: #fff; border-radius: 7px; } /* payment ================================================== */ .payment_area { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 100%; } .payment_icon { height: 100px; width: 100px; margin-bottom: 9px; } .payment_icon.payment { margin: 0 auto; } .payment_icon img { height: 100%; width: 100%; border-radius: 100%; object-fit: scale-down; } .payment_details { padding: 10px 0; margin-bottom: 10px; } .payment_text { margin: 2px 0 0 0; font-size: 14px; } .payment_text i { color: #3b7bbf; margin-left: 6px; } .pay_now { padding: 10px 34px; } .pay_now i { color: green; margin-left: 10px; font-size: 19px; } .layout_style { width: 100%; } .payment_card .card-header { padding: 0; } .payment_nav li.nav-item.active::before { content: ""; position: absolute; top: 0; left: 0; background: rgba(41, 199, 172, 1); width: 6px; bottom: 7px; border-radius: 5px 0 0 5px; } li.nav-item.active { position: relative; } li.nav-item.active a { color: var(--dcolor) !important; } .payment_nav li a { padding: 13px; border-radius: 5px; color: #000; font-weight: bold; height: 70px; min-width: 160px; display: flex; align-items: center; justify-content: space-around; background: #fff; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); border: 0 !important; width: 175px; word-break: break-all; font-size: 14px; } .payment_nav li a.active { color: #037fff !important; } .payment_content.text-center { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 450px; } .stripeForm { width: 100%; } .payment_icon { height: 100px; width: 100px; margin-bottom: 9px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } span.payout_img { height: 50px; width: 50px; position: relative; flex: 0 0 50px; background-size: cover !important; border-radius: 100%; border: 1px solid #eee; margin-right: 8px; } .payment_nav { display: flex; align-items: center; flex-wrap: nowrap; border: 0; background: #f3f5f9; margin-bottom: 10px; flex-direction: row; margin-right: 10px; gap: 10px; overflow-x: scroll; overflow-y: hidden; } .payment_card .card-header { border: 0; } .card.payment_card { border: 0; flex-direction: column; } .payment_nav li a.active { border: 0; } .payment_card .card-header { background: #f3f5f9; display: flex; flex-direction: row; } /* appointment ================================================== */ .appointment_area { width: 100%; padding: 50px; } .appointment_area textarea.form-control { height: 120px; } .appointment_schedule_area { width: 100%; } .appointment_dates li { display: block; padding: 7px 10px; font-size: 16px; } .appointment_dates li i { font-size: 18px; height: 30px; width: 30px; border: 1px solid transparent; text-align: center; line-height: 28px; border-radius: 100%; margin-right: 11px; color: #fff; } .ap_info { color: #777 !important; } .available i { background: green; } .not_available i { background: red; } span.required { color: red; padding-left: 5px; } .offline_payment { color: #000; margin-top: 12px; font-size: 14px; } .contact_with_email { padding: 0 0 10px 0; display: inline-block; } .contact_with_email h3 a { color: #777; } .userInfo { padding-bottom: 8px; } .payment_card_img { width: 274px; margin: 0 auto 20px; } .stripeForm input { border-radius: 0; height: 45px; } .stripeForm label { text-align: left; display: block; } .payment_warper { padding-bottom: 50px; background: #f3f5f9 !important; min-height: 580px; } .stripeForm .card-footer { background: transparent; border: 0; } ul.paymentUl { width: 100%; display: flex; align-items: center; flex-direction: column; margin-top: 5rem; } ul.paymentUl li { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 5px; } ul.paymentSummary { display: flex; /* align-items: center; */ justify-content: space-between; flex-direction: column; border-top: 1px dashed #ddd; padding: 7px 0; } ul.paymentSummary li { display: flex; align-items: center; justify-content: space-between; width: 100%; } .bb-top { border-top: 1px dashed #ddd; } .pickup_area_list { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; } .pickup_area_list label { display: block; padding: 2px; background: var(--soft-background); margin: 2px 5px; padding: 3px 8px; font-size: 14px; border-radius: 5px; margin-bottom: 5px; cursor: pointer; } .theme-light .pickup_area_list label { background: #eee; } .pickup_point_map { position: fixed; height: 100vh; width: 90%; right: -110%; top: 0; transition: all .3s ease-in-out; } .pickup_point_map.active { position: fixed; height: 100vh; width: 60%; right: 0; top: 0; z-index: 9999; transition: all .3s ease-in-out; } .single_pickup_area.active { background: rgba(41, 199, 172, 1) !important; color: #fff; transition: all .3s ease-in-out; } a.selectPoint { display: block; text-align: center; font-size: 15px; padding: 2px; font-weight: bold; color: rgba(41, 199, 172, 1); margin-top: 5px; transition: all .3s ease-in-out; } a.checkmap { color: rgba(41, 199, 172, 1); text-decoration: underline; font-size: 14px; margin-left: 13px; line-height: 26px; transition: all .3s ease-in-out; } a.closeMap { position: absolute; left: 24px; color: red; top: 12px; text-shadow: 0 0 5px #000; transition: all .3s ease-in-out; } .modalTime { font-size: 40px; } .d_flex_center { display: flex; align-items: center; justify-content: center; } ul.extraUl { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; text-align: left; } ul.extraUl li { width: 48%; margin-bottom: 10px; } ul.extraUl input { margin-right: 4px; } ul.extraUl li label { cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-size: 14px; } h5.extrasHeading { color: #777; font-size: 18px; margin-bottom: 8px; font-weight: 550; } a.btn.custom-btn.seemomre { padding: 9px 27px; border-radius: 7px; } .fw_bold { font-weight: bold; } .package_title.sinlgeOrder { padding: 10px; background: #f9f9f9; box-shadow: 0 4px 5px rgb(50 50 93 / 11%), 0 2px 3px rgb(0 0 0 / 8%); display: flex; align-items: center; justify-content: space-between; padding: 15px; } .add_to_order { color: #fff; } .flex_btn { display: flex; align-items: center; } /*---------------------------------------------- pagination ----------------------------------------------*/ .ci-pagination-link { display: inline-block; align-items: center; justify-content: center; margin-top: 20px; } .ci-paginationArea { width: 100%; } ul.ci-pagination { display: flex; flex-wrap: wrap; background: var(--card-color); padding: 10px; border-radius: 50px; box-shadow: 0px 10px 15px var(--box-shadow); align-items: center; } ul.ci-pagination li a { color: var(--color); } ul.ci-pagination li { color: #20B2AA; list-style: none; line-height: 34px; border-radius: 50%; text-align: center; font-size: 18px; font-weight: 500; cursor: pointer; user-select: none; transition: all 0.3s ease; } ul.ci-pagination li.page-num a { list-style: none; height: 35px; width: 35px; margin: 0 3px; line-height: 34px; border-radius: 50%; display: block; } ul.ci-pagination li.prev a { margin: 0px 3px 0 -5px; padding: 0 10px; border-radius: 100%; height: 35px; width: 35px; display: block; } ul.ci-pagination li.next a { margin: 0px -5px 0 3px; padding: 0 10px; border-radius: 100%; height: 35px; width: 35px; display: block; } ul.ci-pagination li.dots { font-size: 22px; cursor: default; } ul.ci-pagination li.btn { padding: 0 20px; border-radius: 50px; } ul.ci-pagination li.active a { color: #fff; } ul.ci-pagination li.active a, ul.ci-pagination li.page-num:hover a, ul.ci-pagination li:first-child:hover a, ul.ci-pagination li:last-child:hover a { color: #fff; background: #20B2AA; } ul.ci-pagination li.active a, ul.ci-pagination li.page-num:hover a, ul.ci-pagination li:first-child:hover a, ul.ci-pagination li:last-child:hover a { color: #fff !important; } ul.ci-pagination li.page-first a, ul.ci-pagination li.page-last a, ul.ci-pagination li.next a, ul.ci-pagination li.prev a { height: 35px; width: 35px; display: block; border-radius: 50%; } /*---------------------------------------------- Pagination ----------------------------------------------*/ .categorySection { background: var(--body-color); } /*---------------------------------------------- Search ----------------------------------------------*/ .search-box { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; transform: translate(-50%, -50%); padding: 10px; border-radius: 40px; height: 40px; background: #fff; } .search-box-2 { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; transform: translate(-50%, -50%); padding: 10px; border-radius: 5px; height: 47px; background: var(--soft-background); box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; } .searchBar-2 { width: 100%; position: relative; height: 50px; margin-left: 24px; min-width: 280px; } .search-txt-2 { border: none; background: transparent; outline: none; padding: 0; color: var(--color); transition: 0.5s; font-size: 1rem; width: 250px; } .search-box:hover .search-txt { width: 180px; padding: 0 6px; } .search-box:hover .search-btn { background: #fff; } .search-txt { border: none; background: none; outline: none; padding: 0; color: #000; transition: 0.5s; font-size: 1rem; width: 0px; } .search-btn { color: #1abc9c; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.5s; background: transparent; border: 0; text-decoration: none; } .searchLi { background: transparent !important; box-shadow: none !important; } .searchBar { width: 100%; position: relative; height: 50px; } /*---------------------------------------------- Search ----------------------------------------------*/ .not-found { height: 250px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .not-found i { font-size: 36px; margin-bottom: 10px; } .singleCategoryHeader { display: flex; align-items: center; justify-content: space-between; } a.seeMore_link { font-size: 14px; transition: all .5s ease-in-out; padding-right: 10px; } a.seeMore_link i { transition: all .5s ease-in-out; } a.seeMore_link:hover { margin-right: -5px; } /*---------------------------------------------- 1.8 ----------------------------------------------*/ .modal-header { border-top-left-radius: calc(.6rem - 1px); border-top-right-radius: calc(.6rem - 1px); background: var(--background-color) !important; border-bottom: 1px solid var(--border-color); color: var(--color); } .modal-content { background: var(--background-color) !important; border-color: var(--border-color); color: var(--color); } .ci-input-group { border-color: var(--border-color); background-color: var(--soft-background); } .order_input_area input, .order_input_area select { border-radius: 4px !important; } .order_input_area input, .order_input_area select { height: 45px !important; } .btn { outline: none !important; } .footer_area { background: var(--body-color); color: var(--color); border-top: 1px solid var(--border-color); } .footer_bottom { background: var(--nav-color); border-top: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; gap: 20px; } a:hover, a:visited { color: var(--color); } .left_footer ul li a { color: var(--color); } .itemPrice.i_small.menuSize p { padding: 4px 9px; min-height: 26px; min-width: 26px; } .item_title_area { flex-direction: column; } .port_d_flex a { padding: 5px 20px; border-radius: 5px; border: 1px solid rgb(41 199 172 / 50%); margin: 5px; text-align: center; font-size: 18px; color: #29c7ac; box-shadow: none; background: rgb(41 199 172 / 10%); } .gallery_area .portfolio_img { border-radius: 6px; box-shadow: 0 0 13px #ddd; } .portfolio_details { background: var(--background-color); } .page_accordion_header { background: var(--nav-color); box-shadow: none; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-color); border-radius: 6px 6px 0px 0px; } .closeShop { text-align: center; } .closeShop i { font-size: 50px; } .loginSection .iti, .login_form .iti { position: relative; display: block; } .tab-pane { padding-top: 18px; } .iti__flag { width: 20px; transform: scale(1.3); } /*---------------------------------------------- customer profile ----------------------------------------------*/ .topCustomerProfile { background: var(--soft-background); padding: 162px; position: relative; } .customer_profile { margin-top: -100px; } .topImg img { height: 100px; width: 100px; margin: 0 auto; display: block; border-radius: 100%; } .leftSidebar, .serviceRightSide { background: var(--card-color); border-radius: 10px; box-shadow: 0 0 5px var(--box-shadow); padding: 10px 0 25px 0; color: var(--color); } .topInfo { padding: 20px; text-align: center; } .leftDetails { padding-top: 16px; } .leftDetails h4 { padding-bottom: 1px; } .leftSideDetails ul { display: flex; flex-direction: column; width: 100%; } .leftSideDetails ul li { display: block; } .leftSideDetails ul li a { display: block; padding: 10px 20px; color: var(--color); font-size: 14px; border-left: 5px solid transparent; } .leftSideDetails ul li a i { margin-right: 5px; } .leftSideDetails ul li a:hover, .leftSideDetails ul li.active a { background: rgba(74, 71, 163, .2); border-left: 5px solid #4A47A3; color: #4A47A3; transition: all .3s ease-in-out; } .serviceRightSide { color: var(--color); min-height: 65vh; } .input-group { display: flex; align-items: center; } span.input-group-addon { background: var(--body-color); padding: 8px; } .profleForm .form-control { height: 40px; border-radius: 4px; } .profleForm form { padding: 20px; } h4.header { border-bottom: 1px solid var(--border-color); padding: 12px 20px 18px 20px; margin-bottom: 17px; } .label-success { background: rgba(22, 199, 154, .3); color: rgba(22, 199, 154, 1); } label.label { font-size: 14px; display: inline-block; padding: 4px 8px; border-radius: 5px; } .table.customTable th { color: var(--color); background-color: var(--background-color); border-color: var(--border-color); } .topCustomerProfile { text-align: center; } .topCustomerProfile h4 { margin-top: -51px; } .actionBtn a { margin: 2px; } .container.container-xll { max-width: 1320px; } .priceTag { color: #4e54c8; font-weight: 600; } table.customTable { font-size: 14px; } table.customTable th { font-size: 14px; } table.customTable tr { vertical-align: middle; } table.customTable tr td { vertical-align: middle; } .badge { padding: 5px 6px; border-radius: 4px; } .orderTag { font-weight: 600; color: tomato; } .d-flex-center-center { display: flex; align-items: center; justify-content: center; } /*---------------------------------------------- END CUSTOMER PROFILE ----------------------------------------------*/ .page-tools { display: flex; align-items: center; justify-content: flex-end; padding: 20px; margin-top: 4em; } .action-buttons a { padding: 10px 21px; box-shadow: 0 0 5px #ddd; } .customerInfo h3 { font-size: 18px; } .customerInfo h2 { text-align: left; font-size: 19px; } .extars ul { list-style: inside; color: #777; } .extars ul li { font-size: 13px; } .sizeTag { background: rgba(22, 199, 154, .1); color: rgba(22, 199, 154, 1); border-radius: 4px; padding: 5px 6px; font-size: 13px; font-weight: normal; } .bg-green { background: rgba(22, 199, 154, .1); color: rgba(22, 199, 154, 1); } .text-green { color: rgba(22, 199, 154, 1); font-weight: normal; padding: 5px 6px; font-size: 13px; } .b-top { border-top: 1px dashed #777; padding: 2px; margin-top: 2px; } .user_profile_img label { height: 180px; width: 180px; margin-bottom: 20px; border-radius: 100%; border: 3px solid #eee; overflow: hidden; text-align: center; cursor: pointer; position: relative; } /*---------------------------------------------- DELIVERY ORDER AREA ----------------------------------------------*/ .singleOrder { background: var(--card-soft); margin-bottom: 10px; border-radius: 4px; } .single_orderTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; padding: 9px 11px; padding-top: 0; } .single_orderTop h4 { font-size: 15px; } .orderLists { margin: 10px; } .single_orderDetails { padding: 7px 11px; } p.timeAgo { font-size: 13px; color: #777; padding: 3px 11px 0; } .delivery-guy { background: var(--card-color) !important; color: var(--color); } .delivery-guy h4.header { border-bottom: 1px solid var(--border-color); padding: 5px 20px 9px 20px; margin-bottom: 17px; } .singleOrder>a { color: var(--color); width: 100%; } /*---------------------------------------------- DELIVERY GUY ORDER DETAILS ----------------------------------------------*/ .d_single_order_area { background: var(--card-color); margin: 10px 0; border-radius: 6px; box-shadow: 0 0 var(--box-shadow); position: relative; } .d_single_order_header { display: flex; align-items: center; padding: 10px; box-shadow: 0 0 5px var(--box-shadow-soft); justify-content: space-between; } .d_single_order_header>a { color: var(--color); padding: 0px 10px; } .d_single_order_header .leftBtn a { color: var(--color); padding: 0px 10px; } .d_single_order_header>a i { font-size: 28px; margin-right: 15px; } .d_single_order_header i { font-size: 28px; margin-right: 10px; } .d_single_order_header>h4 { font-size: 18px; } .delivery-panel { background: var(--soft-background); padding: 10px; margin: 15px; border-radius: 6px; box-shadow: 0 0 5px var(--box-shadow); margin-bottom: 16px; } .shopArea ul { display: flex; flex-direction: column; position: relative; } .shopArea ul>li { display: flex; align-items: end; margin-bottom: 25px; z-index: 2; } .shopArea ul>li>i { height: 40px; width: 40px; text-align: center; border-radius: 34%; font-size: 25px; line-height: 39px; margin-right: 10px; } .shopDetails h4 { font-size: 16px; } .shopDetails p { font-size: 14px; } .shopDetails a { font-size: 14px; display: inline-block; background: rgba(22, 199, 154, 1); color: #fff; padding: 3px 10px; border-radius: 12px; margin-top: 10px; transition: all .5s ease-in-out; } .shopDetails a:hover { background: rgba(22, 199, 154, .1); color: rgba(22, 199, 154, 1); } .orderItemList ul { display: flex; flex-direction: column; padding: 5px; } .orderItemList ul>li { border-bottom: 1px dotted var(--border-color); } .d_orderDetails h5 { font-size: 14px; font-family: 'Montserrat'; } .d_orderDetails { padding: 10px 0; } .extars ul li { border: 0; } .extars ul { list-style: disc; display: block; width: 100%; padding-left: 28px; } .shopArea ul::before { position: absolute; top: 0; left: 19px; bottom: 0; display: block; width: 2px; content: ""; z-index: 1; background-image: linear-gradient(rgba(22, 199, 154, .5) 33%, rgba(22, 199, 154, .1) 0%); background-position: right; background-size: 1px 10px; background-repeat: repeat-y; } .topd_Order { display: flex; align-items: center; justify-content: space-between; } .topd_Order h4 { font-size: 16px; } .bt-1-dashed { border-top: 1px dashed var(--border-color); } .deliver-footer { position: relative; bottom: 0; width: 100%; padding-bottom: 11px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-evenly; } .deliver-footer a { bottom: 5px; max-width: 540px; border-radius: 0; } ul.orderMenu { display: flex; align-items: center; padding: 5px 10px; box-shadow: 0 3px 5px var(--box-shadow); padding-top: 0; } ul.orderMenu li { display: block; } ul.orderMenu li a { padding: 10px; display: block; font-size: 14px; color: var(--color); margin: 0 2px; } ul.orderMenu li a i { font-size: 15px; margin-right: 1px; } ul.orderMenu li a:hover, ul.orderMenu li a.active { color: rgba(22, 199, 154, 1); } .single_orderDetails p { font-size: 15px; font-family: 'Ubuntu'; color: var(--color); } .singleTab { background: #fff; display: flex; align-items: center; justify-content: space-between; min-height: 120px; padding: 15px; margin-bottom: 10px; } .singleTab i { font-size: 46px; } .accountArea { padding: 0 10px; } .leftTab p { font-size: 16px; padding-top: 11px; font-family: 'Ubuntu'; } .success-light { background: rgba(40, 167, 69, .15); color: #28a745; transition: all .3s ease-in-out; border-color: rgba(40, 167, 69, .1); } .bg-danger-soft { background: rgba(220, 53, 69, .1) !important; color: #dc3545 !important; } .default-light { background: rgba(106, 116, 123, .15); color: #6a747b; transition: all .3s ease-in-out; border-color: #777; } .pnt-8 { padding: 0 8px !important; } .singleOrdrebtn { text-align: center; padding: 7px 6px 15px; display: flex; flex-wrap: wrap; } .singleOrdrebtn a { margin-right: 6px; margin-bottom: 5px; } .orderDetailsBody { display: flex; flex-direction: column; justify-content: center; min-height: 153px; } .singleOrder { min-height: 204px; } .singleOrdrebtn a { background: rgba(40, 167, 69, 1); color: #fff; font-size: 14px; padding: 5px 10px; border-radius: 6px; } .ongoing { background: #dc3545 !important; } .orderBtn { background: rgba(22, 199, 154, 1); color: #fff; } .track_bullet ul li>i { height: 45px; width: 45px; border: 1px solid rgba(22, 199, 154, .2); border-radius: 100%; text-align: center; line-height: 44px; font-size: 32px; background: #fff; color: rgba(22, 199, 154, 1); z-index: 5; flex: 0 0 45px; } .track_bullet ul li.active>i { background: rgba(22, 199, 154, 1); color: #fff; } .track_bullet ul li.dactive>i { background: #dc3545; color: #fff; } .track_bullet ul li h4 { font-size: 15px; padding: 8px 0 0; } .track_bullet ul { display: flex; flex-direction: column; position: relative; } .track_bullet ul li { display: flex; align-items: center; margin-bottom: 25px; position: relative; } .single_track { margin-left: 15px; } small {} .track_bullet ul::before { position: absolute; top: 0; left: 20px; bottom: 0; display: block; width: 2px; content: ""; z-index: 1; background-image: linear-gradient(rgba(22, 199, 154, .4) 33%, rgba(22, 199, 154, .1) 0%); background-position: right; background-size: 1px 9px; background-repeat: repeat-y; } .track_bullet ul li.active i::after { content: ""; position: absolute; min-height: 150px; width: 3px; background: rgba(22, 199, 154, 1); left: 20px; top: 2px; z-index: -1; } .track_bullet ul li.dactive>i::after { content: ""; position: absolute; min-height: 150px; width: 3px; background: #dc3545; left: 20px; top: 2px; z-index: -1; } .track_bullet ul li.active:last-child i::after { display: none; } .track_bullet ul li.dactive:last-child i::after { display: none; } .single_track p { font-size: 15px; } .d_single_order_header.track_back { padding-top: 10px; margin-top: 10px; background: #fff; } .card.track-card { border-top-left-radius: 0; border-top-right-radius: 0; } .flip-x { transform: scaleX(-1); } div#datetimepicker2 .input-group-append { height: 45px; } .show_address textarea.form-control { height: 47px; } .single_orderDetails label { font-weight: normal; } .info-light { background: rgba(0, 192, 239, .2); color: rgba(0, 192, 239, 1); transition: all .3s ease-in-out; border-color: rgba(0, 192, 239, .1); } .input-group-append { margin-left: -1px; height: 45px; } /*---------------------------------------------- V1.9 ----------------------------------------------*/ .flex { display: flex; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .flex-column { flex-direction: column; } .bb_1_dashed { border-bottom: 1px dashed var(--border-color); } .bt_1_dashed { border-top: 1px dashed var(--border-color); } .w_100 { width: 100%; } .ModalCustomerInfo h4 { font-size: 17px; padding-bottom: 10px; } .ModalCustomerInfo { margin-bottom: 20px; border-bottom: 1px dashed var(--border-color); padding-bottom: 15px; } .flex-between { display: flex; justify-content: space-between; } ul.paymentSummary .pleft { font-size: 14px; } ul.paymentSummary .pright { font-size: 14px; font-weight: bold; } li.pt-7.bb-top div { font-size: 17px; } ul.paymentUl li { font-size: 15px; } .dropdown-menu.languageDropdown a { padding: 5px 10px !important; } /*---------------------------------------------- style 2 menu ----------------------------------------------*/ .restaurant-container, .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .restaurant-container, .container { max-width: 540px; } } @media (min-width: 576px) and (orientation: landscape) { .restaurant-container, .container { max-width: 100%; } } @media (min-width: 768px) { .restaurant-container, .container { max-width: 720px; } } @media (min-width: 992px) { .restaurant-container, .container { max-width: 960px; } } @media (min-width: 1200px) { .restaurant-container, .container { max-width: 1200px; } } @media (min-width: 1300px) { .restaurant-container, .container { max-width: 1300px; } } .style_2 .homeSingle_item { flex-direction: column; padding: 0; } .style_2 .homeSingleImg.menu-img.img { height: 100%; width: 100%; border-radius: 0; flex: inherit; } .style_2 .homeItemDetails.list_view { padding: 15px; padding-top: 10px; } .style_2 .topTitle h4 { /* display: flex; */ align-items: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .theme_3 .topTitle h4 { /* display: flex; */ align-items: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 23px; } .top___title { display: flex; align-items: center; width: 100%; } p.details.not_is_size { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .style_2 .port_d_flex.home_view { justify-content: center; } .style_2 .w-50 .text { background: #fff; border-radius: 6px 0px 0px 6px; height: 261px; display: flex; justify-content: center; flex-direction: column; } .style_2 h4.package_price { text-align: center; } .homeSingle_item:hover .menu-img { transform: scale(1.1); transition: all .3s ease-in-out; } .style_2 .homeSingle_item, .menu-img { overflow: hidden; transition: all .3s ease-in-out; position: relative; } .style_2 .item_images { height: 200px; overflow: hidden; width: 100%; cursor: pointer; } .style_2 i.fa.fa-circle.veg_type { font-size: 8px; border: 1px solid; height: 15px; width: 15px; flex: 0 0 15px; border-radius: 100%; text-align: center; line-height: 13px; text-align: center; margin-left: 5px; } .style_2 .single__cat__header { display: flex; align-items: center; gap: 10px; } .style_2 .cat__btn { background: #fff; border-radius: 5px; font-size: 18px; height: 47px; padding: 5px 25px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; } .style_2 .single__cat__header .dropdown-menu { box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); border: 0; } .style_2 .single__cat__header .dropdown-menu a { display: block; padding: 8px 21px; } .style_2 .incress_area { background: var(--background-color); border-radius: 9999px; border: 0; flex-direction: column-reverse; justify-content: center; width: 30px; flex: 0 0 30px; margin-right: 8px; } .style_2 span.cart_qty_field input { width: auto; height: auto; border: 0; border-right-color: transparent; border-left-color: transparent; text-align: center; background: transparent; } .style_2 .incress_area { background: var(--background-color); border-radius: 9999px; border: 0; flex-direction: column-reverse; justify-content: center; width: 33px; } .style_2 .incress_area span { background: transparent; border: 0; padding: 4px; } .style_2 .incress_area i { font-size: 15px; } .style_2 .incress_area input { background: transparent; border: 0; } .style_2.shopping_cart { width: 380px; } .style_2 .incress_area * { color: #777 !important; } .style_2 .single_cart_item_details { width: 100%; } .style_2 .right_cart { flex: 0 0 20px; } .style_2 .left_cart { width: 100%; } .row.grid-item.seemore { width: 100% !important; position: absolute; bottom: -57px; top: auto !important; } .style_2 .homeItem_left { width: 100%; } .style_2 .homeItemDetails.list_view { width: 100%; } .style_2 .topTitle { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; flex-direction: column-reverse; } .homeStyle_2 .homeItem_right { margin-bottom: 5px; } .homeStyle_2 .homeItem_left { min-height: 127px; } .priceGroup>span { font-size: 14px; color: #4e54c8; font-weight: 600; } .theme-dark :is(.priceGroup > span, h4.package_price, span.home_package_price) { color: #39ea84; } /*---------------------------------------------- 4.2 ----------------------------------------------*/ .singlePage.style_2 ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .singlePage .single_cart_item_details h4 { font-size: 12px; } .singlePage.style_2 ul li { margin-right: 5px; background: var(--soft-background); padding: 5px; border-radius: 5px; width: 49.111%; margin-bottom: 10px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); } i.icofont-minus { font-size: 17px; padding: 9px; } .singlePage .style_2 .incress_area { flex: 0 0 20px; width: 20px; } .singlePage .single_cart_item_details p { font-size: 13px; } .singlePage .single_item_cart img { height: 40px; width: 40px; margin-right: 10px; flex: 0 0 40px; border-radius: 100%; border: 1px solid #eee; object-fit: cover; } .singlePage.style_2 .incress_area { flex: 0 0 29px; width: 29px; } .singlePageLogin { padding: 10px; border-radius: 5px; margin-bottom: 11px; margin-top: 10px; } .order_page { background: var(--card-color); padding: 10px; border-radius: 5px; margin-bottom: 10px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); } .singlePage.style_2 .upperSum span { font-weight: bold; } .singlePage.style_2 .upperSum { font-size: 15px; } .successMsgArea.single__page__order { min-height: 60vh; display: flex; align-items: center; justify-content: center; margin: 1rem 0; } .singleSuccessPage { background: var(--card-color); border-radius: 5px; padding: 15px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); } i.successIcon { height: 55px; width: 55px; border-radius: 100%; display: block; text-align: center; margin: 0 auto; line-height: 57px; } .trackLink a { text-decoration: underline; } .confirm_btn:hover, .add_to_cart_form:hover { color: #fff !important; } .home-book-btn { color: #fff !important; } /*---------------------------------------------- PICKUP SLOTS ----------------------------------------------*/ .slots_area { display: flex; align-items: center; flex-wrap: wrap; } label.single_slots { display: flex; align-items: center; justify-content: center; padding: 4px 8px; margin: 5px 6px; cursor: pointer; border-radius: 5px; font-size: 15px; position: relative; background: rgba(40, 167, 69, .15); color: rgba(40, 167, 69, 1); transition: all .3s ease-in-out; } label.single_slots:hover, label.single_slots.active { background: rgba(40, 167, 69, 1); color: #fff; transition: all .3s ease-in-out; } label.single_slots input { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; } label.single_slots:hover:before, label.single_slots.active::before { opacity: 1; visibility: visible; transition: all .3s ease-in-out; } label.single_slots::before { content: '\eed6'; font-family: 'IcoFont'; color: green; position: absolute; right: -7px; top: -9px; font-size: 14px; border: 2px solid #fff; height: 20px; width: 20px; text-align: center; line-height: 17px; border-radius: 50%; background: rgba(40, 167, 69, 1); color: #fff; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; } /*---------------------------------------------- PICKUP SLOTS ----------------------------------------------*/ /*---------------------------------------------- FPX STRIPE PAYMENT ----------------------------------------------*/ .fpxArea { text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; } .form-row { margin-bottom: 35px; width: 100%; } .fpxArea form { width: 320px; } /*---------------------------------------------- Rating Star Widgets Style ----------------------------------------------*/ .rating-stars ul { list-style-type: none; padding: 0; -moz-user-select: none; -webkit-user-select: none; } .rating-stars ul>li.star { display: inline-block; cursor: pointer; } /* Idle State of the stars */ .rating-stars ul>li.star>i.fa { font-size: 2.5em; /* Change the size of the stars */ color: #ccc; /* Color on idle state */ } /* Hover state of the stars */ .rating-stars ul>li.star.hover>i.fa { color: #FFCC36; } /* Selected state of the stars */ .rating-stars ul>li.star.selected>i.fa { color: #FF912C; } .h_auto { height: auto; } .h-47 { height: 47px !important; } .startRating { display: flex; align-items: center; justify-content: center; } .startRating i { color: #EB5E0B; font-size: 13px; padding: 1px; } .ModalCustomerInfo { display: flex; align-items: center; justify-content: space-between; } .customerEdit a { color: #777; font-size: 17px; padding: 10px; } .ModalCustomerInfo.dis_none { display: none; } .priceCheck { padding: 5px 0 15px; color: #dc3545; } .priceCheck h4 { font-size: 16px; } .searchSection.welcomeSearch .searchBar-2, .searchSection.welcomeSearch .search-txt-2 { width: 360px; } .searchSection.welcomeSearch { margin: 50px auto; text-align: center; display: flex; align-items: center; justify-content: center; } #showCatItem .homeSingle_item.singleCatItem { min-height: 185px; margin-bottom: 15px; } .bg_loader { background-position: center center !important; background-repeat: no-repeat !important; } .confirmMsgArea.payInCash { box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); border-radius: 5px; padding: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .selectPaymentMsg { display: flex; align-items: center; justify-content: center; min-height: 193px; flex-direction: column; text-align: center; } .selectPaymentMsg h4 { text-transform: inherit; font-size: 19px; color: #555; } .selectPaymentMsg i { font-size: 38px; color: #555; } .payment_card .tab-pane { padding-top: 0; } .goog-logo-link { display: none !important; } .goog-te-gadget { color: transparent !important; } .goog-te-gadget .goog-te-combo { height: 32px; padding: 5px; } div#google_translate_element { margin-top: 0px; position: absolute; top: 9px; } .left_create_admin .reg_msg.block { display: block !important; width: 100%; } div#showCatItem .homeSingle_item { margin-bottom: 15px; } /*---------------------------------------------- VERSION 2.0 ----------------------------------------------*/ .item__slider { max-height: 350px; min-height: 300px; width: 100%; padding: 0; } .item__slider img { height: 100%; width: 100%; object-fit: cover; } .itemSlider ul.slick-dots li button { border: 1px solid #ddd; border-radius: 100%; height: 10px; width: 10px; margin: 2px; background: #f8f8f8; font-size: 12px; outline: none; color: #fff; } ul.slick-dots { display: flex; align-items: center; justify-content: center; margin-top: -58px; z-index: 9; position: relative; } .itemSlider ul.slick-dots li button { border: 0; border-radius: 0; height: 4px; width: 5px; margin: 2px; background: rgba(232, 8, 142, .5); font-size: 0; outline: none; color: #fff; flex: 0 0 5px; } .itemSlider ul.slick-dots li.slick-active button { background: rgba(232, 8, 142, 1); } .opacity_height_0 { height: 350px; opacity: 0; } .modal-dialog.load { min-height: 550px; z-index: 999; position: relative; } .b-gray { background: #f4f5f7; } .defaultForm .form-control { border-radius: 5px; height: 47px; } li.callwaiter a { background: rgba(84, 91, 98, .8); color: #fff; border-radius: 5px; } .reg_msg .alert-dismissible .close { position: absolute; top: -9px; right: -20px; padding: .75rem 1.25rem; color: inherit; } .homeBanner_serviceImg img { height: 50px; width: 50px; object-fit: cover; } .homeBanner_serviceImg { height: 50px; } img.logo { max-height: 50px; } .space-between { justify-content: space-between; } .bg-light-purple-soft { background-color: rgba(114, 57, 234, .15) !important; color: rgba(114, 57, 234, 1) !important; } .bg-warning-soft { background: rgba(255, 193, 7, .1) !important; color: rgba(255, 193, 7, 1) !important; } .bg-primary-soft { background: rgba(40, 110, 251, .1) !important; color: #286efb !important; } .bg-success-soft { background: rgba(40, 167, 69, .1) !important; color: #28a745 !important; } .bg-danger-soft { background: rgba(220, 53, 69, .1) !important; color: #dc3545 !important; } .bg-info-soft { background: rgba(0, 192, 239, .1) !important; color: rgba(0, 192, 239, 1) !important; } span.sizeText { font-size: 11px; font-weight: normal; border-radius: 4px; } .pay_size_top { margin-bottom: 6px; } .navbar-toggler { border-radius: 0; } .allow-sm { display: none; } ul {} .rightMenu ul { display: flex; align-items: center; } .rightMenu ul li { position: relative; } .dropdownArea.dropdownList { position: absolute; z-index: 99; background: var(--background-color); } .dropdownArea.dropdownList ul { display: flex; flex-direction: column; min-width: 168px; } .dropdownArea.dropdownList ul li { display: block; width: 100%; text-align: center; } .dropdownArea.dropdownList ul li a { display: inline-block; padding: 5px; color: #777; } .dropdownMenu.sm-drop>a { color: #777; border: 1px solid #ddd; margin: 0 8px; border-radius: 5px; } .dropdownArea.dropdownList { position: fixed; z-index: 999999; background: var(--background-color); /* top: 63px; */ width: 152px; margin-left: -25px; } .moreMenuBtn { display: none; } .dropdownMenu a { color: #777; } li.dropdownMenu.moreMenuBtn a { display: flex; align-items: center; padding: 0; justify-content: space-between; } .show_menu_details .dropdownArea.dropdownList { width: 100%; background: #ddd; } img.shopLogo { max-height: 29px; margin-top: -5px; max-width: 150px; } .pickupCheckDate { display: flex; align-items: center; } .pickupCheckDate label { display: flex; align-items: center; cursor: pointer; font-size: 14px; } .custom-radio-2 { display: inline-flex; align-items: center; padding-left: 0; margin: 0; cursor: pointer; transition: 0.25s ease; } .custom-radio-2 input[type=radio] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-radio-2 input[type=radio] { border: 0; background-color: #eee; height: 1.2rem !important; width: 1.2rem !important; margin: 0; float: none; flex-shrink: 0; margin-right: 10px; border-radius: 50%; transition: 0.25s ease; } .custom-radio-2 input[type=radio]:checked { background-color: var(--defaultColor) !important; transition: 0.25s ease; } .custom-radio-2 input[type=radio]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e"); background-repeat: no-repeat !important; background-position: center center !important; transition: 0.25s ease; } .custom-radio-2 input:focus-visible, .custom-radio-2 input:focus-visible { outline: 0 !important; border-color: transparent; } .custom-radio-2 input, .custom-checkbox input { outline: 0 !important; border-color: transparent; } .custom-radio-2 input[type=radio].error { border: 1px solid red; } /*---------------------------------------------- Custom checkbox ----------------------------------------------*/ .custom-checkbox { display: inline-flex; align-items: center; padding-left: 0; margin: 0; cursor: pointer; } .custom-checkbox input[type=checkbox] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-checkbox input[type=checkbox] { border: 0; background-color: #ddd; height: 1.0rem !important; width: 1.0rem !important; background-size: 60% 60%; margin: 0; float: none; flex-shrink: 0; margin-right: 10px; border-radius: 3px; } .custom-checkbox input[type=checkbox]:checked { background-color: var(--defaultColor) !important; ; border-color: var(--defaultColor) !important; ; } .custom-checkbox input[type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e"); background-repeat: no-repeat !important; background-size: 60% 60% !important; background-position: center center !important; } label.custom-checkbox p { display: flex; align-items: center; justify-content: center; } .add-to, .add-to-2 { display: block; height: 100vh; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; } .add-to-area { position: fixed; top: 40%; background: var(--background-color); width: auto; text-align: center; padding: 10px 53px 10px 10px; box-shadow: 0 0 5px var(--box-shadow); left: 50%; transform: translate(-50%, -50%); z-index: 98524; justify-content: space-between; display: flex; align-items: center; color: var(--color); } .add-to-area .pt-15 { padding-bottom: 20px; } .add-to-area button.btn { margin-top: .9rem; color: #fff; } /*---------------------------------------------- coupon ----------------------------------------------*/ .couponInput-group { display: flex; align-items: center; justify-content: center; } .couponInput-group input { flex: 1; margin-right: 6px; } .couponField { margin-top: 4px; margin-bottom: 5px; } a.couponBtn { display: block; margin-left: 7px; } .couponList { text-align: center; padding: 24px 0 10px 0px; margin-bottom: 15px; } .couponList h4 { font-size: 17px; } .couponCode { font-weight: bold; font-size: 16px; } .user_content { min-height: 150px; text-align: center; display: flex; align-items: center; justify-content: center; } .frown { font-size: 40px; color: #222; } .contact_us_alert { margin-top: 20px; } .catDetails { display: flex; flex-direction: row; align-items: center; padding-bottom: 25px; } .catDetails img { width: 80px; height: 80px; margin-right: 18px; } p.details.is_size { display: none; } .packageImg.img.menu-img { height: 80px; width: 80px; flex: 1 0 80px; } .qr_area img { border: 1px solid; } .qr_area { margin: 10px auto; } a.profile_btn { font-family: inherit; } .single_users:hover { background: #f8f8f8; transition: all .3s ease-in-out; } .topCategory { display: flex; flex-wrap: nowrap; /* overflow-x: auto;*/ } .catTop { --imgWidth: 70px; height: var(--imgWidth); width: var(--imgWidth); flex: 0 0 var(--imgWidth); object-fit: cover; border-radius: 100%; margin-bottom: 1rem; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); } .singleCatItem h4 { font-size: .95rem; color: var(--color); font-weight: bold; overflow: hidden; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-align: center; } .singleCatItem { margin: 5px; padding: 5px; min-height: 153px; width: 161px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 1.5rem; border: 1px solid transparent; transition: all .3s ease-in-out; background: var(--soft-background); box-shadow: 0 0 5px var(--box-shadow); } .catTop:hover { cursor: move; } .pwaContent { display: flex; flex-direction: row; justify-content: center; text-align: left; } .pwaContent img { width: 100px; height: 100px; margin-right: 10px; } .pwaContent h4 { font-size: 17px; } a.pwaClose { position: absolute; top: 2px; right: 6px; color: red; } .veg_type.style2 { position: absolute; right: 50%; bottom: 10px; transform: translateX(50%); text-shadow: 0 0 5px #fff; } .arrowsection a { color: #777; font-size: 18px; margin: 6px 2px; padding: 2px 7px; box-shadow: 0 0 5px #eee; } .arrowsection { display: flex; justify-content: flex-end; } .topCategory::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px #eee; background-color: #F5F5F5; } .topCategory::-webkit-scrollbar { height: 6px; background-color: #F5F5F5; cursor: pointer; } .topCategory::-webkit-scrollbar-thumb { background-color: #ddd; } .itemPrice_area.i_small::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px #eee; background-color: #F5F5F5; } .itemPrice_area.i_small::-webkit-scrollbar { height: 6px; background-color: #F5F5F5; cursor: pointer; } .itemPrice_area.i_small::-webkit-scrollbar-thumb { background-color: #ddd; } .gmapLink { display: flex; align-items: center; position: relative; } .gmapLink i { font-size: 23px; position: absolute; right: 0; cursor: pointer; padding: 10px; color: #777; } .couponArea { display: block; padding: 11px 10px; border: 1px solid var(--border-color); margin-bottom: 9px; } .couponArea>a { font-size: 16px; font-weight: bold; } .loading::before { content: "\f110"; font-family: FontAwesome; position: absolute; n: load8 1.1s infinite linear; right: 9px; font-size: 21px; top: 6px; z-index: 99; color: red; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .showNotfoundMsg { min-height: 100px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: red; } p.tax_status { color: #777; font-size: 11px !important; } h4.change-amount { font-size: 15px; color: tomato; } .newPriceLayout { display: flex; flex-flow: row wrap; align-items: stretch; } .card-body.NewPricCard { display: flex; flex-direction: column; align-items: center; justify-content: space-between; background-color: var(--card-color); border-radius: .5rem; } .pricing_3 .card, .pricing_3 .princing-item { width: 31%; margin: 7px; background-color: var(--card-color); border-radius: .5rem; } .princing-item { width: 31%; margin: 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 20px; margin-bottom: 30px; background-color: var(--card-color) !important; } .priceTopCard { width: 100%; background-color: var(--card-color); } .priceCardFooter { width: 100%; padding: 0 20px 20px; } .pickupTimeSlots.null { min-height: 108px; display: flex; align-items: center; justify-content: center; color: green; } .callWaiterButton.sm { display: none; } .callWaiterButton { position: absolute; top: 7px; right: 20px; height: 50px; width: 50px; background: #fff; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 0 5px #ddd; font-size: 22px; z-index: 99; } .callWaiterButton i { color: #000; } @media only screen and (max-width: 600px) { .callWaiterButton.sm { display: inherit; } .cRLSYG { bottom: 42px !important; } } /*---------------------------------------------- loader Green ----------------------------------------------*/ @keyframes ldio-mp4zm9ojapo { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .loader_green .ldio-mp4zm9ojapo div { border: 8px solid #77D970; border-top-color: transparent; } .loader_gray .ldio-mp4zm9ojapo div { border: 8px solid #777; border-top-color: transparent; } .ldio-mp4zm9ojapo div { position: absolute; width: 38px; height: 38px; border: 8px solid #18ff65; border-top-color: transparent; border-radius: 50%; } .ldio-mp4zm9ojapo div { animation: ldio-mp4zm9ojapo 0.78125s linear infinite; top: 50px; left: 50px } .loadingio-spinner-rolling-bmobyy7r0gw { width: 44px; height: 44px; display: inline-block; overflow: hidden; background: none; } .ldio-mp4zm9ojapo { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(0.44); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio-mp4zm9ojapo div { box-sizing: content-box; } .pickupMsg { font-size: 14px; font-weight: normal; color: blueviolet; text-transform: inherit; } .null { min-height: 80px; display: flex; align-items: center; justify-content: center; margin-top: 40px; } .roomNumbers { margin-top: 19px; } .roomNumbers label.single_slots { padding: 5px 19px; } div.eapps-widget { position: absolute !important; overflow: hidden; } .newBanner { position: relative; } .userHomebanner_wrapper { width: 100%; } .homeBanner_left { padding: 15px 0; } .homeBanner_left .shopLogo { height: auto; } .shopLogo { height: auto; width: auto; } .shopLogo.landscape { max-height: 100%; max-width: 200px; } .homeBanner_Service { width: 30%; } .recentDetails ul { display: flex; flex-direction: column; } .recentDetails ul li span:last-child { font-weight: bold; margin-right: 14px; } .mergeArealist { background: var(--background-color); margin-top: 10px; padding: 10px; } .previousOrderDetails { margin-left: 26px; } .startRating.orderlistRating { justify-content: flex-start; } .digitalPaymentText { font-size: .85rem; color: rgba(22, 199, 154, 1); padding: 1px 10px; border-radius: .21rem; box-shadow: 0 0 5px var(--box-shadow-soft); } .custom_fields { display: flex; align-items: center; flex-direction: row; } .searchArea { display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; margin-bottom: 5px; } .custom_fields select { width: 7rem; } .custom_fields select:first-child { margin-right: 5px; } .gmapLink i { color: rgba(22, 199, 154, 1); } .couponFields { display: flex; width: 100%; position: relative; } a.text-danger.couponClose { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); padding: 5px; } .guestLoginArea { border: 1px solid var(--border-color); padding: .5rem; margin-bottom: 1rem; background: var(--soft-background); } .or { display: flex; align-items: center; justify-content: center; margin: 1rem 0; position: relative; gap: 8px; font-weight: bold; font-style: italic; } .or::before { content: ""; height: 3px; width: 50%; left: 0; background: var(--body-color) !important; } .or::after { content: ""; height: 3px; width: 50%; right: 0; background: var(--body-color) !important; } .pointerEvent { pointer-events: none; appearance: none; } /*---------------------------------------------- tips ----------------------------------------------*/ .tipsArea { display: flex; flex-direction: column; width: 100%; background: var(--card-color); } .tipsHeader ul { display: flex; width: 100%; justify-content: space-evenly; align-items: center; padding: 0; margin: 0; border: 1px solid var(--border-color); border-radius: .4rem; flex-wrap: nowrap; overflow-x: auto; } .tipsHeader ul li { width: 100%; border-right: 1px solid var(--background-color); background-color: var(--soft-background); text-align: center; } .tipsHeader ul li:last-child { border: 0; } .tipsHeader * { font-size: .91rem; } .tipsHeader button { padding: 2px .5rem; background: rgba(106, 116, 123, .7) !important; color: #fff; } .tipsHeader button:hover { color: #fff; background: rgba(106, 116, 123, 1) !important; } .tipsfields { display: flex; margin-top: 9px; } .tipsfields input { border-radius: 5px 0 0 5px !important; flex: 1; } .tipsfields button { border-radius: 0 5px 5px 0; } .tipsHeader ul li span { font-size: 1rem; font-weight: 500; } .tipsHeader ul li p { padding: 0; margin: 0; font-size: 0.85rem; } .tipsHeader ul li label [type="radio"] { display: none; } .tipsHeader ul li label { display: block; width: 100%; height: 100%; margin: 0; cursor: pointer; padding: 0.4rem; } .tipsSection { margin: 1rem 0; } .tipsArea>p { margin-left: 5px; margin-bottom: 6px; font-weight: 500; } .tipsHeader ul li label:hover { background: rgba(106, 116, 123, .2); transition: all .3s ease-in-out; } .left_footer p.address, .left_footer p.phone { display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; } .left_footer p.address a, .left_footer p.phone a { padding: 0; margin: 0; color: #777; direction: ltr; } .checkoutBtnList { display: flex; flex-direction: column; align-items: normal; width: 100%; } .checkoutBtnList>label { display: flex; align-items: center; margin-bottom: 15px; font-weight: 500; flex-wrap: wrap; } .checkoutBtnList>label>a { margin: 0 5px; } .checkIcon { visibility: hidden; transition: all .3s ease-in-out; } .add-to-2:before, .add-to:before { content: ""; position: absolute; width: 100%; top: 0px; left: 0; height: 100%; z-index: 10000; backdrop-filter: brightness(90%) contrast(50%) grayscale(10%) blur(5px); overflow-y: hidden; background-attachment: fixed; } .prevent-image .itemDetailsLeft { padding-left: 10px; } .singleCatItem.prevent-image { height: 70px; min-height: auto; padding: 0; } .packgeImages { width: 47%; aspect-ratio: 16/9; object-fit: scale-down; margin: 0 auto; margin-bottom: 24px; box-shadow: 0 0 5px; } .conflictArea { display: flex; flex-direction: column; align-items: center; justify-content: center; } .conflictArea h4 { font-size: 20px; margin-bottom: 12px; } .p-r { position: relative; } .shopGlang .gt_switcher_wrapper { position: fixed !important; bottom: 5rem !important; left: 2rem !important; } /*.gt_switcher_wrapper { position: absolute !important; margin-right: 5px; top: -21px !important; }*/ .glanguageList .gt_switcher a img { height: 28px !important; width: 28px !important; } .glanguageList .gt_switcher a { font-size: 11pt !important; } .glanguageList .gt_switcher .gt_selected a { width: 125px !important; padding: 5px !important; } .glanguageList .gt_switcher { width: 140px !important; } .admin_gtranslate_wrapper .gt_switcher_wrapper { position: absolute !important; margin-right: 5px; top: 4px !important; right: initial !important; } .price_section p.details { font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .cartFloatingIcon.menuStyle1 .navCart { display: none; } .cartFloatingIcon.menuStyle1 .navCart.active { display: inherit; } .singleItemDetails .single_item { padding-bottom: 10px; } .singleItemDetails .modal-body { border: 0; } .singleItemDetails .modal-footer { border: 0; background: #f4f5f7; margin-top: 15px; } .singleItemDetails { margin: 10px 0; } .singleItemDetailsBody .modal-body, .singleItemDetailsBody .modal-footer { background: #fff !important; } .variantTags { margin: 0; padding: 0; font-size: 14px; color: #777; margin-bottom: 5px; } .sizePrice { display: flex; align-items: center; gap: 10px; } p.sizeTagName { font-size: 13px; color: #777; font-weight: bold; font-family: 'Roboto Condensed'; } .ajaxLoader { position: fixed; inset: 0; z-index: 999999999999999999999999; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .6); } .ajaxLoader .loader_gray { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } li.dropDown { position: relative; } li.dropDown .dropdownArea ul { position: absolute; background: #f8f9fa; left: 0; margin-top: 8px; margin-left: -10px; width: 200px; text-align: center; } li.dropDown .dropdownArea ul li { border-bottom: 1px solid #ddd; } li.dropDown .dropdownArea ul li:hover a { background: #fff; } .singleOrder { cursor: pointer; } .terms_page.vendorPagae { padding-top: 50px; } .rejectReason_details ul { display: flex; flex-direction: column; gap: 6px; list-style: disc; padding-left: 26px; margin-bottom: 5px; } .rejectReasonArea { color: purple; background: #f9f9f9; padding: 10px; } .rejectReasonArea>p { margin-left: 15px; } .single_track .rejectReason_details ul li { margin-bottom: 0 !important; } .single_track .rejectReason h5, .single_track .rejectReason p { padding-left: 25px; } p.created_by img { height: 30px; width: 30px; object-fit: contain; margin-right: 5px; } .whatsappSupport a { position: fixed; right: var(--whatsappRight); bottom: var(--whatsappBottom); height: 50px; width: 50px; text-align: center; background: #25D366; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 32px; color: #fff; box-shadow: 0 0 5px #ddd; } .whatsappSupport a i { color: #fff; } .whatsappSupportWindow { position: fixed; bottom: calc(var(--whatsappBottom) + 55px); right: var(--whatsappRight); width: 0; height: 0; overflow: hidden; transition: all .3s ease-in-out; } .whatsappSupportWindow.active { position: fixed; bottom: calc(var(--whatsappBottom) + 55px); right: var(--whatsappRight); width: 300px; background: var(--background-color); padding: 10px 9px; padding-bottom: 2px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: 251px; transition: all .3s ease-in-out; border-radius: 5px; overflow-y: auto; z-index: 9; } .whatsappSupportText { height: 100%; width: 100%; background: var(--card-color); margin-bottom: 9px; border-radius: 5px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .whatsappBtn { background: #25D366 !important; border-color: #25D360; } button.btn { color: #fff !important; } .rightMenu .nav-item a { color: #777; } .login_signup { display: flex; } ul.smDropdown { display: none; } span.text-sm { font-size: 11px; font-weight: normal !important; } h4.itemTitle { display: flex; align-items: center; } .select2-selection.select2-selection--single { height: 46px; padding-top: 7px; font-size: 16px; } .select2-container { width: 100% !important; } .style__2 .homeItem_left { width: 100%; } /* 3.1.9 */ .initialTime { display: flex; align-items: center; justify-content: space-between; } .singleDayList ul { display: flex; margin: 0; align-items: center; gap: 10px; margin-top: 10px; flex-wrap: wrap; width: 100%; } .singleDayList ul li { background: rgba(106, 116, 123, .15); color: #6a747b; transition: all .3s ease-in-out; border-color: #777; padding: 0px 5px; border-radius: 3px; font-size: 13px; } .singleDayList.open ul { display: flex; margin: 0; align-items: flex-end; gap: 10px; margin-top: 10px; flex-wrap: wrap; width: 100%; flex-direction: column; } .singleDayList.open ul li { background: initial; color: #4b566b; transition: all .3s ease-in-out; border-color: inherit; font-size: 15px; } .singleDayList.close { display: flex; align-items: center; justify-content: space-between; width: 100%; flex-direction: column; opacity: 1; } .singleDayList.close .initialTime { display: flex; justify-content: space-between; width: 100%; } .singleDayList.close .initialTime span { font-size: 1rem; color: #4b566b; opacity: 1; } ul.row_ul.availableDays.close { opacity: 1; } .singleDayList ul li { background: rgba(106, 116, 123, .15); color: #6a747b; transition: all .3s ease-in-out; border-color: #777; padding: 0px 5px; border-radius: 3px; font-size: 13px; } .singleDayList { padding: 10px 0; } .navDropdownList ul li a { padding: .2rem 1rem; display: block; font-size: .9rem; } .customNavsideBar.activeNav ul li a:hover { background: var(--soft-background); } .customNavsideBar.activeNav ul li a { padding-left: 12px; width: 100%; display: block; padding: .5rem 1rem; } .navDropdownMenu a.navActive { background: var(--soft-background); } .navDropdownMenu { margin-bottom: 3px; position: relative; } .customNavsideBar a.active { background: var(--soft-background); } span.cartCount { position: absolute; top: 5px; right: 0px; background: rgba(220, 53, 69, 1); color: #fff; border-radius: 50%; font-size: 11px; padding: 2px 4px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; min-width: 20px; } .allow-lg { display: flex !important; } .allow-sm { display: none !important; } .cartNofify.notifyBadge { width: 100%; border-radius: 0; } .cartNofify.notifyBadge div { padding: 6px 8px; } a.navbar-brand.square { height: 48px !important; width: 48px !important; } a.navbar-brand.square img { height: 48px !important; width: 48px !important; object-fit: cover; transform: scale(1); max-width: 48px; max-height: 48px; padding: 3px; } a.navbar-brand.landscape { height: 48px !important; max-width: 150px !important; width: auto; } a.navbar-brand.landscape img { height: 48px !important; width: auto; object-fit: scale-down; transform: scale(1); max-width: 150px; max-height: 48px; padding: 3px; } .topFooter { box-shadow: 0 0 5px var(--box-shadow); padding-bottom: 15px; } .navDropdownList.navActive { background: var(--background-color); } .menuToggle { font-size: 1.38rem; margin-right: 5px; } .menuToggle img { height: 48px; width: 48px; object-fit: scale-down; } .cartNofify.notifyBadge { background: rgba(40, 167, 69, 1); color: #fff; border-radius: 5px; } .cartQty { border-radius: 100%; background: radial-gradient(rgba(0, 172, 138, .5) 55%, rgba(41, 199, 172, .8) 58%); min-width: 33px; text-align: center; } .navRightMenu ul li.gLanguage a { height: auto !important; } .customNavContent .gt_switcher_wrapper { position: absolute !important; margin-right: 5px; top: 9px !important; left: 6px; } .menuDropdown .navDropdownList.navActive { top: 52px; opacity: 1; z-index: 50; transition: all .3s ease-in-out; } .menuDropdown .navDropdownList { position: fixed; top: 80px; opacity: 0; z-index: -50; transition: all .3s ease-in-out; min-width: 120px; } .menuDropdown .navDropdownList ul { display: flex; align-items: center; justify-content: center; flex-direction: column; } .menuDropdown .navDropdownList ul a { padding: 5px; } .navDropdownList ul li a { height: auto !important; } .menuArea { display: flex; align-items: center; justify-content: space-between; position: relative; } .navLeftMenu a { max-width: 120px; display: flex; align-items: center; justify-content: flex-start; } .navRightMenu { flex: 1; display: flex; align-items: center; justify-content: flex-end; position: relative; } .navRightMenu ul { display: flex; align-items: center; justify-content: flex-end; gap: 5px; } .navRightMenu ul li a { font-size: 1rem; height: 50px; width: 100%; display: block; padding: 0.5rem 1rem; padding-right: .3rem; padding-left: .3rem; position: relative; min-width: 45px; text-align: center; display: flex; align-items: center; justify-content: center; } .navRightMenu ul li { position: relative; } .customNav { height: 50px; display: flex; align-items: center; z-index: 90; position: fixed; background: var(--nav-color) !important; top: 0; left: 0; right: 0; box-shadow: 0 0 5px var(--box-shadow); } .customNav a { color: #777 !important; text-wrap: nowrap; } .theme-dark .customNav a { color: var(--color) !important; } .customNavsideBar { position: absolute; left: -350px; right: 0; top: 0px; bottom: 0; width: 280px; background: var(--background-color); height: 100dvh; transition: all .3s ease-in-out; overflow-y: auto; display: flex; flex-direction: column; justify-content: space-between; } .customNavsideBar.activeNav { left: 0; transition: all .3s ease-in-out; } .customNavsideBar.activeNav::after { left: 0; } .customNavsideBar::after { content: ''; position: fixed; left: 100%; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: -2; transition: all .3s ease-in-out; } .topHeader { display: flex; align-items: center; justify-content: space-between; padding-left: 7px; box-shadow: 0 0 5px var(--box-shadow); } .topHeader img { margin-left: 5px; } .topHeader a { font-size: 20px; font-weight: 500; } .topHeader a.closenav { font-size: 20px; font-weight: 500; display: block; height: 100%; padding: 10px; } .customNavBar { height: 50px; overflow: hidden; position: relative; } .customNavsideBar.activeNav ul { padding-top: 10px; } .customNavsideBar.activeNav ul li a { padding-left: 12px !important; } .navLeftMenu { width: 100%; display: flex; align-items: center; justify-content: flex-start; } .navLeftMenu img.shopLogo { transform: scale(1.2); max-width: 150px; height: 100%; margin: 0; max-height: 100%; } .navLeftMenu a.navbar-brand { height: 48px; width: 100%; } .navRightMenu ul li a i { font-size: 1.2rem; } .customNavsideBar li.nav-item.active a { background: var(--soft-background); ; } .homeBanner_left .shopLogo.square img { max-height: 120px; max-width: 120px; } /* mobile menu ================================================== */ .UserMobileMenu { display: block; position: fixed; width: 0; bottom: 50px; background: #f1f3f4; z-index: 999; box-shadow: 0 -1px 5px #ddd; padding-top: 1px; left: -3px; } .UserMobileMenu ul { display: flex; align-items: center; justify-content: space-around; height: 45px; } .UserMobileMenu ul li.active a { color: rgba(41, 199, 172, 1); } .UserMobileMenu ul li a { color: #777; display: block; padding: 11px 10px; text-align: center; font-size: 20px; } .UserMobileMenu ul li { width: 100%; position: relative; } a.base { border-radius: 100%; height: 52px; width: 52px; flex: 0 0 52px; margin-left: 14px; position: absolute; top: -36px; background: radial-gradient(rgba(41, 199, 172, 1) 55%, #f1f3f4 58%); color: #fff; font-size: 22px; line-height: 26px; align-self: center; } a.base i { color: #fff; } a.base:hover i { color: #fff !important; } .UserMobileMenu ul li a img { height: 30px; width: 30px; } .UserMobileMenu ul li a i { font-size: 25px; transition: all .5s ease-in-out; line-height: 30px; } .UserMobileMenu ul li a:hover i { color: rgba(41, 199, 172, 1); } .UserResponsive_menu { position: relative; display: none; } .show_menu_details.active { bottom: 108px; opacity: 1; transition: all .3s ease-in-out; } .show_menu_details { display: block; position: fixed; bottom: -200%; background: #f1f3f4; z-index: 99; left: 50%; opacity: 0; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); transition: all .3s ease-in-out; right: auto; width: 310px; transform: translateX(-50%); } .show_menu_details ul { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; padding-bottom: 20px; } .show_menu_details ul li { display: block; width: 100%; } .show_menu_details ul li a { display: block; padding: 8px; color: #777; margin: 2px; text-align: left; transition: all .3s ease-in-out; } .show_menu_details ul li a:hover { background: #fff; } .show_menu_details::before { content: ""; position: absolute; height: 25px; width: 25px; background: #f1f3f4; transform: rotate(45deg) translateX(-50%); bottom: -12px; left: 14px; z-index: 90; } a.closeNavMenu { font-size: 28px; text-align: right; display: block; color: red; padding-right: 15px; } /* mobile menu ================================================== */ .dynamicMenu { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 10px; overflow-x: auto; overflow-y: visible; } .dynamicMenu li { width: 100%; } .dynamicMenu li a { height: 100%; display: block; padding: 13px 9px; text-wrap: nowrap; } li.navDropdownMenu.menuDropdown { position: relative; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } li.navDropdownMenu.menuDropdown .navActive ul li { position: relative; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; ; } .navDropdownList.navActive ul li a { font-size: 1rem; width: 100%; display: block; padding: 0.5rem 1rem; padding-right: .3rem; padding-left: .3rem; border-bottom: 1px solid var(--border-color); } .navDropdownList.navActive ul li a:hover { background-color: var(--background-color); transition: all .3s ease-in-out; } .navDropdownList.navActive ul li:last-child a { border: 0; } .customNav.activeNav { z-index: 999; height: 60px; } .ci-input-group { display: flex; flex-direction: row; flex-wrap: nowrap; } .ci-input-group>input { flex: 1; border-left: 0; } .ci-input-group .input-group { display: flex !important; align-items: center !important; justify-content: center !important; } .ci-input-group .input-group button { height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ci-input-group.input-group-append { display: flex; flex-direction: row; flex-wrap: nowrap; } .ci-input-group.input-group-append>input { flex: 1; border-left: 0; border-right: 1px solid #d2d6de; } .ci-input-group.input-group-append .input-group { display: flex !important; align-items: center !important; justify-content: center !important; } .ci-input-group.input-group-append .input-group button { height: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; } .w-30 { width: 30px !important; } .w-50 { width: 55px !important; } .w-50p { width: 50%; } button.btn.btn-primary.c_btn { text-wrap: nowrap; } .customPhone .input-group-text { padding: .37rem 0; text-align: center; display: flex; align-items: center; justify-content: center; border-right: 0; border-radius: 3px 0 0 3px; } .border-radius-0 { border-radius: 0; } .customPhone .input-group-text { font-weight: 500; background: var(--body-color); border-color: var(--border-color); } .customPhone .group-color { background-color: var(--body-color); border: 1px solid var(--border-color); border-left: 0; padding-left: 3px; font-weight: 500; } .theme-dark .customPhone .group-color { border: 0; } .theme-dark input.form-control.only_number { border: 0; border-radius: 0 !important; } .singleOrderfooter { font-size: 1rem; color: var(--color); box-sizing: content-box; padding: 8px; width: 100%; border-top: 1px solid var(--border-color); } .select2-container--default .select2-selection--single { background-color: var(--body-color) !important; border: 1px solid var(--border-color) !important; } .select2-dropdown { background-color: var(--background-color); border: 1px solid var(--border-color); } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--border-color); background: var(--background-color); } .singleOrder { cursor: pointer; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .leftSideDetails { display: flex; width: 100%; flex-wrap: nowrap; overflow-x: auto; } .single_cart_item_details .sizePrice { justify-content: space-between; } .sub_total_list h4 { display: flex; align-items: center; justify-content: space-between; padding: 0 10px; } .sidebarQty { min-width: 30px; min-height: 30px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; color: #fff; ; } .sub_total_list { border: 1px solid #ddd; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding: 6px; width: 100%; background: #fff; } .sub_total_list h4 { width: 100%; } .cart_body { height: calc(100vh - 180px); overflow-y: auto; } .cart_footer { background: var(--background-color); padding: 15px 10px 0; } span.cart_count { font-size: .9rem; font-family: 'Roboto Condensed'; } .cart_heading h4 { font-size: 1.2rem; font-family: 'Roboto Condensed'; } a.btn.btn-info.btn-block.order-btn { border-radius: 16px; } span.extrasTitleCard { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; flex: 1; } p.currencyTag { font-size: .9rem; } ul.cartItems { padding: 0 5px; } .single_item_cart img { height: 4rem; width: 4rem; margin-right: 10px; flex: 0 0 4rem; border-radius: 10px; } .style_2 .incress_area span.value-button { height: 27px; width: 30px; display: flex; align-items: center; justify-content: center; } li.navDropdownMenu.menuDropdown span.allow-lg { display: flex; align-items: center; } .homeStyle_2 .style_2 .homeItemDetails.list_view { padding: 15px; min-height: 220px; } .conflictText { min-height: 200px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; } .offCartBtn { display: flex; align-items: center; justify-content: center; gap: 13px; } .customMenu ul { display: flex; align-items: center; flex-direction: row; gap: 15px; } .availableDays { width: 100%; padding: 10px; } .availableDays li { display: flex; align-items: center; justify-content: space-around; width: 100%; flex-direction: column; margin-bottom: 8px; } .availableDays .timeLeft, .timeFormat, .timeRight.close { text-shadow: none !important; color: var(--color) !important; opacity: 1; } .timeLeft { text-align: left; display: flex; align-items: center; justify-content: flex-start; flex: 1; } .timeRight { flex: 1; display: flex; align-items: center; justify-content: left; } .flexTime { display: flex; align-items: center; justify-content: space-around; width: 100%; } .timeRightBottom { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 12px; font-size: 13px; flex: 1; width: 100%; overflow-x: auto; } span.breakTime { text-wrap: nowrap; background: rgba(232, 8, 142, .1); padding: 2px 5px; border-radius: 5px; box-shadow: 0 0 5px #f8f8f8; margin: 5px 0; } .timeRightBottom::-webkit-scrollbar { height: 7px; } .timeRightBottom::-webkit-scrollbar-thumb { background-color: #f2f2f2; border-radius: 6px; } .timeRightBottom::-webkit-scrollbar-track { background-color: #fff; border-radius: 6px; } ul.availableDays { max-width: 400px; } .itemPopupModal .modal-dialog { max-width: 650px; } ul.shopGlang { position: fixed; left: 10px; bottom: 10%; z-index: 99999; } h4.shopName { font-size: 1.1rem; margin-bottom: 12px; margin-top: -5px; color: #fff; } span.timeFormat { text-wrap: nowrap; flex: 1; } .topFooter ul { display: flex; align-items: center; justify-content: flex-end; } .priceGroup { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 11px; } .previous_price { color: #fe696a !important; text-decoration: line-through; } /*---------------------------------------------- sub category ----------------------------------------------*/ .categoryDetails { display: flex; align-items: center; justify-content: center; gap: 10px; } .categoryDetails .catTop.img { height: 50px; width: 50px; flex: 0 0 50px; aspect-ratio: 1/1; } .subcategoryList ul { display: flex; align-items: center; padding: 0; margin: 0; flex-wrap: nowrap; white-space: nowrap; gap: 10px; overflow: hidden; overflow-x: auto; } .subcategoryList ul li a { display: block; padding: 12px 25px; background: #fff; border: 0; border-radius: 5px; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); outline: none; transition: all .3s; color: #333; } ul.subcategories { position: relative; display: flex; align-items: center; flex-direction: row; margin-left: 76px; flex-wrap: nowrap; overflow: hidden; overflow-x: auto; margin-top: 1.5rem; gap: 10px; padding-bottom: 7px; } ul.subcategories li a { background: #fff; padding: 4px 13px; border-radius: 5px; color: #000; text-wrap: nowrap; } .subcategoryList ul li a img { height: 30px; width: 30px; border-radius: 100%; margin-right: 8px; transform: scale(1.3); } /*---------------------------------------------- End sub category ----------------------------------------------*/ .features-content { flex: 1; } .categoryItem { display: flex !important; flex-direction: row !important; flex-wrap: nowrap; gap: 10px; align-items: center; justify-content: center; } .categoryItem i.fas.fa-list-ul { padding: 5px; font-size: 1.5rem; } .catImg { width: 35px; height: 35px; border-radius: 100%; transform: scale(1.2); flex: 1; } .timeRight.open { flex-direction: column; } span.timeFormat { text-wrap: nowrap; flex: 1; font-size: .9rem; font-weight: normal; } ul.row_ul.availableDays.open li .flexTime { flex-direction: column; text-align: center; } ul.row_ul.availableDays.open li .flexTime .timeLeft { align-self: center; font-size: 1.2rem; margin-bottom: 5px; font-weight: bold; } ul.allergenImage { display: flex; align-items: center; justify-content: flex-start; gap: 15px; flex-wrap: nowrap; overflow-x: auto; } ul.allergenImage li { display: flex; align-items: center; gap: 7px; } ul.allergenImage li img { height: 35px; width: 35px; border-radius: 100%; object-fit: cover; box-shadow: 0 0 5px #eee; } .gt_container--hich1m .gt_switcher .gt_selected a { direction: ltr !important; } .timeLeft.close { font-size: 1rem; opacity: 1; color: #4b566b; } .timeLeft.close:hover { color: #4b566b; opacity: 1; } .sliderImgThumb ul { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; gap: 7px; justify-content: center; } .sliderImgThumb ul li { height: 40px; width: 50px; } .sliderImgThumb ul li img { border: 2px solid #eee; width: 100%; height: 100%; object-fit: cover; border-radius: .3rem; opacity: .8; } .sliderImgThumb { position: relative; max-height: 100px; margin-bottom: 10px; } li.Sliderthumb.active img { border-color: var(--color); opacity: 1; } ul.allergenImage li { text-wrap: nowrap; } .offerList { margin-bottom: 4rem; margin-top: 2rem; } .singleOffer { height: 225px; width: 100%; margin-bottom: 1rem; } .singleOffer img { object-fit: cover; border-radius: .5rem; border: 2px solid var(--border-color); box-sizing: border-box; box-shadow: 0 0 5px var(--box-shadow); } .offerPage { min-height: 65dvh; } .offerPage .homeSingle_item { margin-bottom: 1rem; } .offerPage h4.title { font-size: 1.3rem; margin: 1rem 0; } .port_d_flex.home_view.space-between { justify-content: space-between; } .port_d_flex.home_view.space-between a.quick_view { padding: 6px 16px; border-radius: .6rem; } .price_section .allergens { font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .scroll-container { scroll-behavior: smooth; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; cursor: grab; user-select: none; } .scroll-container.active { cursor: grabbing; } .scroll-content { display: flex; flex-wrap: nowrap; gap: .3rem; } .scroll-container::-webkit-scrollbar { display: none; } .scroll-content { user-select: none; -webkit-user-drag: none; } .scroll-content .items { user-select: none; -webkit-user-drag: none; } select.ci-select { color: var(--color) !important; border-color: var(--border-color); padding-left: 1rem; padding-right: 1.5rem; border-radius: .3rem; position: relative; max-width: fit-content; height: 43px; background: var(--soft-background); } select.ci-select:focus, select.ci-select:visited, select.ci-select:focus-visible { border-color: var(--border-color) !important; color: var(--color) !important; } .swiper-container { width: 100%; position: relative; overflow: hidden; } .swiper-button-next, .swiper-button-prev { z-index: 10; height: 50px; width: 50px; background: #fff; border-radius: 50%; box-shadow: 0 0 5px #ddd; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 23px; color: #000; } .swiper-slide { display: flex; justify-content: center; align-items: center; } .order_page .nav-tabs .nav-link.active, .login_form .nav-tabs .nav-link.active { background-color: var(--body-color) !important; color: var(--color) !important; border-color: var(--border-color) !important; } .nav-tabs { border-color: var(--border-color) !important; } .order_page .nav-tabs .nav-link, .login_form .nav-tabs .nav-link { background-color: var(--soft-background) !important; color: var(--color) !important; } .input-group-text { background-color: var(--card-color); color: var(--color); border-color: var(--border-color); } .theme-dark .right_form_login .customPhone { border: 1px solid var(--border-color); } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color) !important; } fieldset { border: 1px solid var(--border-color); border-radius: 0.25rem; padding: 0.75rem 1.25rem; } legend { width: auto !important; background: var(--soft-background); padding: 1px 12px; border-radius: 5px; font-size: .89rem; font-weight: normal; } .orderTypeBody.package_type_body { padding: 10px 0; } .order_type_list li { display: flex; align-items: center; gap: 10px; padding: 0; margin: 0; font-size: 1rem; } .single_track.bg-gray .card { background: var(--card-color); } a.btn:hover, a.btn:visited { color: #fff !important; } .theme-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .theme-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .resaurantDemo, .topSigin .btn-info, .login_wrapper .btn-info { color: #fff !important; } @media (min-width: 640px) { .swiper-slide { width: auto !important; /* Ensure slides adjust in size responsively */ } } .empty_area { height: 100dvh; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 10px; } .empty_area i { font-size: 1.5rem; } .theme-light .login_wrapper { background-color: #fff; } a.nav-link.p-r.btn:hover { color: var(--dcolor) !important; } .errorMessage { color: red !important; } .summary ul { display: flex; align-items: flex-start; gap: 4px; flex-direction: column; } .summary ul li span:nth-child(odd) { min-width: max-content; display: inline-block; }