@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body, button, input, select, optgroup, textarea{ color: #0f3f83; font-size: 16px; word-wrap: break-word; font-family: "Poppins", sans-serif !important; font-style: normal; font-weight: 400; line-height: 1.5; margin: 0;}
h1, h2, h3, h4, h5, h6, p{ font-family: "Poppins", sans-serif !important;}
code { font-family: "Poppins", sans-serif;}
img { max-width:100%; vertical-align:middle; border:none;}
*, ::before, ::after{ box-sizing: border-box;}
div.container{ max-width: 1360px; padding: 0 20px;}

button.button1, a.button1{ background-color: rgb(251, 170, 26); border-radius: 50px; text-transform: uppercase; cursor: pointer; padding: 14px 40px; color: white; font-weight: 600; font-family: "Poppins", sans-serif; font-size: 16px; box-shadow: none;}
button.button1:hover, a.button1:hover{ background-color: #0f3f83; box-shadow: none;}

.login_img{ position: relative; height: 100%;}
.login_img::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(to top, rgba(16, 63, 131, 0.69), rgba(16, 63, 131, 0.69));}
.login_img img{ width: 100%; height: 100%; object-fit: cover;}
.login_content{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; flex-direction: column; padding: 8rem;}
.login_content h2{ color: white; font-weight: 700; font-size: 48px; margin: 0;}
.login_content p{ font-weight: 300; color: white; margin: 0;}

.login_right .lrTab{ background-color: #ebe9eb; border-radius: 50px; padding: 3px; gap: 5px; display: flex;}
.login_right .lrTab button{ border-radius: 50px; text-transform: uppercase; font-size: 1rem; font-weight: bold; padding: 8px 26px; border: 0; color: #0f3f83; background-color: transparent;}
.login_right .lrTab button.Mui-selected{ background-color: #fff;}
.login_right{ display: flex; align-items: center; justify-content: center; padding: 30px;}
.login_form_inner{ max-width: 525px; margin: auto; gap: 1rem; display: flex; flex-wrap: wrap;}
.login_form_inner .MuiTextField-root{ margin: 0;}
.login_form_inner .firstName{ width: calc(50% - 8px);}
.login_form_inner .MuiInputLabel-formControl{ color: rgb(15, 63, 131);}
.login_form_inner .MuiInputLabel-formControl.Mui-focused{ color: rgb(15, 63, 131);}
.login_form_inner .MuiInputBase-formControl{ background-color: rgb(249, 250, 250);}
.login_form_inner .MuiInputBase-formControl input{ box-shadow: none; color: #0f3f83;}
.login_form_inner fieldset{ border-color: rgb(157, 177, 206);}
.login_form_inner .MuiInputBase-formControl.Mui-focused fieldset{ border-color: #0f3f83;}
.login_remindme .MuiCheckbox-root{ padding-top: 0; padding-bottom: 0; color: #0f3f83;}
.login_remindme .MuiCheckbox-root.Mui-checked{ color: #0f3f83;}
.login_form_inner .forgotpassword{ text-align: center; width: 100%;}
.login_form_inner .forgotpassword a{ color: rgb(15, 63, 131); text-decoration: none;}
.login_right .fyp_txt{ max-width: 525px; margin: 0 auto 35px; text-align: center;}

.logo{ padding: 16px 16px 0 0;}
.search_bar{ position: relative;}
.search_bar form fieldset{ border: 0; padding: 0;}
.search_bar form input{ height: auto; padding: 13px 64px 13px 24px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1); font-family: "Poppins", sans-serif;}
.search_bar form button{ position: absolute; right: 0; top: 0; bottom: 0; border-radius: 0; min-width: inherit; width: 56px; padding: 0;}

.result_box{ border-radius: 4px; width: 100%; top: 70px; z-index: 10; padding: 0px; background-color: rgb(255, 255, 255); color: rgb(15, 63, 131); position: absolute; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px 0px; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);}
.result_box .result_count{ padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: rgb(220, 240, 255);}
.result_box .result_count button{ color: #0f3f83;}
.result_box ul{ margin: 0; padding: 0; list-style: none;}
.result_box ul li a{ padding: 1rem; display: flex; gap: .5rem; text-decoration: none; color: #0f3f83;}
.result_box ul li:nth-child(even) a{ background-color: #ddf0ff;}
.result_box ul li a:hover{ background-color: #eef7fe;}
.result_box ul li a .result_prdimg{ max-width: 90px;}
.result_box ul li a .result_prdimg img{ border: 1px solid #ebe9eb; width: 100%; border-radius: .375rem; display: block;}
.result_box ul li a .result_prdcontent{ display: flex; flex-direction: column; width: 100%;}
.result_box ul li a .result_prdcontent h2{ font-size: 16px; color: #0f3f83; font-weight: 600;}
.result_box ul li a .result_viewbtn{ align-self: center;}
.result_box ul li a .result_viewbtn .button1{ font-size: 14px; min-width: 96px; padding: 13px;}

.menu_toggle{ padding-left: 35px;}
.menu_toggle button{ padding: 9px 31px; text-transform: none; font-size: 16px; font-weight: 400;}
.menu_toggle button svg{ margin-left: 9px;}
.header_end{ display: flex; justify-content: flex-end;}
.header_end .account_icon{ display: flex; flex-direction: column; align-items: center; font-size: 14px; text-align: center; text-decoration: none; color: #0f3f83; position: relative; cursor: pointer;}
.header_end .account_icon + .account_icon{ margin-left: 15px;}
.header_end .account_icon svg{ max-width: 32px;}
.header_end .account_icon .cart_count{ display: flex; align-items: center; justify-content: center; border-radius: 30px; background-color: #fbab1b; font-size: 14px; color: #fff; font-weight: 600; width: 24px; height: 24px; position: absolute; right: 13px; top: -11px;}
.header_end .account_icon.menu_icon{ display: none;}

.footer_wrap .footer_col{ max-width: inherit; flex-basis: inherit;}
.footer_wrap h3{ font-family: "Poppins", sans-serif; margin-bottom: 15px;}
.footer_wrap ul{ padding: 0;}
.footer_wrap ul li{ padding: 19px 0 0 ;}
.footer_wrap ul li a{ font-size: 14px; text-decoration: none; color: rgb(15 63 131);}

.shipping_block{ padding-top: 32px; text-align: center;}
.shipping_block .MuiGrid-item{ display: inline-flex; align-items: center; margin: 0; padding: 0 34px;}
.shipping_block .MuiGrid-item img{ margin-right: 10px;}
.rating_block.MuiGrid-item{ max-width: 872px; margin: auto; padding: 56px 20px; text-align: center;}
.rating_block .rating_star{ font-size: 2rem;}
.rating_block .rating_star .MuiRating-iconEmpty{ color: #fbaa1a;}
.rating_block.MuiGrid-item h1{ font-size: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 0;}
.rating_block.MuiGrid-item p{ letter-spacing: 0;}

.home_services{ gap: 1rem; padding: 35px 0;}
.home_services .MuiGrid-item{ max-width: calc(33.33% - 11px); flex-basis: 100%; border-radius: 8px;}
.home_services .MuiGrid-item a{ padding: 16px; display: flex; align-items: center; gap: 0.5rem; text-decoration: none; font-weight: 700; color: #0f3f83; text-transform: uppercase;}
.home_services .MuiGrid-item a img{ width: 48px;}
.home_services .MuiGrid-item a img.catRightImage{ margin-left: auto;}
.home_services .MuiGrid-item a.category_title{ padding-bottom: 0;}
.home_services .MuiGrid-item a.category_title h2{ font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: 0;}
.home_services .MuiGrid-item a.category_title + a{ font-weight: 400; text-transform: none;}

.spc_wrap{ padding: 32px 0;}
.spc_inner{ align-items: center;}
.spc_wrap .spc_img img{ max-width: 66.66%;}
.spc_wrap .spc_content ul{ margin: 0; padding: 0;}
.spc_wrap .spc_content ul li .MuiTimelineDot-root{ border: 0; background-color: #fbab1b; padding: 0; margin: 0; width: 40px; height: 40px; box-shadow: none; justify-content: center; align-items: center; font-weight: 700;}
.spc_wrap .spc_content ul li .MuiTimelineConnector-root{ width: 4px;}

.packaging_wrap{ padding: 64px 0;}
.packaging_wrap .packaging_inner{ flex-wrap: nowrap; gap: 4rem;}
.packaging_content h5{ font-size: 18px; margin-bottom: 16px;}
.packaging_content p{ font-size: 14px; margin-bottom: 16px;}
.packaging_content ul{ padding: 0;}
.packaging_content ul li{ padding: 0;}
.packaging_content ul li div{ min-width: inherit; width: auto; height: auto; margin: 0;}
.packaging_content ul li svg{ width: 14px;}
.packaging_content ul li .MuiListItemText-root{ margin-left: 8px;}

.faq_home{ padding: 64px 0;}
.faq_home_title{ font-size: 30px !important;}
.faq_home .faq_accordion{ padding-top: 64px; column-gap: 4rem; row-gap: 1rem;}
.faq_home_items{ width: calc(50% - 32px);}
.ocs_wrap{ padding: 64px 0 42px;}
.ocs_title{ font-size: 30px !important; margin: 32px 0 !important;}
.ocs_wrap .navigation-wrapper{ padding: 50px;}
.ocs_wrap .keen-slider .keen-slider__slide{ background-color: #fff; padding: 24px; border-radius: 8px; box-sizing: border-box; display: flex;
flex-direction: column; gap: 1.5rem;}
.ocs_wrap .keen-slider .keen-slider__slide .MuiRating-root{ font-size: 32px; gap: 1rem;}
.ocs_wrap .keen-slider .keen-slider__slide p{ letter-spacing: 0;}

.ksDots{ display: flex; padding: 20px 0 0; justify-content: center;}
.ksDot{ border: none; width: 8px; height: 8px; background: #0f3f83; border-radius: 50%; margin: 0 4px; cursor: pointer; opacity: 0.2; padding: 0;}
.ksDot:focus{ outline: none;}
.ksDot.active{ background: #fbab1b; opacity: 1;}

.customer_service{ padding-top: 32px; gap: 2.5rem; flex-wrap: nowrap !important; align-items: center;}
.customer_service h3{ font-size: 24px; margin-bottom: 16px;}
.customer_service .csb{ display: flex; flex-wrap: wrap; padding-top: 32px;}
.customer_service .customer_service_bx{ width: 25%; display: flex; flex-direction: column; align-items: center; font-weight: 500;}
.customer_service .customer_service_bx img{ width: 80px; height: 80px; object-fit: contain; margin-bottom: 8px;}

.menuDrawer{ width: 600px; padding: 16px;}
.menuDrawer .menuCloseBtn{ color: #0f3f83;}
.menuDrawer ul li{ padding: 13px 0;}
.menuDrawer ul li a{ text-decoration: none; align-items: center;}
.menuDrawer ul li .menuTxt span{ font-weight: 700;}
.menuDrawer ul li .menuPlusIcon{ min-width: inherit;}
.menuDrawer ul li ul{ display: none; padding-left: 8px; padding-bottom: 0;}
.menuDrawer ul li ul.showSubMenu{ display: block;}
.menuDrawer ul li ul.showSubMenu li{ border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding: 16px 0;}
.menuDrawer ul li ul.showSubMenu li:last-of-type{ border-bottom: 0;}
.menuDrawer ul li ul.showSubMenu li a{ color: #0f3f83; display: flex;}
.menuDrawer ul li ul.showSubMenu li a svg{ margin-right: 12px;}

/*Legal page css start*/
.legal_header{ background: url(../public/images/faq-bg.png) center center no-repeat; background-size: cover; padding: 40px 0;}
.legal_header h1{ font-size: 40px; font-weight: 700;}
.legal_content{ background: linear-gradient(rgb(246, 250, 255), rgb(255, 255, 255)); padding: 60px 0;}
.legal_content .verticalStaticPageTabs{ overflow: visible;}
.legal_content .verticalStaticPageTabs .MuiTabs-scroller{ overflow: visible !important;}
.legal_content .pageContent{ padding: 20px 40px; border-radius: 5px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; margin-left: 30px; font-weight: 500;}
.legal_faq{ padding-left: 30px; gap: 30px; flex-wrap: wrap; display: flex;}
.legal_faq .legal_faq_inner{ box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;}
.legal_faq .legal_faq_inner .MuiAccordionSummary-root{ padding: 20px;}
.legal_faq .legal_faq_inner .MuiAccordionSummary-content{ margin: 0;}
.legal_faq .legal_faq_inner .MuiAccordionSummary-content p{ font-size: 18px; font-weight: 700; color: #0f3f83;}
.legal_faq .legal_faq_inner .MuiAccordionSummary-expandIconWrapper{ color: #0f3f83;}
.legal_faq .legal_faq_inner .MuiAccordionSummary-root:hover .MuiAccordionSummary-content p, .legal_faq .legal_faq_inner .MuiAccordionSummary-root:hover .MuiAccordionSummary-expandIconWrapper{ color: #fbaa1a;}
.legal_faq .legal_faq_inner.Mui-expanded .MuiAccordionSummary-root .MuiAccordionSummary-content p, .legal_faq .legal_faq_inner.Mui-expanded .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper{ color: #fbaa1a;}
.legal_faq .legal_faq_inner .legal_faq_content{ padding: 0 20px 20px;}
.legal_faq .legal_faq_inner .legal_faq_content p{ color: #0f3f83;}

/*Product listing page css start*/
.productlist_wrap{ background-color: #eef7fe; padding: 32px 0;}
.productlist_wrap h1{ font-size: 30px; font-weight: 700;}
.breadcrumbs ol li a{ display: flex; color: #0f3f83;}
.breadcrumbs ol li p{ color: #fbaa1a;}
.breadcrumbs ol li.MuiBreadcrumbs-separator{ margin: 0;}
.breadcrumbs ol li.MuiBreadcrumbs-separator svg{ color: #111;}

.product_row{ display: grid; gap: 2rem; grid-template-columns: repeat(4,minmax(0,1fr)); padding-top: 50px;}
.product_bx{ padding: 1rem; background-color: #fff; border-radius: 24px; display: flex; flex-direction: column; width: 100%; height: 100%; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);}
.product_bx .product_img{ aspect-ratio: 1/0.8; object-fit: contain;}
.product_bx .flex-grow{ flex-grow: 1;}
.product_bx ul{ margin: 0; padding: 0 0 1rem; list-style: none;}
.product_bx ul li{ display: flex; align-items: center; gap: 1rem;}
.product_bx ul li svg{ min-width: 12px; width: 12px; color: #fbab1b;}
.product_bx ul li span{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.progressOverlay{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 100; display: flex; align-items: center; justify-content: center;}
.progressOverlay .progressBx{ background: #fff; border-radius: 10px; width: 80px; height: 80px; text-align: center; display: flex; align-items: center; justify-content: center;}
.progressOverlay .progressBx span{ color: #0f3f83;}

/*Blog listing page css start*/
.blog_welcome{ padding: 80px 0; text-align: center;}
.blog_welcome h1{ font-size: 40px; font-weight: 700; margin-bottom: 40px;}
.blog_welcome p{ font-size: 1.1667rem; max-width: 70%; margin: 0 auto;}
.new_posts{ padding: 80px 0;}
.new_posts h2{ font-size: 30px; font-weight: 700; text-align: center;}
.new_post_box{ display: grid; grid-template-columns: 1fr 1fr; gap: 60px; width: 100%; height: 100%; margin-top: 80px;}
.new_post_box .MuiGrid-item{ background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; height: 100%;}
.new_post_box .npImg img{ height: 100%; width: 100%; object-fit: cover; border-bottom: 4px solid #fbaa1a; min-height: 250px; aspect-ratio: 1/0.5;}
.new_post_box .npContent{ display: flex; flex-direction: column; align-items: flex-start; flex: 1; gap: 10px; padding: 16px;}
.new_post_box .npContent h3{ font-size: 1.4063rem; font-weight: 700; line-height: 1.6;}
.new_post_box .npContent p{ flex-grow: 1;}
.new_post_box .npContent .MuiButton-text{ padding: 0; font-size: 16px; font-weight: bold; text-transform: none; letter-spacing: 0; color: #0f3f83; background: none;}

.blog_post_grid.new_post_box{ grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.bopc_wrap h2{ font-size: 30px; font-weight: 700; text-align: center;}
.bopc_wrap .navigation-wrapper{ padding: 60px 40px 0;}
.bopc_wrap .keen-slider{ position: static;}
.bopc_wrap .keen-slider .keen-slider__slide{ padding: 15px;}
.bopc_wrap .keen-slider .product_bx{ padding: 0; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; overflow: hidden;}
.bopc_wrap .keen-slider .product_bx img{ aspect-ratio: 1/0.7; width: 100%; object-fit: cover;}
.bopc_wrap .keen-slider .product_bx .flex-grow{ padding: 0 16px 16px;}
.bopc_wrap .keen-slider .product_bx .flex-grow h4{ font-size: 1.1667rem;}
.bopc_wrap .keen-slider .product_bx .flex-grow h4 a{ color: #0f3f83; text-decoration: none;}
.bopc_wrap .keen-slider .product_bx ul{ padding: 8px 0;}
.bopc_wrap .keen-slider .product_bx ul li a{ display: flex; align-items: center; gap: 1rem; color: #0f3f83; text-decoration: none; padding: 2px 0;}
.bopc_wrap .keen-slider .product_bx ul li a:hover{ color: #fbaa1a;}
.bopc_wrap .keen-slider .product_bx .MuiButton-text{ padding: 0 16px 16px; font-size: 16px; font-weight: bold; text-transform: none; letter-spacing: 0; color: #0f3f83; background: none;}

.pagination_box{ padding-top: 60px; width: 100%; display: flex; justify-content: center;}
.pagination_box ul li .MuiPaginationItem-root{ background-color: #69727d; color: #fff;}
.pagination_box ul li .MuiPaginationItem-root.MuiPaginationItem-previousNext{ background-color: #0073aa;}
.pagination_box ul li .MuiPaginationItem-root.Mui-selected{ background-color: #fbaa1a;}

/*Blog Detail page css start*/
.blogDetails{ padding: 80px 0;}
.blogDetails .bdContent{ display: flex; flex-wrap: wrap; gap: 2rem; padding-right: 40px;}
.blogDetails .bdContent h1{ font-size: 27px; font-weight: 700;}
.blogDetails .bdContent h2{ font-size: 24px; font-weight: 700;}
.blogDetails .bdContent h3{ font-size: 20px; font-weight: 700;}
.blogDetails .bdContent .bdImage{ width: 100%;}
.blogDetails .bdContent .bdImage img{ width: 100%; border-radius: 10px;}

.blogDetails .bopc_wrap{ position: sticky; top: 0;}
.blogDetails .bopc_wrap h2{ font-size: 24px;}
.blogDetails .bopc_wrap .navigation-wrapper{ padding-top: 25px;}
.blogDetails .bopc_wrap .keen-slider .product_bx .MuiButton-text{ background: rgb(251, 170, 26); margin: 0 16px 16px; border-radius: 30px; width: 120px; padding: 8px;
text-align: center; justify-content: center; color: #fff; font-weight: 600; text-transform: uppercase;}

.register_today{ background: url(../public/images/footer-cta-bg.png) center center no-repeat; background-size: cover; padding: 40px; border-radius: 30px; text-align: center;}
.register_today h4{ font-size: 1.4063rem; font-weight: 700;}
.register_today p{ font-size: 1.1667rem;}
.register_today .button1{ min-width: 160px;}

/*Contact Us page css start*/
.contact_wrap{ padding: 80px 0;}
.contact_inner{ display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}
.contact_content h1{ font-size: 40px; font-weight: 700;}
.contact_content p{ display: flex; align-items: center;}
.contact_content p svg{ margin-right: 10px; min-width: 18px;}
.contact_content p a{ color: #0f3f83; text-decoration: none;}

.common_form{ gap: 1.5rem; display: flex; flex-wrap: wrap;}
.common_form .MuiTextField-root{ margin: 0;}
.common_form .MuiInputLabel-formControl{ color: rgb(15, 63, 131);}
.common_form .MuiInputLabel-formControl.Mui-focused{ color: rgb(15, 63, 131);}
.common_form .MuiInputBase-formControl{ background-color: rgb(249, 250, 250);}
.common_form .MuiInputBase-formControl input{ box-shadow: none;}
.common_form fieldset{ border-color: rgb(157, 177, 206);}
.common_form .MuiInputBase-formControl.Mui-focused fieldset{ border-color: #0f3f83;}

/*my account pages css start*/
.dashboard_wrap{ max-width: 1300px !important; padding-top: 60px; padding-bottom: 60px;}
.dashboard_sidebar{ width: 25%;}
.dashboard_sidebar .backtoaccount a{ display: flex; align-items: center; gap: 10px; font-weight: 600; color: #0f3f83; font-size: 1rem; text-decoration: underline;}
.dashboard_sidebar .backtoaccount a svg{ font-size: 24px;}
.dashboard_sidebar .profile_avatar{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.42857rem; border-radius: 50%; user-select: none; background-color: #0f3f83; color: #fff; width: 58px; height: 58px;}
.dashboard_sidebar .profile_username{ color: #0f3f83; font-weight: 700; text-transform: uppercase; font-size: 1.125rem;}
.dashboard_sidebar .profile_useremail{ color: #0f3f83; font-size: 1rem; word-break: break-word;}
.dashboard_sidebar .logout_btn{ font-size: 1rem; color: #0f3f83;}
.dashboard_sidebar .profile_address{ background-color: rgb(214, 235, 255); padding: 1rem; border-radius: 16px;}
.dashboard_sidebar .profile_address h6{ font-weight: 700; color: #0f3f83; margin-bottom: 10px;}
.dashboard_sidebar .profile_address p{ color: #0f3f83;}
.dashboard_sidebar .profile_address p svg{ vertical-align: middle; margin-left: -4px;}
.dashboard_sidebar .profile_address p a{ text-decoration: underline; font-weight: 600; color: rgb(18, 64, 131); font-size: 1rem;}
.dashboard_sidebar .chatnow_bx h6{ font-weight: 600; margin-bottom: 20px;}
.dashboard_sidebar .chatnow_bx .chatnow_btn{ background-color: #0f3f83; width: 100%; border-radius: 30px; font-weight: bold; padding: 10px 20px; gap: 10px; font-size: 1rem;}
.dashboard_sidebar .chatnow_bx .chatnow_btn svg{ font-size: 20px;}
.dashboard_sidebar .chatnow_bx .chatnow_btn:hover{ background-color: rgb(11, 45, 101); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;}

.dashboard_content{ width: 75%; padding-left: 30px;}
.dashboard_content h1{ font-size: 20px; color: #0f3f83; font-weight: 700; letter-spacing: 0;}
.dashboard_content .address_box{ background-color: #fff; padding: 2rem; border-radius: 8px; margin: 16px 0 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; justify-content: space-between;}
.dashboard_content .address_box p{ color: #0f3f83; letter-spacing: 0;}
.dashboard_content .address_box .address_action_btns{ display: flex; flex-flow: column wrap; align-items: flex-end;}
.dashboard_content .address_box .address_action_btns button, .dashboard_content .address_box .address_action_btns label{ font-weight: 500; font-size: 1rem; text-transform: none; padding: 0px; text-decoration: underline; color: #0f3f83; margin: 0;}
.dashboard_content .address_box .address_action_btns button:hover, .dashboard_content .address_box .address_action_btns label:hover{ background: none; text-decoration: none;}
.dashboard_content .address_box .address_action_btns button svg{ margin-right: 5px; font-size: 20px;}
.dashboard_content .address_box .address_action_btns label span{ font-weight: 500; padding: 0;}
.dashboard_content .address_box .address_action_btns label span.MuiRadio-root{ margin-right: 7px;}
.dashboard_content .address_box .address_action_btns label span.MuiRadio-root svg{ width: 20px; color: #0f3f83;}
.dashboard_content .moreaddress_form_btn button{ width: 100%; padding: 0; background: none;}
.dashboard_content .moreaddress_form_btn button svg{ width: 100%;}
.dashboard_content .moreaddress_form_btn button span{ display: none;}
.dashboard_content .address_addedit_form{ background-color: #fff; padding: 12px 32px 32px 12px; border-radius: 8px; margin: 16px 0 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;}

/*Product detail page css start*/
.pd_slide_content .MuiContainer-root{ max-width: 1300px !important;}
.product_detail_slider{ position: relative; height: 500px;}
.product_detail_slider img{ width: 100%; height: 100%; object-fit: contain;}
.pd_content h1{ font-size: 2.4291rem; font-weight: 700;}
.pd_content .pd_price{ font-size: 1.6867rem; color: #fbaa1a; font-weight: 700; margin-top: 22px;}
.pd_content .pd_error_box{ width: fit-content; display: flex; align-items: center; gap: 10px; padding: 17px; background-color: #ffe071; color: #c67b22; margin-top: 20px;}
.pd_content .pd_error_box svg{ flex-shrink: 0;}
.qip_btns{ gap: 10px;}
.qip_btns .qip_btn{ background-color: #fff; margin: 0; border: 1px solid gray; text-transform: none; padding: 7px 15px; border-radius: 4px; transition: all 0.25s ease-in 0s;}
.qip_btns .qip_btn:hover{ box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; border-color: #0f3f83;}
.qip_btns .qip_btn.active{ border-color: #0f3f83;}
.qip_btns .qip_btn.active:hover{ background-color: #0f3f83; color: #fff;}
.qip_btns .qip_btn span{ font-weight: 500;}
.qip_btns .qip_btn span svg{ color: #0f3f83;}
.qip_btns .qip_btn.active:hover span svg{ color: #fff;}

.pd_content .delete_btn{ width: 120px; border: 1px solid #0f3f83; color: #0f3f83; text-transform: none; background-color: #fff; font-size: 16px;}
.pd_content .delete_btn:hover{ background-color: #0f3f83; color: #fff;}
.pd_content .pd_total_price{ font-size: 2.4291rem; font-weight: 700; margin: 2rem 0 3rem;}
.pd_content .pd_qty_row{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1.3rem;}
.pd_content .pd_qty_row .pd_qty{ display: flex; align-items: center; gap: 10px;}
.pd_content .pd_qty_row .pd_qty svg{ cursor: pointer;}
.pd_content .pd_qty_row .pd_qty_fld input{ background-color: #fff; text-align: center; font-size: 18px; color: #0f3f83; width: 75px; padding: 0; height: 56px;     line-height: 50px; font-weight: 500;}
.pd_content .pd_qty_row .pd_qty_fld fieldset{ border-color: black;}
.pd_content .pd_qty_row .button1{ margin-left: 20px;}
.pd_content .pd_qty_row .button1 svg{ margin-left: 10px; color: #0f3f83;}
.pd_content .pd_qty_row .button1:hover svg{ color: #fbaa1a;}
.pd_content .prescription_fee{ border-top: 1px solid #0f3f83; padding: 10px; margin-top: 20px;}
.pd_content .prescription_fee a{ padding: 20px 10px; text-decoration: none;}
.pd_content .prescription_fee a p{ font-size: 1.1667rem; font-weight: 700; color: #0f3f83;}

.pdtbs_content .verticalStaticPageTabs{ overflow: visible;}
.pdtbs_content .verticalStaticPageTabs .MuiTabs-scroller{ overflow: visible !important;}
.pdPageContent{ margin-left: 30px;}
.pdtbs_content .pdtbs_title{ font-size: 1.4063rem; font-weight: 700; margin-bottom: 24px;}

.related_products{ padding: 80px 0;}
.related_products h2{ font-size: 30px; font-weight: 700; text-align: center;}
.related_products .navigation-wrapper{ padding: 60px 40px 0;}
.related_products .keen-slider{ position: static;}
.related_products .keen-slider .keen-slider__slide{ padding: 15px;}
.related_products .keen-slider .product_bx{ box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;}

/*Question cart page css start*/
.cartFaq_wrap{ gap: 30px; padding: 40px 80px;}
.cartFaq_logo a{ max-width: fit-content; height: 90px; display: block;}
.cartFaq_logo img{ height: 100%; width: 100%; object-fit: contain;}
.cartFaq_close svg{ font-size: 28px; color: #000;}
.cartFaq_form_container{ gap: 80px;}
.questionnaire_title h6{ font-size: 1.4063rem; padding: 30px 30px 30px 50px; display: flex; align-items: center; background-color: #def0ff; gap: 10px; border-radius: 10px 10px 0px 0px; font-weight: normal; color: #0f3f83;}
.questionnaire_title svg{ font-size: 45px; color: #fbaa1a; flex-shrink: 0;}
.question_login{ background: #0f3f83; padding: 20px 50px;}
.question_login p{ color: #fff; font-size: 1.07143rem;}
.qsnans_box{ background: #fff; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px 0px; border-radius: 0px 0px 10px 10px; padding: 30px 50px;}
.disclaimer_box{ margin-bottom: 30px;}
.disclaimer_box h6{ font-size: 1.1667rem; font-weight: 700; color: #0f3f83;}
.disclaimer_box p{ font-size: 1rem; color: #0f3f83;}
.qsnans_form{ display: flex; flex-direction: column; gap: 30px;}
.qsnans_form .question_row{ display: flex; align-items: center; gap: 20px;}
.question_row .question_title{ display: flex; align-items: center; max-width: 65%; gap: 10px;}
.question_row .question_title .question_number{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 1.5rem; color: #fff; font-weight: 700; border-radius: 50%; background: #fbaa1a; flex-shrink: 0;}
.question_row .question_title p{ color: #0f3f83; margin: 0;}
.question_row .question_control{ margin-left: auto;}
.question_row .question_control button{ background: #f6fbfe; color: #0f3f83; padding: 11px 22px; text-transform: none; font-size: 1rem; border-color: #6f94c7;}
.question_row .question_control button:first-of-type{ border-radius: 10px 0px 0px 10px;}
.question_row .question_control button:last-of-type{ border-radius: 0px 10px 10px 0px; border-left: 0;}
.question_row .question_control button.Mui-selected{ background: #fbaa1a;}
.error_box{ display: flex; align-items: center; gap: 10px; padding: 17px; color: #fff; background-color: #fa3c6b;}
.error_box svg{ font-size: 28px;}
.error_box p{ font-size: 1rem;}
.custom_checkbox{ display: flex; align-items: center; margin-left: -12px;}
.custom_checkbox p{ font-size: 1rem; color: #0f3f83;}
.custom_checkbox .MuiCheckbox-root{ color: #0f3f83;}
.custom_checkbox .MuiCheckbox-root.Mui-checked{ color: #0f3f83;}
.qsnSubmit_btn button{ border: 1px solid #0f3f83; font-size: 1rem; box-shadow: none; text-transform: none; font-weight: normal; background: #fbaa1a; min-width: 140px;}
.qsnSubmit_btn button:hover{ background: #0f3f83; box-shadow: none;}
.qsnans_form .checkboxFieldClass{ color: #0f3f83; display: flex; margin-right: 0;}
.qsnans_form .checkboxFieldClass .MuiCheckbox-root{ color: #0f3f83;}
.qsnans_form .additionQuestionText p{ margin: 0; color: #0f3f83;}
.additionQuestions_box{ display: flex; flex-direction: column; gap: 10px;}
.innerQsn_row{ display: flex; align-items: center; gap: 10px; color: #0f3f83;}
.innerQsn_row svg{ font-size: 45px; color: #fbaa1a; flex-shrink: 0;}
.innerQsn_row p{ margin: 0;}
.qsnans_form .cartQsnTxtFld .MuiInputBase-formControl{ border: 1px solid rgb(111, 148, 199); background: #fff; max-height: 35px; font-size: 0.857143rem; color: #0f3f83;}
.qsnans_form .cartQsnTxtFld .MuiInputBase-formControl fieldset{ border: 0;}

.form_progress_tracker{ position: sticky; top: 30px;}
.completion_time_box{ padding: 20px 26px; border-radius: 10px; text-align: center; background-color: #dcf0ff;}
.completion_time_box h6{ font-size: 1.4063rem; color: #0f3f83; font-weight: normal;}
.progress_bar_box{ display: flex; align-items: center; justify-content: center; position: relative; padding: 30px 0; background: #fff;}
.progress_bar_dotted{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 2px dashed #fbaa1a; border-radius: 50%; width: 248px; height: 248px; margin: auto;}
.progress_bar_dotted h2{ font-size: 4.375rem; color: #fbaa1a; font-weight: 700;}
.progress_bar_dotted h6{ font-size: 1.4063rem; color: #fbaa1a; font-weight: 700; text-align: center;}

/*Question cart success page css start*/
.cartFaq_success{ width: 100%; display: flex; flex-direction: column; align-items: center; gap: 30px; padding-top: 40px; text-align: center;}
.cartFaq_success h3{ font-size: 1.4063rem; font-weight: 700; line-height: 1.6;}
.cartFaq_success p{ font-size: 1.1429rem; line-height: 1.75;}

/*Cart Drawer css start*/
.cartDrawer{ width: 100%; max-width: 500px; height: 100%; padding: 20px 30px; display: flex; flex-direction: column; gap: 20px; background-color: #eef7fe; overflow: hidden auto;}
.cartDrawer_close{ width: 100%; display: flex; align-items: center; justify-content: space-between; color: #0f3f83;}
.cartDrawer_close button{ color: #0f3f83; padding: 0; background: none !important;}
.cartDrawer_img{ width: 33.33%;}
.cartDrawer_img .cartDrawer_imgbx{ display: block; border: 1px solid rgb(204, 223, 238); position: relative; height: 100%;}
.cartDrawer_img .cartDrawer_imgbx img{ height: 100%; width: 100%; object-fit: contain;}
.cartDrawer_img .cartDrawer_imgbx button{ position: absolute; top: 0px; right: 0px; z-index: 2; background-color: rgb(238, 247, 254); transform: translate(50%, -50%);    color: #0f3f83; padding: 0; font-size: 22px;}
.cartDrawer_img .cartDrawer_imgbx button:hover{ color: #fbaa1a;}
.cartDrawer_namebx{ width: 100%; display: flex; justify-content: space-between; gap: 5px;}
.cartDrawer_namebx a{ text-decoration: none;}
.cartDrawer_namebx .prdnameTitle{ color: #0f3f83; font-size: 0.857143rem; display: block; font-weight: bold;}
.cartDrawer_namebx .prdPrice{ color: #0f3f83; font-size: 0.857143rem; font-weight: bold; white-space: nowrap;}
p.prdnameSubTitle{ color: #0f3f83; font-size: 0.857143rem;}
.cartDrawer_qty{ display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; background-color: #fff; border-radius: 7px; border: 1px solid rgb(235, 233, 235); color: #0f3f83; width: max-content;}
.cartDrawer_qty fieldset{ display: none;}
.cartDrawer_qty input{ width: 35px; font-size: 14px; padding: 0; text-align: center; height: auto; color: #0f3f83; font-weight: 500;}
.cartDrawer_qty svg{ cursor: pointer;}

.cart_coupon_code{ display: flex; align-items: center; justify-content: space-between; min-height: 50px;}
.cart_coupon_code p{ color: #0f3f83; font-weight: 700;}
.cart_coupon_code button{ color: #000; padding: 0; background: none !important;}
.cart_coupon_code button span{ display: none;}
.cart_coupon_code button svg{ font-size: 20px;}
.cart_coupon_code_form{ margin: 6px 0 16px; width: 100%; display: flex;}
.cart_coupon_code_form .MuiInputBase-formControl{ height: 100%; border-radius: 0;}
.cart_coupon_code_form input{ padding: 11px 14px; font-size: 0.857143rem; color: #0f3f83; text-transform: uppercase; height: auto;}
.cart_coupon_code_form fieldset{ border-color: #0f3f83 !important; border-width: 1px !important; border-right: 0 !important;}
.cart_coupon_code_form button{ border: 0; background-color: #fbaa1a; color: #fff; border-radius: 0px; font-size: 0.857143rem; box-shadow: none;}
.cart_coupon_code_form button:hover{ background-color: #0f3f83; box-shadow: none;}
.cart_shipment p{ display: flex; align-items: center; justify-content: space-between; color: #0f3f83;}

.cart_empty{ display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; padding-top: 20px;}
.cart_empty img{ width: 150px;}
.cart_empty h4{ font-size: 1.6867rem; font-weight: 700; color: #0f3f83; line-height: 1.334; letter-spacing: 0;}
.cart_empty p{ color: #0f3f83;}

/*Order list after login page css start*/
.orderList{ width: 100%; border-radius: 8px; padding: 30px 40px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px 0px;}
.orderList_details{ display: flex; justify-content: space-between;}
.orderList_content .orderId{ font-size: 1.1429rem; font-weight: 700; color: #0f3f83; line-height: 1.75;}
.orderList_content .orderDate{ color: #0f3f83; margin-bottom: 16px;}
.order_progress{ width: 100%; display: flex; gap: 0.5rem; flex-direction: column;}
.order_progress h6{ font-weight: 600; font-size: 1rem; color: #0f3f83;}
.order_progress p{ font-size: 14px; color: #0f3f83; text-transform: capitalize;}
.order_progress .MuiLinearProgress-bar{ background: #0f3f83;}

.orderList_image{ display: flex; align-items: center; gap: 30px;}
.orderList_image .orderList_image_box{ display: flex; align-items: center; gap: 0.65rem;}
.orderList_image .orderList_image_box .orderList_img{ width: 120px; height: 120px; border: 0.15rem solid rgba(16, 63, 131, 0.3);}
.orderList_image .orderList_image_box .orderList_img img{ width: 100%; height: 100%; object-fit: contain;}
.orderList .view_order_btn{ border-radius: 30px; padding: 10px 20px; font-size: 1rem; background: #0f3f83; display: block; text-align: center;}
.orderList .view_order_btn:hover{ background: #fbaa1a;}
.view_order_button_tablet{ display: none; padding-top: 30px;}

/*Order detail after login page css start*/
.order_summary_row{ display: flex; gap: 1rem; border-radius: 8px; margin: 1rem 0px; padding: 16px; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;}
.order_summary_row .order_summary_image{ width: 120px; height: 120px; border: 0.15rem solid rgba(16, 63, 131, 0.3);}
.order_summary_row .order_summary_image img{ width: 100%; height: 100%; object-fit: contain;}
.order_summary_row .order_summary_content .os_name{ font-size: 1.1667rem; color: #0f3f83; font-weight: 700;}
.order_summary_row .order_summary_content p{ color: #0f3f83;}
.order_summary_row .order_summary_content p span{ font-weight: bold;}
.order_summary_row .order_summary_content .os_price{ color: #0f3f83; font-size: 20px; font-weight: 700; margin-top: 0.5rem;}

.os_total{ width: 384px; margin-left: auto;}
.os_total .os_total_bx{ background: #d6ebff; padding: 2rem; border-radius: 5px; margin-bottom: 1rem;}
.os_total .os_total_bx p{ display: flex; align-items: center; justify-content: space-between; color: #000;}
.os_total .os_total_bx p span{ color: #0f3f83; font-weight: 700;}
.os_total .os_appendix button{ width: 6rem; height: 6rem; background-color: rgb(245, 244, 244); cursor: pointer; padding: 1rem; border-radius: 0;}
.os_total .os_appendix button svg{ width: 50px; height: 50px;}

.dashboard_sidebar .profile_status{ background-color: #fff; padding: 2rem; border-radius: 16px;}
.od_status{ color: #0f3f83; text-transform: uppercase; margin-top: 1rem;}

/*Order success page css start*/
.order_success_wrap{ display: flex; flex-wrap: wrap;}
.order_success_wrap .osLeft{ width: 50%; padding: 80px; color: #0f3f83;}
.order_success_wrap .osRight{ width: 50%; padding: 80px; background: rgb(238, 247, 254);}
.order_nmbr{ display: flex; align-items: center; gap: 1rem; font-size: 20px;}
.order_nmbr svg{ width: 100px; height: 100px;}
.order_thankYou{ font-size: 24px; padding-top: 20px;}
.osDetail_bx{ border: 1px solid #d1d5db; border-radius: 10px; padding: 30px; margin-top: 30px;}
.osDetail_bx h3{ font-size: 24px;}
.osDetail_bx ul{ margin: 0; padding: 0 0 0 15px;}
.osDetail_bx .userOrderDetails{ width: 50%;}
.viewOrder_btn{ padding-top: 30px;}

.osProduct_row{ width: 100%; display: flex; flex-wrap: wrap; gap: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-bottom: 20px; margin-bottom: 20px;}
.osProduct_image{ width: 33.3333%;}
.osProduct_image .osProduct_imgbx{ display: block; border: 1px solid rgb(204, 223, 238); position: relative; height: 100%;}
.osProduct_image .osProduct_imgbx img{ height: 100%; width: 100%; object-fit: contain;}
.osProduct_image .osProduct_imgbx .quantity{ position: absolute; top: 0px; right: 0px; z-index: 2; background-color: #fbaa1a; transform: translate(50%, -50%); color:#fff; width: 20px; height: 20px; border-radius: 30px; display: flex; align-items: center; justify-content: center;}
.osProduct_content{ width: 58.3333%; margin-left: auto;}
.osProduct_name{ width: 100%; display: flex; justify-content: space-between; gap: 5px; margin-bottom: 4px;}
.osProduct_name a{ text-decoration: none;}
.osProduct_name .osProduct_title{ color: #0f3f83; font-size: 0.857143rem; display: block; font-weight: bold;}
.osProduct_name .osProduct_price{ color: #0f3f83; font-size: 0.857143rem; font-weight: bold; white-space: nowrap;}
.osProduct_content p{ color: #0f3f83; font-size: 0.857143rem;}
.order_shipment p{ display: flex; align-items: center; justify-content: space-between; color: #0f3f83; font-size: 1.07143rem;}

.orderChatnow{ padding: 30px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 10px; margin-top: 50px;}
.orderChatnow h6{ font-weight: 600; margin-bottom: 20px; color: #0f3f83;}
.orderChatnow .chatnow_btn{ background-color: #0f3f83; border-radius: 30px; font-weight: bold; padding: 12px 40px; gap: 10px; font-size: 18px;}
.orderChatnow .chatnow_btn svg{ font-size: 24px;}
.orderChatnow .chatnow_btn:hover{ background-color: rgb(11, 45, 101); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;}

/*Checkout page css start*/
.checkout_wrap{ display: flex; flex-wrap: wrap;}
.mobile_checkout_logo{ display: none;}
.checkout_form{ width: 58.3333%; padding: 42px 10% 8%;}
.checkout_products{ width: 41.6667%; padding: 66px 7%; background: rgb(238, 247, 254);}

.checkout_logo{ padding-bottom: 20px; text-align: center;}
.checkout_logo img{ max-width: 256px;}
.checkout_login{ padding-bottom: 20px;}
.checkout_login_row{ display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 20px;}
.checkout_form .common_form .MuiInputBase-formControl{ background: #fff;}
.checkout_form .common_form .calendarIcon .MuiInputBase-formControl:after{ content: ""; background: #fff url(../public/images/calendar-icon.svg) right center no-repeat; position: absolute; right: 15px; width: 24px; height: 24px; pointer-events: none;}
.country_select{ display: flex; flex-direction: column;}
.input_container{ display: flex; gap: 20px;}
.address_container{ display: flex; gap: 20px;}
.address_container .input_field{ width: 25%;}
.address_container .input_field:first-of-type{ width: 75%;}
.shipping_radio_group{ width: 100%;}
.shipping_radio_group label{ width: 100%; border: 1px solid rgb(157, 177, 206); margin: 0; padding: 5px;}
.shipping_radio_group label .MuiRadio-root{ color: #0f3f83;}

.payment_card_row{ gap: 10px;}
.payment_card{ display: flex; align-items: center; border: 1px solid rgb(235, 233, 235); border-radius: 1rem; padding: 0 8px 0 12px; transition: all 0.25s ease-in 0s;}
.payment_card:hover{ background-color: rgba(15, 63, 131, 0.04); border-color: #0f3f83;}
.payment_card .iconify{ font-size: 30px; margin-right: 0.8rem; margin-left: 6px; color: #000; flex-shrink: 0;}
.payment_card label{ margin: 0; padding: 18px 0; width: 100%; display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;}
.payment_card label .MuiFormControlLabel-label{ font-size: 1rem; font-weight: 500; text-transform: uppercase;}
.payment_card label .MuiRadio-root{ color: #0f3f83;}

.checkout_terms{ padding: 20px 0;}
.checkout_terms label{ margin-right: 0; align-items: flex-start;}
.checkout_terms label .MuiCheckbox-root{ color: #0f3f83; padding-top: 0;}
.checkout_terms label .MuiFormControlLabel-label{ font-size: 0.857143rem; font-family: "Poppins", sans-serif; letter-spacing: 0;}
.checkout_terms label .MuiFormControlLabel-label a{ font-weight: bold; color: #0f3f83; text-decoration: none;}





/*Responsive css start*/
@media only screen and (max-width: 1500px) {
    .login_content{ padding: 4rem;}
    .cartFaq_wrap{ padding: 40px;}
}
@media only screen and (max-width: 1439px) {
    .product_row{ grid-template-columns: repeat(3,minmax(0,1fr));}
    .questionnaire_title h6{ padding: 30px;}
    .question_login{ padding: 20px 30px;}
    .qsnans_box{ padding: 30px;}
    .orderList_image .view_order_btn{ display: none;}
    .view_order_button_tablet{ display: block;}
    .checkout_form{ padding: 40px;}
    .checkout_products{ padding: 40px;}
    .order_success_wrap .osLeft{ padding: 40px;}
    .order_success_wrap .osRight{ padding: 40px;}
}
@media only screen and (max-width: 1199px) {
    .header_end .account_icon.menu_icon{ display: flex;}
    .shipping_block .MuiGrid-item{ padding: 0 18px;}
    .home_services .MuiGrid-item{ max-width: calc(50% - 8px);}
    .login_content{ padding: 2rem;}
    .login_content h2{ font-size: 36px;}
    .blog_welcome h1{ font-size: 36px;}
    .blog_welcome p{ max-width: 100%;}
    .new_post_box{ gap: 30px;}
    .blog_post_grid.new_post_box{ grid-template-columns: 1fr 1fr;}
    .blogDetails .bdContent{ padding-right: 10px;}
    .contact_inner{ grid-template-columns: 1fr;}
    .dashboard_sidebar{ width: 30%;}
    .dashboard_content{ width: 70%; padding-left: 20px;}
    .cartFaq_form_container{ gap: 40px;}
    .checkout_wrap{ flex-direction: column-reverse;}
    .checkout_form{ width: 100%;}
    .checkout_products{ width: 100%;}
    .checkout_logo{ display: none;}
    .mobile_checkout_logo{ display: block; order: 1; text-align: center; padding: 15px 0;}
    .mobile_checkout_logo img{ max-width: 192px;}
    .order_success_wrap{ flex-direction: column-reverse; padding-top: 25px;}
    .order_success_wrap .osLeft{ width: 100%;}
    .order_success_wrap .osRight{ width: 100%;}
}
@media only screen and (max-width: 991px) {
    .search_bar form input{ padding-left: 13px;}
    .shipping_block{ padding-top: 20px;}
    .shipping_block .MuiGrid-item{ padding: 15px;}
    .rating_block.MuiGrid-item{ max-width: 100%; padding: 40px 0;}
    .home_services .MuiGrid-item a img{ width: 32px;}
    .spc_wrap .spc_img img{ max-width: 100%;}
    .spc_wrap .spc_content{ padding-top: 30px;}
    .faq_home .faq_accordion{ padding-top: 50px; column-gap: 2rem;}
    .faq_home_items{ width: calc(50% - 16px);}
    .ocs_title{ margin: 0 !important;}
    .customer_service{ padding-top: 0;}
    .customer_service .csb{ gap: 1.5rem;}
    .customer_service .customer_service_bx{ width: calc(50% - 12px);}

    .login_right{ padding: 40px 20px;}
    .product_row{ grid-template-columns: repeat(2,minmax(0,1fr));}
    .blog_welcome{ padding: 40px 0;}
    .blog_welcome h1{ font-size: 30px; margin-bottom: 20px;}
    .new_posts{ padding: 40px 0;}
    .new_posts h2{ font-size: 24px;}
    .new_post_box{ margin-top: 40px; grid-template-columns: 1fr;}
    .new_post_box .npContent h3{ font-size: 20px;}
    .bopc_wrap h2{ font-size: 24px;}
    .bopc_wrap .navigation-wrapper{ padding: 26px 30px 0;}
    .blog_post_grid.new_post_box { grid-template-columns: 1fr;}
    .blogDetails{ padding: 40px 0;}
    .blogDetails .bdContent{ padding: 0 0 50px; gap: 1.5rem;}
    .blogDetails .bdContent h1{ font-size: 24px;}
    .blogDetails .bdContent h2{ font-size: 20px;}
    .blogDetails .bdContent h3{ font-size: 18px;}
    .contact_wrap{ padding: 50px 0;}
    .contact_inner{ gap: 40px;}
    .contact_content h1{ font-size: 36px;}
    .pagination_box{ padding-top: 40px;}

    .dashboard_wrap{ padding-top: 40px; padding-bottom: 40px;}
    .dashboard_sidebar{ width: 100%;}
    .dashboard_content{ width: 100%; padding: 20px 0 0;}
    .dashboard_content .address_box .address_action_btns{ margin-top: 1rem; align-items: flex-start;}
    .product_detail_slider{ height: 400px;}
    .pd_content{ padding-top: 20px;}
    .pd_content h1{ font-size: 30px;}
    .pd_content .pd_price{ font-size: 24px;}
    .pd_content .pd_error_box{ width: 100%;}
    .pd_content .pd_total_price{ font-size: 30px;}
    .pdtbs_content .pdtbs_title{ text-align: center;}
    .pdPageContent{ margin: 20px 0 0;}
    .related_products{ padding: 40px 0;}
    .related_products h2{ font-size: 24px;}
    .related_products .navigation-wrapper{ padding: 26px 30px 0;}

    .cartFaq_wrap{ padding: 20px;}
    .questionnaire_title h6{ padding: 20px; font-size: 20px;}
    .question_login{ padding: 20px;}
    .qsnans_box{ padding: 20px;}
    .question_row .question_title{ max-width: 80%;}
    .completion_time_box{ padding: 20px;}
    .completion_time_box h6{ font-size: 20px;}
    .progress_bar_box{ padding: 20px 0;}
}
@media only screen and (max-width: 899px) {

    .legal_header h1{ font-size: 36px;}
    .legal_content .pageContent{ margin: 20px 0 0;}
    .legal_faq{ padding: 20px 0 0;}
    .result_box ul li a .result_viewbtn{ display: none;}
    .bopc_wrap .navigation-wrapper.blogSlider{ padding-bottom: 40px;}
    .bopc_wrap .navigation-wrapper.blogSlider .bsal{ top: auto; left: 45%; transform: none;}
    .bopc_wrap .navigation-wrapper.blogSlider .bsar{ top: auto; right: 45%; transform: none;}
    .blogDetails .bopc_wrap{ position: static;}
}
@media only screen and (max-width: 767px) {
    div.container{ padding: 0 16px;}
    .top_bar p{ font-size: 14px;}
    .header_end .account_icon{ font-size: 0;}
    .header_end .account_icon + .account_icon{ margin-left: 18px;}
    .header_end .account_icon .cart_count{ width: 20px; height: 20px; font-size: 12px; right: -14px; top: -7px;}
    .logo{ padding-bottom: 16px;}
    .shipping_block .MuiGrid-item{ padding: 10px;}
    .rating_block.MuiGrid-item h1{ font-size: 20px;}
    .rating_block.MuiGrid-item p{ font-size: 14px;}
    .rating_block.MuiGrid-item{ padding-bottom: 5px;}
    .home_services .MuiGrid-item{ max-width: 100%;}
    .packaging_wrap{ padding: 50px 0;}
    .packaging_wrap .packaging_inner{ flex-wrap: wrap; gap: 3rem;}
    .packaging_content{ order: 2;}
    .faq_home{ padding: 50px 0;}
    .faq_home_title{ font-size: 24px !important;}
    .faq_home .faq_accordion{ padding-top: 30px;}
    .faq_home_items{ width: 100%;}
    .ocs_wrap { padding: 50px 0 40px;}
    .ocs_title{ font-size: 24px !important;}
    .ocs_wrap .navigation-wrapper{ padding: 30px 0;}
    .navigation-wrapper .arrow.arrow--left, .navigation-wrapper .arrow.arrow--right{ display: none;}
    .customer_service{ flex-wrap: wrap !important; padding-top: 10px;}
    .customer_service .csb{ padding-top: 0;}
    .customer_service .customer_service_bx{ background-color: #ddf0ff; padding: 8px; border-radius: 8px;}
    .footer_wrap{ text-align: center;}
    .footer_wrap .footer_logo{ max-width: 100%; flex-basis: 100%;}
    .footer_wrap .footer_col{ max-width: 100%; flex-basis: 100%;}
    .footer_wrap ul li{ justify-content: center;}
    .footer_wrap .footer_brands{ flex-wrap: wrap; justify-content: center;}

    .product_row{ grid-template-columns: repeat(1,minmax(0,1fr)); padding-top: 15px;}
    .bopc_wrap .navigation-wrapper{ padding: 25px 0 0;}
    .register_today{ background-position: right;}
    .register_today h4{ font-size: 20px; line-height: normal;}
    .register_today p{ font-size: 18px;}
    .dashboard_content .address_box{ padding: 20px;}
    .dashboard_content .address_addedit_form{ padding: 0px 20px 20px 0;}
    .pd_content h1{ font-size: 27px;}
    .pd_content .pd_price{ font-size: 22px; margin-top: 20px;}
    .pd_content .pd_total_price{ font-size: 27px;}
    .pd_content .pd_qty_row{ flex-direction: column; gap: 20px; align-items: flex-start;}
    .pd_content .pd_qty_row .button1{ margin-left: 0; width: 100%;}
    .pd_content .prescription_fee a{ padding: 20px 0;}
    .related_products .navigation-wrapper{ padding: 25px 0 0;}

    .cartFaq_logo{ max-width: 50%;}
    .questionnaire_title h6{ flex-direction: column; font-weight: bold; text-align: center;}
    .qsnans_form .question_row{ flex-direction: column; gap: 15px; align-items: flex-start;}
    .question_row .question_title{ max-width: 100%;}
    .question_row .question_title .question_number{ width: 30px; height: 30px; font-size: 1rem; font-weight: normal;}
    .question_row .question_control{ margin-left: 0;}
    .cartFaq_success{ padding-top: 0;}
    .cartFaq_success h3{ font-size: 1.21429rem;}
    .cartFaq_success p{ font-size: 1.07143rem;}
    .orderList{ padding: 30px 20px;}
    .orderList_details{ flex-direction: column; gap: 1rem;}
    .orderList_content .orderId{ font-size: 1.07143rem;}
    .os_total{ width: 100%;}
    .order_summary_row .order_summary_content .os_name{ font-size: 1rem;}
    .order_summary_row .order_summary_content p{ font-size: 14px;}
    .order_summary_row .order_summary_content .os_price{ font-size: 18px;}

    .bopc_wrap .navigation-wrapper.blogSlider .bsal{ left: 40%;}
    .bopc_wrap .navigation-wrapper.blogSlider .bsar{ right: 40%;}
    .cart_empty h4{ font-size: 1.4993rem;}
    .checkout_products{ padding: 20px;}
    .checkout_form{ padding: 20px;}
    .input_container{ flex-wrap: wrap;}
    .address_container{ flex-wrap: wrap;}
    .address_container .input_field{ width: 100%;}
    .address_container .input_field:first-of-type{ width: 100%;}
    .order_success_wrap{ padding-top: 16px;}
    .order_success_wrap .osLeft{ padding: 30px 0;}
    .order_success_wrap .osRight{ padding: 20px;}
    .orderChatnow{ margin-top: 30px; padding: 20px;}
    .orderChatnow .chatnow_btn{ padding: 12px 28px; font-size: 16px;}
    .orderChatnow .chatnow_btn svg{ font-size: 20px;}
    .order_nmbr{ flex-direction: column; font-size: 18px;}
    .order_thankYou{ font-size: 20px; text-align: center; font-weight: 500;}
    .osDetail_bx{ padding: 20px; margin-top: 20px;}
    .osDetail_bx h3{ font-size: 20px; font-weight: 500;}
    .osDetail_bx .userOrderDetailsBx{ flex-wrap: wrap;}
    .osDetail_bx .userOrderDetails{ width: 100%;}
    .viewOrder_btn{ padding-top: 20px;}
    .breadcrumbs ol{ justify-content: center;}
}
@media only screen and (max-width: 599px) {

    .search_bar{ order: 4;}
    .logo img{ max-width: 150px;}
    .login_form_inner{ max-width: 100%;}
    .login_form_inner .firstName{ width: 100%;}
    .menuDrawer{ width: 100vw;}
    .legal_header h1{ font-size: 30px;}
    .legal_content{ padding: 40px 0;}
    .legal_content .pageContent{ padding: 20px;}
    .result_box ul li a .result_prdimg{ max-width: 80px;}
    .product_detail_slider{ height: 350px;}
    .cartDrawer{ padding: 20px;}
    .cart_empty h4{ font-size: 1.35714rem;}
    .top_bar p{ font-size: 11px; align-items: center;}
}