*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* header home page */ header.home_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } a#download-button { color: white !important; } .download_our_app { background: var(--bg_red); color: white !important; padding: 0.3rem 0.6rem; border-radius: 0.3rem; display: flex; align-items: center; gap: 0.4rem; } .signup_top_bar.normal_name { width: 60% !important; margin-right: auto !important; } .signup_top_bar.long_name { margin-right: auto !important; width: 65% !important; } /* font family */ * { font-family: 'Poppins', sans-serif !important; } input.serach_input { margin-top: 0.3rem; } .bg_image { background-image: url('/front-end-theme/images/bg.png'); height: 100vh; position: fixed; width: 100%; top: 0; right: 0; z-index: 9999999999999; left: 0; display: flex; align-items: center; justify-content: center; background-position: center; background-size: cover; background-repeat: no-repeat; } body { font-family: 'Poppins', sans-serif !important; width: 100%; /* background-image: url('/front-end-theme/images/bg.png') !important; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #B1B3C3 !important; */ /* min-height: 100dvh; */ } /* center the child */ .child_center { display: grid; place-items: center; height: 100dvh; } /* ************* singup pages design ************** */ main.singup_page { display: grid; place-items: center; height: 100dvh; } .signup_top_bar.singup_name { width: 55% !important; } .left-icon>a>i { color: var(--arrow_color); } .checkbox_text>a { font-size: .8rem; } .checkbox_text { color: var(--gray_txt_color); line-height: 1.1; font-size: .8rem !important; } /* section.singup_section { width: 30%; padding: 1rem 3rem; box-shadow: rgba(149, 157, 165, 0.2) 3px -11px 24px 6px; } */ .left-icon { display: flex; } .bottom-signup { color: var(--gray_txt_color); } .signup_top_bar { align-items: center; display: flex; margin-right: auto !important; width: 51% !important; } .signup_top_bar.upload_presc { width: 65% !important; } span.text-center.sign-up-text { margin-left: auto; margin-left: auto; font-weight: 500; color: var(--gray_txt_color); } .buttons-wrapper { margin-top: 0rem; } .checkbox_text { color: var(--gray_txt_color); } input#phone { padding-left: 3.9em; } /* login page */ .otp_field { display: none; } .forget_password { font-size: .9rem; font-weight: 400; } .forget_password>a { font-size: inherit !important; color: inherit !important; font-weight: 400; } a.user_mail, a.user_number { color: var(--white_gray) !important; text-decoration: underline; text-align: right; display: block; } .email_dynamic, a.user_number { display: none; } /* setting page */ /* .setting_page_wrapper { width: 50%; padding: 1rem 3rem; box-shadow: rgba(149, 157, 165, 0.2) 3px -11px 24px 6px; } */ .profile_image_section { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2rem; } .profile_title { font-weight: 500; color: var(--gray_txt_color); margin-top: 0.5rem; } .profile_points { display: flex; align-items: center; gap: 0.7em; } .plus_profile { background-color: var(--bg_icon_red); color: var(--white_icon_color); border-radius: 50%; height: 1.2rem; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; font-size: .66rem; } .plus_gray_bg { background-color: var(--bg_icon_gray); color: var(--white_icon_color); border-radius: 50%; height: 1.2rem; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; font-size: .66rem; } span.loyalty_points { color: var(--red_txt_color); font-size: 14px; font-weight: 500; } .single_point { display: flex; gap: .5rem; background: var(--bg_white); padding: 1rem; border-radius: var(--box_border_radius); margin-top: 1rem; justify-content: space-between; } .got_point { color: var(--red_txt_color); } .boxes_wrapper { display: flex; justify-content: center; gap: 0.6rem; margin-top: .5rem; } .single_point .first { display: flex; flex-direction: column; gap: .6rem; } .single_point .second>span { font-weight: 400; font-size: .9rem; } input#customer_wallet_points { background-color: #e9e9e9; } .all_points_wrapper { padding: 0 !important; } .boxes_wrapper:first-child { margin-top: 1rem; min-height: 11rem; } .info_parent { display: flex; margin-bottom: 1rem; } section.banner_section { min-height: 9rem; } .setting_page_wrapper .info_box { min-height: 106px; /* width: 168px !important; */ } .modal-content .input_wrapper i { right: 16px !important; } .pharmacy_tab_section li.nav-item { display: flex; justify-content: center; align-items: center; flex: 1; } .info_box { background-color: var(--bg_white); border-radius: var(--box_border_radius); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 145px; padding: 0 2rem; gap: 0.5rem; width: 168px !important; } span.info_text { font-weight: 500; color: var(--gray_txt_color); text-align: center; } .bottom_setting_section>div { padding-top: 2rem; padding-bottom: 1rem; } .bottom_setting_section span { font-weight: 400; font-size: .9rem; color: var(--c-gray); } .bottom_setting_section { background-color: var(--bg_white); border-radius: var(--box_border_radius); margin-top: 3rem; } .setting_page .bottom_setting_section { padding: 1.2rem 0; } .setting_page .bottom_setting_section>.bottom_div:not(:last-child) { padding-top: 0; padding-bottom: 28px; } div#logout_button { padding-bottom: 0; } .bottom_div { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 1.98rem; cursor: pointer; } .left_icon_text { display: flex; align-items: center; gap: 1.78rem; color: var(--gray_txt_color); } .border_bottom { border-bottom: 1px solid #4D4D4D1F; } .right_code { display: flex; align-items: center; justify-content: center; gap: 0.6rem; } .setting_user_content_wrapper { width: 100%; margin-inline: auto; } .bottom_div+a { color: unset !important; } .color_theme_wrapper { display: flex; justify-content: center; align-items: center; gap: 1rem; } .bottom_theme_color_schema { margin-top: 3rem; } .color_theme { background-color: transparent; border-radius: 50%; height: 1.8rem; aspect-ratio: 1/1; border: 1px solid var(--gray_txt_color); display: flex; color: var(--gray_txt_color); align-items: center; cursor: pointer; justify-content: center; } .color_theme.active { background-color: #009beb; color: var(--white_icon_color); border-color: #009beb; } .gray_responsive { color: var(--gray_txt_color); } /* *************************** styling home page ************************************* */ .search_wrapper, .search_wrapper_location { position: relative; } .search_wrapper_location>i { position: absolute; left: 3.4%; top: 42%; color: var(--serach_icon); } .search_wrapper>i { position: absolute; left: 5.4%; top: 41%; color: var(--serach_icon); } .search_wrapper>input[type='text'], .search_wrapper_location>input[type='text'] { padding-left: 3rem; } /* cough section */ a.info_parent.cough>.info_box { padding: 1rem; } /* upload description section */ .upload_description>.bottom_div { padding: 0.9rem 2rem; background-color: var(--bg_white); border-radius: var(--box_border_radius); } .bottom_fave_shop_products { min-height: 33rem; } .red_icon { color: var(--red_txt_color) } /* browse by pharma */ .pharma .bottom_div { cursor: unset !important; } /* image pharmacy */ /* .pharma_images_top { display: flex; align-items: center; justify-content: center; gap: 1rem; } */ .current_shop_icons { display: flex; align-items: center; justify-content: center; gap: .9rem; margin-top: 1rem; } .send_chat_data { font-size: .9rem; padding: 0.4rem 0.3rem; margin-bottom: 0.5rem; } .recent_msg { display: flex; align-items: center; justify-content: center; gap: .2rem; } .tick_small { font-size: .7rem; } .current_shop_icons>a { cursor: pointer; } .border.chat_text_send { background: white; text-align: left; } .pharma_images_top .image_pharm { /* height: 10rem; */ cursor: pointer; aspect-ratio: 1/1; padding: 1rem; border-radius: 50%; background-color: var(--bg_full_white); display: flex; align-items: center; justify-content: center; } .shop-link { cursor: pointer; } .banner { cursor: pointer; } .shop_page .order_image>img, .serach_page .order_image>img { height: 46px; aspect-ratio: 1/1; object-fit: contain; border-radius: var(--box_border_radius); } .pharma .pharma_images_top .image_pharm>img { object-fit: contain !important; height: 60px !important; width: 79px !important; } .row.shop_list_container { margin-bottom: 4rem; } .shop_desc p { font-size: .8rem; color: var(--black_txt_color); } .pharmacy_tab_section>.nav-pills { justify-content: center; gap: 1rem; } /* product pharma design */ .pharma_product { display: flex; justify-content: center; } .product_price_line { text-decoration: line-through; color: var(--black_txt_color); margin-inline: 0.5rem; font-size: .8rem; } .product_price_percentage { background-color: #c8d9f1; padding: 0.3rem; font-size: .7rem; margin-inline: 0.2rem; color: black; border-radius: 0.2rem; } .offers { margin-right: auto; } header.home_header.offer_header { width: 55%; margin-left: auto; } .left_product_side { padding: 1rem 2rem; width: 30%; display: flex; position: relative; background: var(--bg_full_white); border-top-left-radius: var(--box_border_radius); border-bottom-left-radius: var(--box_border_radius); align-items: center; justify-content: center; } .right_product_side { background: var(--product_light_gray); border-top-right-radius: var(--box_border_radius); border-bottom-right-radius: var(--box_border_radius); padding: 1rem; width: 70%; display: flex; justify-content: space-between; flex-direction: column; } .left_product_side>.wishlist:hover { background-color: var(--red_txt_color); } .left_product_side>.wishlist { position: absolute; background-color: var(--light_gray); height: 1.4rem; top: 10%; left: 5%; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; transition: .3s ease; border-radius: 50%; } .left_product_side>.wishlist>i { font-size: .7rem; color: white; } .product_rating, .product_price_wrapper { display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; } .product_title, .product_price { font-weight: 500; color: var(--black_txt_color); } .reviews_icon_color { color: var(--reviews_icon_color); font-size: .8rem; } .review_title, span.rating_integar { font-size: .8rem; font-weight: 400; color: var(--gray_type); } .search_filter_input::placeholder { color: var(--black_txt_color) } input.search_filter_input { font-weight: 300; } .product_price { font-weight: 600; } .product_pharma_image { display: flex; align-items: center; justify-content: center; height: 100%; } /* ********************* uplaod prescription page ***************************** */ .upload_plus { cursor: pointer; height: 8rem; width: 100%; background-color: var(--bg_white); border-radius: 14px; display: flex; align-items: center; justify-content: center; } .upload_icon { background-color: var(--light_red_bg); color: white; border-radius: 50%; height: 1.5rem; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; } .presc_guide_title { color: var(--gray_txt_color); } li.red_cricle { font-weight: 500; position: relative; margin-bottom: 0.6rem; color: var(--gray_txt_color); } /* show prescription */ .prescription_image { display: flex; justify-content: center; align-items: center; margin-top: 1rem; } /* product list wrapper */ .product_list { margin-top: 1rem; } /* span.text-center.sign-up-text, */ .header_top_bar>span { margin-left: 2rem; } .similar_products_wrapper .product_list { margin-right: 0.5rem; } .product_list { box-shadow: var(--bg_box_shadow_mix); background-image: var(--linear_gradient_mix); padding: 1rem; border-radius: var(--box_border_radius); display: flex; flex-direction: column; min-height: 202px; align-items: center; text-align: center; justify-content: space-between; } .top_image_area>img { height: 77px; } .product_list_info { margin-top: 1rem; } .product_list_price { margin-top: 0.5rem; color: var(--gray_light_txt_color); font-size: .9rem; margin-bottom: 0.5rem; text-transform: uppercase; } .row.products_by_category { margin-bottom: 4rem; } .no-categorys-found { text-align: center; margin-top: 2rem; } .product_list_icon { display: flex; justify-content: center; gap: 1rem; margin-top: 9px; align-items: center; } .product_list_title>span { display: block; line-height: 1.3; text-transform: capitalize !important; font-size: .93rem; color: var(--black_txt_color); } .product_cart_image img { height: 74px; object-fit: contain; } .options-list > div.active { background: var(--red_txt_color); padding: .4rem; display: flex; color: white; border-radius: .3rem; align-items: center; justify-content: center; } .options-list > div{ cursor: pointer; padding: .4rem; } .options-box { display: none ; flex-direction: column; } .options-list { display: flex; align-items: center; width: max-content; background: #c8d9f1; border-radius: .3rem; color: black; } .options { display: flex; align-items: center; font-size: .9rem; color: gray; } .variants-products { display: none; justify-content: flex-start; gap: 1rem; } .single_product_tablets, .single_product_price { color: var(--black_txt_color); } .accordion-button:not(.collapsed)::after { margin-right: 0.4rem !important; } .similar_products { margin-bottom: 4rem; } .single_product_image { min-height: 260px; display: flex; justify-content: center; align-items: center; } .top_area_single { background-color: var(--bg_white); padding: 1rem; } .accordian_content:not(:first-child) { text-align: right; text-align: -webkit-right; } .product_review_cont { display: flex; gap: 1rem; align-items: center; margin-top: 2rem; } .message_send_wrapper { height: 686px; overflow-y: scroll !important; scrollbar-width: none !important; } .profile_rating_title, .collapased_title, .simliar_products_title { color: var(--black_txt_color); } .profile_rating { height: 4rem; aspect-ratio: 1/1; object-fit: contain; background: white; padding: 12px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .collapased_title { font-size: 1.5rem; font-weight: 500; margin-bottom: 1rem; } .accordian_content>div:first-child { font-weight: 300; color: var(--gray_light_txt_color); margin-bottom: 0.5rem; } .accodian_area_info { margin-top: 2rem; } .show_content>p, .hide_content>p { margin-bottom: 2px; font-size: .9rem; color: var(--gray_txt_color); } .collapased_desc>a { font-size: .9rem; } /* sticky add to cart */ .add_cart_section, .bottom_continue_button, .bottom_fixed, .add_new_med_wrapper, .footer.footer_main, .continue_top_pay, .view_order_wrapper { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } .bottom_fixed, .bottom_continue_button, .add_cart_section, .add_new_med_wrapper { display: flex; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; margin-top: 2rem; } .add_cart_section { display: flex; } .checkout_and_subtotal .quantity_section { background-color: unset; gap: 1rem; } .quantity_section { display: flex; justify-content: space-between; width: 50%; padding: 0.7rem 1.2rem; align-items: center; background: var(--bg_full_white); } /* .checkout_address.active{ position: relative; } .checkout_address.active::before{ content: "\f00c"; font-family: "FontAwesome"; height: .8rem; aspect-ratio: 1/1; background-color: var(--bg_red); color: white; top: 10%; left: -3%; } */ .form_search { width: 100%; } .checkout_and_subtotal { display: flex; justify-content: space-between; margin-top: 1rem; } span.quantity { color: var(--gray_txt_color); } .add_cart_button { display: flex; align-items: center; justify-content: end; width: 50%; background: var(--bg_icon_red); } a.add_to_cart_button { width: 100%; display: flex; align-items: center; justify-content: center; color: white !important; } .empty_message_template { color: var(--black_txt_color); font-weight: 500; } span.quantity { font-weight: 700; font-size: 1rem; } .quantity_section>a>i { background: var(--bg_icon_red); height: 1.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; aspect-ratio: 1/1; color: var(--white_icon_color); } /* ********************* my cart page *********************** */ .image_wrapper>img { height: 226px; } .clear_cart_section { display: flex; justify-content: space-between; align-items: center; } .signup_top_bar.setting { width: 57% !important; } .shop_name { display: flex; gap: 1rem; justify-content: space-between; align-items: center; } .mycart_container, .fav_products_container { margin-bottom: 4rem; } .shop { color: var(--red_txt_color); } .order_image>img { height: 50px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; object-fit: contain; } .cart .product_top { display: flex; justify-content: space-between; align-items: center; } .address_s_title { text-transform: capitalize; } .mili_gram { width: 40%; color: var(--black_txt_color); } .cart .quantity_section { background: transparent; width: 60%; padding: 0.7rem 0.4rem; justify-content: flex-start; padding: 0.7rem 0.4rem; gap: 0.8rem; } .cart { display: flex; } .cart .right_product_side .product_price_wrapper .quantity_section>a>i { background: var(--bg_icon_red); height: 1.5rem; display: flex; align-items: c; align-items: center; justify-content: center; border-radius: 50%; aspect-ratio: 1/1; color: var(--white_icon_color); } .cart .quantity_section .trash_icon { background-color: unset !important; color: var(--red_txt_color) !important; } .header_top_bar { display: flex; justify-content: space-between; align-items: center; /* margin-top: 1rem; */ } header.home_header { /* margin-top: 1rem; */ } .menu_cart { display: flex; align-items: center; gap: 1rem; } .home_page .menu_cart { margin-left: auto; } .cart_menu_icon { position: relative; } span.menu_quantity { position: absolute; color: var(--red_txt_color); background: var(--red_txt_color); color: white; border-radius: 50%; height: 1.3rem; aspect-ratio: 1/1; top: -46%; display: flex; align-items: center; justify-content: center; font-size: .7rem; right: -4%; } .header_top_bar .left-icon>a>i, .left_home_sidebar>i, .cart_menu_icon>a>i, .wishlist_menu>a>i { font-size: 1.8rem; cursor: pointer; } .left_home_sidebar { cursor: pointer; } /* header.not_home_page { margin-top: 3rem; } */ .sub_total { font-weight: 600; color: var(--black_txt_color); } .sub_total_title { color: var(--black_txt_color); } /* checkout page */ .self_pickup { display: none; } .order_type_value { color: var(--red_txt_color); cursor: pointer; } .order_delivery_item { background-color: var(--bg_white); border-radius: var(--box_border_radius); padding: 1rem; margin-top: 1.2rem; display: flex; align-items: center; justify-content: space-between; color: var(--black_txt_color); } .address_top_bar { display: flex; justify-content: flex-end; align-items: center; } .checkout_address { background-color: var(--bg_white); border-radius: var(--box_border_radius); padding: 1rem; display: flex; margin-top: 1.2rem; color: var(--black_txt_color); justify-content: space-between; } #add_address { background-color: var(--bg_white); border-radius: var(--box_border_radius); padding: 1rem; margin-top: 1.2rem; color: var(--black_txt_color); } .change_address { text-decoration: underline; font-size: .9rem; } .address { /* margin-top: 1rem; */ font-size: .875rem; } .address_select_icon { cursor: pointer; } .payemnt_methods.selected>.payment { border: 1px solid var(--red_txt_color); } /* items in cart checkout */ .items_in_cart { background-color: var(--bg_white); padding: 1rem; color: var(--black_txt_color); margin-bottom: 1rem; border-radius: var(--box_border_radius); } .items_in_cart .single_cart_item { margin-bottom: 1.5rem; } .bottom_cart { display: flex; margin-top: 0.5rem; align-items: center; justify-content: space-between; } .single_address { background-color: rgb(224 231 230 / 73%) !important; padding: 1rem; color: var(--black_txt_color); margin-bottom: 1rem; border-radius: var(--box_border_radius); display: flex; margin-top: 0.5rem; align-items: center; justify-content: space-between; } .right_side { display: flex; align-items: center; gap: .5rem; } .addresss_modal_info { display: flex; flex-direction: column; align-items: end; justify-content: flex-start; text-align: left; } .not_selected { color: var(--red_txt_color); } .address_select_icon.selected { color: rgb(13, 189, 13); } .address_edit { color: var(--red_txt_color); cursor: pointer; font-size: .8rem; } .address_content { font-size: .8rem; } .left_pack { display: flex; align-items: center; gap: 1rem; font-size: .9rem; color: var(--gray_light_txt_color); } .items_in_cart .item_title { font-weight: 600; font-size: .9rem; } .items_in_cart .item_price { font-weight: 500; font-size: .9rem; } .payment { display: flex; align-items: center; gap: 1rem; cursor: pointer; background-color: var(--bg_white); border-radius: 0.8rem; padding: 0.8rem 1.2rem; } .payment_desc>p { margin-bottom: 0; font-size: .9rem; color: var(--gray_light_txt_color); } .checkout_info_wrapper { margin-bottom: 5rem; } .payment_title { font-weight: 600; font-size: .9rem; color: var(--black_txt_color); } .item_info_checkout { background-color: var(--bg_white); border-radius: var(--box_border_radius); padding: 1rem; } .checkout_info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } .checkout_info>div:nth-child(1) { font-size: .9rem; font-weight: 500; color: var(--black_txt_color); } .delivery_charges_price, .service_fee_price, .sub_total_price { color: var(--black_txt_color); } .checkout_total { margin-top: 2rem; color: var(--black_txt_color); display: flex; justify-content: space-between; } .checkout_total_title { font-weight: 600; } .pack_mg { position: relative; } .pack_mg::before { content: ""; position: absolute; background: var(--red_circles); height: 0.3rem; aspect-ratio: 1/1; border-radius: 100%; left: -18%; top: 32%; } div.title_pay, .pay_price_checkout { color: white !important; } /* order place page */ section.order-place { color: var(--black_txt_color); } .order_place_info { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 1rem; text-align: center; padding: 3rem; background-color: var(--bg_white); border-radius: var(--box_border_radius); } .address_select_buttons { display: flex; gap: 1rem; align-items: center; margin-top: 2rem; } .address_select_buttons>div { background: white; padding: 0.7rem 0.9rem; font-weight: 500; border-radius: 0.3rem; cursor: pointer; transition: all .1s ease; } .address_select_buttons>div.active { background: var(--bg_red); color: white; } .delivery_place_address { display: flex; flex-direction: column; justify-content: flex-start; margin-top: 1rem; text-align: left; color: var(--black_txt_color); padding: 1rem; background-color: var(--bg_white); border-radius: var(--box_border_radius); } .order_has { margin-top: 2rem; margin-bottom: 1rem; font-weight: 600; } .order_place_info>p { font-size: .9rem; } .delivery_placed_title { font-weight: 600; margin-bottom: 1rem; } .order_place_title { font-weight: 600; color: var(--gray_txt_color); } /* my orders page */ .single_order_info { display: flex; flex-direction: column; gap: .2rem; color: black; } .single_order_box { display: flex; cursor: pointer; gap: 2rem; background: var(--bg_white); padding: 0.8rem 1rem; border-radius: var(--box_border_radius); } .single_order_price { color: var(--gray_light_txt_color); } .single_order_time { color: var(--gray_light_txt_color); margin-top: .7rem; } .single_order_title { color: var(--black_txt_color); } .order_image { height: 5rem; aspect-ratio: 1/1; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; /* padding: 9px; */ } /* order status page */ .my_orders_status_wrapper .single_order_icons { display: flex; gap: 1rem; } .my_orders_status_wrapper .single_order_title { font-weight: 500; color: var(--black_txt_color); } .my_orders_status_wrapper .top_bar_order_status { display: flex; justify-content: space-between; } .my_orders_status_wrapper .single_order_time { margin-top: 0; } .my_orders_status_wrapper .single_order_info { display: flex; flex-direction: column; gap: 3px; width: 100%; color: black; } .order_status_marking::before { position: absolute; content: ""; top: 8%; height: 82%; width: 2px; background: var(--gray_light_txt_color); left: 13px; } .order_status_marking { position: relative; } .order_status_marking .check_mark { position: relative; margin-bottom: 2rem; padding-left: 4rem; color: var(--black_txt_color); } .order_status_marking .check_mark.active:before { background-color: var(--bg_icon_red); } .order_status_marking .check_mark:before { font-size: .59rem; content: "\f00c"; font-family: "FontAwesome"; position: absolute; left: 1%; top: 14%; border-radius: 50%; height: 1.1rem; aspect-ratio: 1/1; background: var(--bg_icon_gray); display: flex; align-items: center; justify-content: center; color: white; } .order_status_marking .descript { font-size: .8rem; color: var(--dark_gray); } .view_order_wrapper .item_info_checkout { background-color: var(--bg_white); border-radius: var(--box_border_radius); padding: 1rem; color: var(--black_txt_color); } .view_order_wrapper .modal-body { margin: 1rem; padding: 0; margin-top: 0; } .view_order_wrapper .modal { position: fixed; top: 9%; left: 0; outline: 0; } .view_order_wrapper .items_in_cart { min-height: 12rem; color: var(--black_txt_color); background-color: var(--bg_white); } /* .view_order_wrapper .modal.show .modal-dialog { margin: 0 !important; } */ div:where(.swal2-container) div:where(.swal2-loader) { border-color: var(--bg_red) rgba(0, 0, 0, 0) var(--bg_red) rgba(0, 0, 0, 0) !important; } .view_order_wrapper .modal-content { margin-top: 2rem; border: 0; background-color: #efe9e9; } .left_chat_img>img { height: 58px; } .view_order_wrapper .modal-header { border-bottom: 0; padding: 11px 18px; } .chat_list_link { cursor: pointer; } /* shop product page */ .shop_products_container { margin-bottom: 3rem; } .our_shop_product { color: var(--black_txt_color); } .current_shop .single_order_box { justify-content: unset; display: flex; gap: 0.1rem; } .current_shop .single_order_info { display: flex; flex-direction: column; gap: 1rem; color: black; width: 70%; } .current_shop .top_bar_order_status { display: flex; justify-content: space-between; align-items: center; } .current_shop_left { width: 30%; } /* shop product page */ .current_shop_info { display: flex; flex-direction: column; } .current_shop_title { color: var(--black_txt_color); } .current_shop_time { display: flex; gap: 1rem; align-items: center; } .current_shop_icon>i { font-size: 1.3rem; color: var(--red_txt_color); } .current_shop_timing { font-size: .8rem; color: var(--gray_light_txt_color); } .current_shop .show_content>p, .current_shop .hide_content>p { font-size: .8rem; } .previous_presc_single { color: var(--black_txt_color); background-color: var(--bg_white); border-radius: var(--box_border_radius); padding: 1rem; margin-bottom: 1rem; cursor: pointer; } #view_status { display: none; } .prescription_status_button>a { display: flex; width: max-content !important; color: white !important; border-radius: var(--box_border_radius); padding: 0.5rem 1rem; align-items: center; justify-content: center; font-size: .8rem; } a.pending { background-color: var(--subscribed_bg); } a.denied { background-color: var(--declined_bg); } a.approved { background-color: var(--approved_bg); } /* medicine spalsh screen */ img.profile_image { height: 6rem; aspect-ratio: 1/1; object-fit: cover; border-radius: 50%; } .upload_profile img { border-radius: 50%; aspect-ratio: 1/1; object-fit: cover; } .top_time_and_date { color: white; } .splash_title { color: white; } .splash_more_info .splash_title { color: var(--black_txt_color); } .day_and_date { font-size: 1.5rem; } .current_time { font-size: 6rem; } .splash_box { padding: 1rem; border-radius: var(--box_border_radius); display: flex; margin-bottom: 1rem; min-height: 9rem; color: var(--white_txt_color) !important; color: var(--white_txt_color) !important; flex-direction: column; justify-content: space-between; } .preview_image { display: flex; align-items: center; height: 13rem; justify-content: center; padding: 1rem; border-radius: var(--box_border_radius); } .shopping_splash { background-color: var(--bg_gray); } .prescrip_uploads { display: flex; gap: 6px; align-items: flex-start; font-size: .86rem; flex-direction: column; } .medicine_splash { background-color: var(--bg_red); } .splash_box.prescription_upload_splash>a { color: var(--white_gray) !important; } .splash_more_info { background-color: var(--bg_white); flex-direction: row; color: var(--black_txt_color) !important; align-items: end; } .prescription_upload_splash { background: var(--bg_linear_white_gray); } .view_presctiop { display: flex; justify-content: space-between; align-items: center; } .upload_prescription_count { font-size: 2rem; } /* schedule page */ .current_week_box { gap: 0.4rem; display: flex; } .date_and_week_name { display: flex; font-size: .8rem; flex-direction: column; gap: 0.6rem; background: var(--bg_white); flex: 1; margin-bottom: 1rem; color: var(--black_txt_color); align-items: center; padding: 0.2rem; border-radius: var(--box_border_radius); } .date_and_week_name.active { background: var(--bg_red); color: white; } div#currentMonthYear { font-weight: 500; } .scheduled_med_info { margin-bottom: 4rem; } .med_info_scheduled { padding: 0.8rem; display: flex; justify-content: space-between; align-items: center; background-color: var(--bg_white); border-radius: 0.8rem; margin-bottom: 1rem; cursor: pointer; } .tabet_name { font-weight: 500; color: var(--black_txt_color); } .tablet_time { background-color: var(--bg_red); border-radius: 1.8rem; font-size: .8rem; padding: 0.3rem 0.8rem; color: white; } .tablet_desc { font-size: .89rem; color: var(--gray_light_txt_color); } .add_new_med_wrapper { background: var(--bg_red); padding: 1rem; justify-content: center; } /* add nwe medicine */ .radio_wrapper { background: var(--bg_white); padding: 1rem; border-radius: var(--box_border_radius); margin-bottom: 1rem; } .radio_single { color: var(--black_txt_color); display: flex; gap: 1rem; margin-bottom: 0.3rem; } span.small_content { font-size: .8rem; } span.small_content.offer_single { background: #c8d9f1; padding: 0.2rem 0.3rem; border-radius: 0.2rem; } /* wallet */ .avaliable_balance { background: var(--bg_white); padding: 1rem; border-radius: var(--box_border_radius); /* margin-bottom: 1rem; */ } .balance_price { color: var(--red_txt_color); font-size: 2rem; } .recent_address { background: var(--bg_white); padding: 1rem; border-radius: var(--box_border_radius); display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } span.add_new_money { background: var(--bg_red); padding: 1rem; color: white !important; border-radius: var(--box_border_radius); display: flex; justify-content: center; align-items: center; } .address_time { font-size: .8rem; color: var(--gray_light_txt_color); margin-top: 0.3rem; } .address_price { color: var(--red_txt_color); margin-bottom: 0.3rem; } .right_address { display: flex; flex-direction: column; /* align-items: ; */ } /* saved address page */ .address_saved { background: var(--bg_white); padding: 1rem; border-radius: var(--box_border_radius); display: flex; cursor: pointer; /* flex-direction: column; */ justify-content: space-between; } .del_icon>i { cursor: pointer; } .address_saved_main { color: var(--black_txt_color); font-size: .8rem; } .add_new_address { background-color: var(--bg_red); padding: 1rem; display: flex; justify-content: center; align-items: center; } .add_new_address>a { color: white !important; display: flex; justify-content: center; align-items: center; width: 100%; } .set_delivery_api_section ul#pills-tab { gap: 1rem; } /* favorite page */ .wrapper_top_bar_fav { display: flex; justify-content: space-between; align-items: center; } .wrapper_top_bar_fav>.left_section_fav { display: flex; gap: 1rem; align-items: center; } .right_section_fav { display: flex; align-items: center; gap: 1rem; } .right_section_fav>ul { gap: 1rem; } /* loyalty page */ .loyalty_point_wrapper { background-color: var(--bg_white); border-radius: var(--box_border_radius); padding: 1rem; display: flex; justify-content: space-between; align-items: self-start; } .order_done { display: flex; gap: 2rem; background: var(--bg_white); padding: 1rem; border-radius: var(--box_border_radius); } .top_right { display: flex; justify-content: space-between; } .right_done { width: 100%; } .right_done>p { margin-bottom: 0; text-align: right; } .left_done>i { background: #ffcaca; height: 2rem; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .convert_button { display: flex; justify-content: end; align-items: center; margin-top: 1rem; } a.convert_btn { display: flex; align-items: center; justify-content: center; width: 100%; width: max-content; background: var(--bg_red); color: white !important; border-radius: .5rem; padding: .5rem 1rem; } .serach_page .search_wrapper input { margin-top: 0; } .apply_button { cursor: pointer; } .single_order_icons { display: flex; gap: 1rem; margin-top: 0.3rem; } .btn.btn-filter { background-color: var(--red_txt_color); padding: 0.5rem 1rem; } .home_serach { cursor: pointer; } .btn.btn-filter>i { font-size: 1.3rem; color: var(--white_txt_color); } .top_serach_bar { display: flex; gap: 1rem; } .serach_page .search_wrapper { flex: 1; } .serach_page .search_wrapper>i { left: 3.3%; top: 34%; } i.addToCart:hover, i.addToFavSingleProduct:hover, i.addToFavCategories:hover, i.addToCartCategories:hover, i.addToFav:hover { background-color: var(--red_txt_color); color: white !important; } i.addToCart, i.addToFavSingleProduct, i.addToCartCategories, i.addToFavCategories, i.addToFav:hover { transition: all .3s ease; } .top_filters_heading { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1rem; color: var(--white_txt_color); background-color: var(--red_txt_color); } .side_bar_filters { width: 100%; } .apply_clear { display: flex; gap: 1rem; } .noUi-connect { background: var(--bg_red); } .noUi-connect { background: var(--bg_red) !important; } .noUi-horizontal .noUi-handle { background: var(--bg_red); border-radius: 50%; height: 1.2rem !important; width: 1.2rem !important; cursor: pointer; box-shadow: none !important; } .noUi-horizontal { height: 9px !important; } .noUi-handle:after, .noUi-handle:before { content: none !important; } .range_title { display: flex; align-items: center; } .range_title>* { border: 1px solid; border-radius: 2px !important; padding: .3rem; } .range_title>* { border: none; border-radius: 4px !important; padding: 0.3rem; display: flex; align-items: center; height: 100%; margin-top: 0 !important; background: transparent !important; } .range_title>input.form-control { border-top-left-radius: unset !important; border-bottom-left-radius: unset !important; padding: 0.4rem 0.1rem 0.4rem 0.2rem; } .range_title>div { border-right: none; border-top-right-radius: unset !important; border-bottom-right-radius: unset !important; } /* chat list styleing */ .single_person_chat { display: flex; gap: 2rem; padding: 1rem; background: var(--bg_white); border-radius: var(--box_border_radius); } .right_chat_info { display: flex; flex-direction: column; justify-content: center; gap: 0.3rem; } .current_shop a.chat_with_shop, .current_shop .mobile_num { border: 1px solid var(--red_txt_color); border-radius: 50%; height: 2rem; aspect-ratio: 1/1; transition: .3s all ease; display: flex; align-items: center; justify-content: center; } .current_shop a.chat_with_shop:hover, .current_shop .mobile_num:hover { background-color: var(--bg_red) !important; } .current_shop a.chat_with_shop:hover i, .current_shop .mobile_num:hover i { color: white !important; } .message_img>img { height: 100px; } .single_person_chat>* { font-weight: 500; color: var(--black_txt_color); } .close_sidebar { cursor: pointer; } /* single chatting */ .bg_light_red { background-color: #fbc6c6; } .bottom_message_sending>i { font-size: 2rem; } .bottom_message_sending>* {} .bottom_message_sending { display: flex; } .bottom_message_sending .input-wrapper { width: 100%; } .bottom_message_sending .input-wrapper>input { margin-top: 0; /* width: 100%; */ } .bottom_message_sending .icon_sending { display: flex; font-size: 1.2rem; gap: .4rem; margin-left: 1rem; } .icon_sending>i { cursor: pointer; } .check_sent { font-size: .6rem; } .tick_small { font-size: .7rem; } .readed { background-color: var(--bg_red); color: white; height: 0.9rem; aspect-ratio: 1/1; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: .6rem; } .icon_sending>i { background-color: var(--bg_red); color: white; height: 2.2rem; aspect-ratio: 1/1; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .upload_profile img { height: 90px; } .upload_profile { min-height: 9rem; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: var(--box_border_radius); } .profile_image_section a { display: flex; flex-direction: column; align-items: center; justify-content: center; } .edit_profile_section>a>i { font-size: .986rem; background: var(--bg_red); color: white; height: 2rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .edit_profile_section { display: flex; justify-content: flex-end; align-items: center; } /* sidebar */ .side_links { display: flex; flex-direction: column; gap: 1rem; margin-top: 3rem; } .customer_area_sidebar, .guest_area_sidebar { margin-top: 2rem; } input#account-delete_password { background: #dbdbdb; } .image-preview>img { height: 150px; aspect-ratio: 1/1; object-fit: cover; border-radius: 0.3rem; } .image-preview-edit>img { height: 90px; aspect-ratio: 1/1; object-fit: cover; border-radius: 0.3rem; } div#box_wrapper_edit { background: var(--bg_white); padding: 1rem; border-radius: 0.4rem; } .preview_image_grid { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; } .image-preview-edit { position: relative; } .preview_image_grid span.close-icon { position: absolute; right: 2px; cursor: pointer; top: -8px; font-size: 2rem; z-index: 99999999999999; color: var(--red_txt_color); } .preview_image_grid i.fa-trash-can { position: absolute; right: -1px; cursor: pointer; top: -2px; font-size: .8rem; z-index: 99999999999999; color: var(--white_icon_color); background-color: var(--bg_red); border-radius: 50%; height: 1.6rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; } .image-preview { position: relative; } .upload_presc { display: flex; justify-content: space-between; align-items: center; } .product_pharma_image img { height: 64px; aspect-ratio: 1/1; object-fit: contain; } .info_box>img { border-radius: 0.8rem; height: 54px; object-fit: cover; } /* contact us page */ .socail_links_wrapper>a>i { font-size: 2rem; } .socail_links_wrapper>a>i.fa-facebook { color: #0862F6; } .socail_links_wrapper>a>.instagram_logo { height: 33px } .socail_links_wrapper>a>i.fa-tiktok { color: black; } .socail_links_wrapper { display: flex; gap: 3rem; align-items: center; justify-content: center; } .contact_item { padding: 1rem; border-radius: var(--box_border_radius); background-color: var(--bg_white); margin-top: 1rem; display: flex; gap: 1rem; } .right_text>a { color: var(--black_txt_color) !important; font-weight: 400 !important; } /* .singup_form_wrapper i{ right: 146px !important; } */ #login_page .singup_form_wrapper i { right: 146px !important; } .apple_button { display: none; } .profile_rating, #single_shop_name { cursor: pointer; } .cart { cursor: pointer; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 48px; user-select: none; -webkit-user-select: none; align-items: center; display: flex; } .select2-container--default .select2-selection--single { background-color: var(--bg_white) !important; border: none !important; border-radius: var(--box_border_radius) !important; padding: 0.2rem; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 9px !important; } .print_invoices { margin-left: auto; height: fit-content; border-radius: 0.3rem; } .print_invoices>i { color: #473f3f73; font-size: 1.5rem; } .cart_payment { display: none; } .checkout_home { color: white !important; } .checkout { color: white !important; } /* style for med req */ .med_request { display: flex; justify-content: space-between; align-items: center; } .med_req_single { color: var(--black_txt_color); background-color: var(--bg_white); border-radius: var(--box_border_radius); padding: 1rem; margin-bottom: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .signup_top_bar.list_med_req { width: 63% !important; } .med_req_info>div { font-size: .9rem; } .info_box>img.svg { height: 1.5rem !important; border-radius: unset !important; object-fit: unset !important; } /* download our app style */ .download_our_app { display: none; cursor: pointer; } .app_info { display: flex; flex-direction: column; justify-content: center; } .privacy_policy_error { font-size: .8rem; color: var(--red_txt_color); margin-top: 0.4rem; } /* .single_product_image img{ display:none; } */ /* .order_image img{ display: none; } */ .single_shop .single_order_box { display: none; } .our_shop_product { display: none; } .convert_button, .by_shop_section { display: none; } .input-field { background-color: #0000001c !important; } button[disabled] { cursor: not-allowed; } a[disabled] { cursor: not-allowed; } .confirm-order-wrapper { display: flex; gap: 1rem; align-items: center; justify-content: center; } .wallet_payment { display: none; } .wallet_page .left_address { display: flex; gap: 1rem; align-items: center; } .order_arrow { height: 3rem; aspect-ratio: 1 / 1; border-radius: 50%; background: #5e9cf996; display: flex; border-image-slice: c; align-items: center; justify-content: center; color: white; } .add_new_money_wrapper>button { width: 100%; } .add_new_money_wrapper { display: none; } .error { font-size: .8rem; color: red; } .recent_balance { display: none; } .chat-bot-wrapper { max-width: 87px !important; } /* chat bot design */ .chat-bot-wrapper { position: fixed; bottom: 72px; right: 0; left: 475px; z-index: 999; margin: auto; } .click-items-chat { display: flex; justify-content: end; width: max-content; margin-left: auto; } .chat-bot-wrapper .whatsapp-btn { width: 60px; height: 60px; cursor: pointer; border-radius: 50%; background-color: #25D366; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); animation: breathe 2s ease-in-out infinite; } /*Estilos solo al icono whatsapp*/ .chat-bot-wrapper .whatsapp-btn i { color: #fff; font-size: 24px; animation: beat 2s ease-in-out infinite; text-decoration: none; } /*Estilos con animation contorno respirando*/ @keyframes breathe { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } /*Estilos de animacion del icono latiendo*/ @keyframes beat { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } /* CSS Multiple Whatsapp Chat */ .whatsapp-name { font-size: 16px; font-weight: 600; padding-bottom: 0; margin-bottom: 0; line-height: 18px; } #whatsapp-chat { box-sizing: border-box !important; outline: none !important; position: absolute; width: 350px; border-radius: 10px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); bottom: -10px; right: 4px; overflow: hidden; animation-name: showchat; animation-duration: 1s; transform: scale(1); } a.blantershow-chat { background: #fff; color: #404040; position: fixed; display: flex; font-weight: 400; justify-content: space-between; z-index: 98; bottom: 25px; right: 30px; font-size: 15px; padding: 10px 20px; border-radius: 30px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); } a.blantershow-chat svg { transform: scale(1.2); margin: 0 10px 0 0; } .header-chat { background: #25D366; color: #fff; padding: 20px; } .header-chat h3 { margin: 0 0 10px; } .header-chat p { font-size: 14px; line-height: 19px; margin: 0; } .info-avatar { position: relative; } .info-avatar img { width: 72px; float: left; margin: 0 10px 0 0; } a.informasi { padding: 20px; display: block; overflow: hidden; animation-name: showhide; animation-duration: 0.5s; } a.informasi:hover { background: #f1f1f1; } .info-chat span { display: block; } #get-label, span.chat-label { font-size: 12px; color: #888; } #get-nama, span.chat-nama { margin: 5px 0 0; font-size: 15px; font-weight: 700; color: #222; } #get-label, #get-nama { color: #fff; } span.my-number { display: none; } textarea#chat-input { border: none; font-family: "Arial", sans-serif; width: 100%; height: 20px; outline: none; resize: none; padding: 10px; font-size: 14px; } a#send-it { width: 30px; font-weight: 700; padding: 10px 10px 0; background: #eee; border-radius: 10px; } a#send-it svg { fill: #a6a6a6; height: 24px; width: 24px; } .first-msg { background: transparent; padding: 30px; text-align: center; } .first-msg span { background: #e2e2e2; color: #333; font-size: 14.2px; line-height: 1.7; border-radius: 10px; padding: 15px 20px; display: inline-block; } .start-chat .blanter-msg { padding-bottom: 1rem; margin-top: 1rem; display: flex; } .blanter-msg a { padding: .5rem 2rem; border-radius: 2rem; background: #00cb57; color: white !important; } #get-number { display: none; } a.close-chat { position: absolute; top: 5px; right: 15px; color: #fff; font-size: 30px; } @keyframes ZpjSY { 0% { background-color: rgb(182, 181, 186); } 15% { background-color: rgb(17, 17, 17); } 25% { background-color: rgb(182, 181, 186); } } @keyframes hPhMsj { 15% { background-color: rgb(182, 181, 186); } 25% { background-color: rgb(17, 17, 17); } 35% { background-color: rgb(182, 181, 186); } } @keyframes iUMejp { 25% { background-color: rgb(182, 181, 186); } 35% { background-color: rgb(17, 17, 17); } 45% { background-color: rgb(182, 181, 186); } } @keyframes showhide { from { transform: scale(0.5); opacity: 0; } } @keyframes showchat { from { transform: scale(0); opacity: 0; } } @media screen and (max-width: 480px) { #whatsapp-chat { width: max-content; left: auto; right: 25%; font-size: 80%; } } .hide1 { display: none; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } .head-home { display: flex; } .show1 { display: block; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } .whatsapp-message-container { display: flex; z-index: 1; } .whatsapp-message { padding: 7px 14px 6px; background-color: rgb(255, 255, 255); border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); } .whatsapp-message::before { position: absolute; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5eXNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; content: ""; top: 0px; left: -12px; width: 12px; height: 19px; } .dAbFpq { display: flex; z-index: 1; } .eJJEeC { background-color: rgb(255, 255, 255); width: 52.5px; height: 32px; border-radius: 16px; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all 0.1s ease 0s; z-index: 1; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; } .hFENyl { position: relative; display: flex; } .ixsrax { height: 5px; width: 5px; margin: 0px 2px; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; background-color: rgb(158, 157, 162); animation-name: ZpjSY; } .dRvxoz { height: 5px; width: 5px; margin: 0px 2px; background-color: rgb(182, 181, 186); border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; animation-name: hPhMsj; } .kAZgZq { padding: 7px 14px 6px; background-color: rgb(255, 255, 255); border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3)); box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); } .start-chat { background: #f6fdf9; padding: 1rem; } .kAZgZq::before { position: absolute; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5eXNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; content: ""; top: 0px; left: -12px; width: 12px; height: 19px; } .bMIBDo { font-size: 13px; font-weight: 700; line-height: 18px; color: rgba(0, 0, 0, 0.4); } .iSpIQi { font-size: 14px; line-height: 19px; margin-top: 4px; color: rgb(17, 17, 17); } .cqCDVm { text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17, 17, 17, 0.5); margin-right: -8px; margin-bottom: -4px; }