@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
    --primary-color: #f42323 !important;
    --primary-color-onhover: #d21e1e !important;
    --border-focus: solid 1px #f42323 !important;
    --primary-soft: #ffebee !important;
    --primary-soft-onhover: #ffcdd2 !important;
}

.btn-outline-primary {
    --bs-btn-color: #f42323 !important;
    --bs-btn-border-color: #f42323 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #f42323 !important;
    --bs-btn-hover-border-color: #f42323 !important;
    --bs-btn-active-bg: #f42323 !important;
    --bs-btn-active-border-color: #f42323 !important;
}

.btn-primary {
    background-color: #f42323 !important;
    border-color: #f42323 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #d21e1e !important;
    border-color: #d21e1e !important;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
a { text-decoration: none;  color: inherit; }
h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; padding: 0; }

body {font-family: "Ubuntu", sans-serif;}
ul {list-style: none;margin: 0; padding: 0;}





/*--Topbar--*/
.social_links ul {list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-start; gap: 15px;}
.top_bar {background: #f42323; padding: 12px 0;}
.social_links ul li a { background: #fff; color: #000; border-radius: 55px; height: 30px; width: 30px; display: flex ; justify-content: center; align-items: center; }
.email_top_bar {text-align: right;}
.email_top_bar a {color: #fff !important;}
.email_top_bar a i {color: #000 !important;}
.top_location p {color: #fff; line-height: 22px;}
.top_location { display: flex ; gap: 9px; align-items: flex-start; }
.top_location a i { color: #fff; font-size: 20px; margin-top: 3px;}

/*--Header Part--*/
.header_main {background: #fff;}
.header_main .home_menu_left ul {list-style: none; margin: 0; padding: 0; display: flex; gap: 20px;}
.header_main .home_menu_left ul li a {text-transform: uppercase; font-weight: 700;}
.logo_search {display: flex; align-items: center; justify-content: space-between;}
.search_header input {padding: 8px 15px; border: 1px solid #ccc; border-radius: 25px; position: relative; width: 100%;}
.search_header input:focus {border: 1px solid #333; outline: none;}
.search_header {position: relative; flex: 1;}
.search_header i {position: absolute; top: 50%; left: 90%; transform: translate(-50%, -50%); cursor: pointer;}
.logo { margin-right: 15px; flex: 1;}
header { padding: 8px 0 0 0; }

.header_right > ul {display: flex; gap: 2em; justify-content: flex-end;}
.header_right ul li a { text-transform: uppercase; display: flex ; align-items: center; gap: 7px; }
.header_right ul li a i {font-size: 18px;}
.header_right ul.dropdown-menu li a { transition: all 0.5s ease; padding: 7px 7px; text-transform: capitalize; }
.header_right ul.dropdown-menu li a img {width: 18px; margin-right: 5px;}
.header_right ul.dropdown-menu .dropdown-item:hover img { filter: brightness(0) invert(1); }
.header_right ul.dropdown-menu li a:hover {background:#163a69; color: #fff;}
.header_right ul.dropdown-menu { width: 180px; margin-top: 12px; border: none; box-shadow: 0 3px 9px rgba(0, 0, 0, .15); }

.sub_head ul {display: flex; gap: 35px;}
.sub_head ul li a {position: relative;color: #fff; transition: all 0.5s ease;}
.sub_head ul li a:hover {opacity: 0.8;}
.sub_head ul li a:after {background: #fff; width: 1px; height: 100%; content: ''; position: absolute; right: -17.50px;top: 0;}
.precptions-upload ul { display: flex ; gap: 35px; justify-content: flex-end; }
.sub_head ul li:nth-last-child(1) a:after {display: none;}
.precptions-upload ul li a {color: #fff;text-shadow: 0 0 9px #000;}


/*--Banner Part--*/
.banner_part {background: linear-gradient(223.23deg, #fff0f070 -39.74%, #f9e0db 94.44%); overflow: hidden !important; }
.banner_top h2 { font-size: 16px; color: #333; margin: 0; line-height: 32px; }
.banner_top h4 { color:#000; font-weight: 800; font-size: 33px; margin: 0; }
.banner_part { padding:0px 0px 0px 0; overflow: hidden !important; }
.banner_top {padding:80px 0;}
.banner_top .tabs_banner_search_data { margin-top: 30px; background:#F42323; padding: 35px; border-radius: 12px; }
.banner_top h4 span {color:#ffdadd;}

.tabs_banner_search_data .nav-item .nav-link.active { border: 1px solid #f42323; border-radius: 10px; font-weight: 600; color: #FF0F0F; background: #fff; }
.tabs_banner_search_data .nav-item .nav-link { background: #f42323; color: #fff; font-weight: 600; border: 1px solid #fff; }
.tabs_banner_search_data #myTab { padding: 0; border: none; gap: 20px; justify-content: space-between; }
.banner_discount { margin-right: 0px !important; height: 100% !important; }
.banner_discount .swiper { height: 100% !important; border-radius: 0 !important; }
.banner_discount .swiper-slide { height: 100% !important; }

.search_by_package input { border: 1px solid #d9d9d9; flex: 1; padding: 7px 15px; border-radius: 25px; margin-right: 12px; }
.search_by_package {display: flex;}
#myTabContent {margin-top: 20px;}
.search_by_package button { padding: 8px 25px; border-radius: 25px; border: none; background: #121212; color: #fff;}
.upload_prescription .tab-main-content-box input { background: #fff; border: 1px solid #d9d9d9; flex: 1; padding: 7px 15px; border-radius: 25px; margin-right: 12px; }
.upload_prescription .tab-main-content-box button { padding: 8px 25px; border-radius: 25px; border: none; background: #121212; color: #fff;}
.tab-search-box .input-field-box {display: flex;}
.upload_prescription .tab-main-content-box input {-webkit-appearance: none;}
.upload_prescription .file-requirement { margin-bottom: 10px !important; display: inline-block;color: #fff; }

#myTabContent { margin-top: 20px; }
.tabs_banner_search_data .nav-tabs {border: none;}
.navigation_menu_subhead {position: relative; z-index: 9; background: #000;margin-top: 7px;}

.sample_collection {margin: 0;}
.sample_collection ul { display: flex ; margin-top: 20px; }
.sample_collection ul li i { background: #F42323; color: #fff; width: 60px; height: 60px; font-size: 28px; display: inline-flex ; align-items: center; justify-content: center; border-radius: 50%; }
.sample_collection ul li { display: flex; align-items: center; }
.sample_collection ul li span {margin-right: 10px;}


/*--Popular Packages--*/
.popular_packages {padding: 60px 0; background: #fff !important;}
.popular_packages .pop_Packages h2 { text-transform: uppercase; color: #000; text-align: center; font-weight: 800;margin-bottom: 8px; }
.popular_packages .pop_Packages {text-align: center;}
.popular_packages .pop_Packages p { font-size: 16px; }

.pop_pack_sl .slick-next, .pop_pack_sl .slick-prev {top:-35px; right: 0; position: absolute; z-index: 100; background-color: #00000000; color: white; border-radius: 50%; }
.pop_pack_sl .slick-prev { right: 50px !important; }
.pop_pack_sl .slick-slide > div {margin: 0 8px;}

.pop_pack_sl .slick-prev:before, .pop_pack_sl .slick-next:before { color: #000; font-size: 38px !important; font-family: none;}
.pop_pack_sl .slick-prev { right:70px !important; left: auto; }
.pop_pack_sl .slick-next {right: 25px;}
.popular_test_Package {text-align: center;}
.popular_profile_hm {text-align: center;} 
/*--lifestyle_packages--*/
.lifestyle_packages .container { border-radius: 30px; padding: 40px 80px; background: linear-gradient(223.23deg, #fff -39.74%, #f9e0db 94.44%); }
.life_left_Packages h2 { margin-bottom: 15px; font-weight: 600; }
.life_left_Packages p {line-height: 28px;}
.life_left_Packages a { margin-top: 15px; display: inline-block; font-size: 22px; text-decoration: underline; }
.package_slider .main_sl_pack { background:#ffffff; padding: 15px; border-radius: 25px; border: 1px solid #e3e3e3;}
.package_slider .description_pack { text-align: center; padding: 25px 0 0 0; }
.package_slider .description_pack h5 {margin-bottom: 15px; font-size: 20px; text-transform: capitalize;}
.package_slider .slick-prev { left: -20px; border-radius: 50%; z-index: 999; }
.package_slider .slick-next { right: 0px; border-radius: 50%; }
.package_slider .slick-next:hover, .package_slider .slick-prev {color: #000 !important;}
.package_slider .slick-prev:before, .package_slider .slick-next:before {  font-family: unset;  font-size: 41px; color: #000;}
.package_slider .cov_pop {cursor: pointer;}
.life_bn .banner_top {padding: 15px 0;}
.life_bn {background: #ffe6e6 !important;}
.life_bn .banner_top h2 {color: #000 !important;}
.lifestyle_package_test_include .liftpac_pop {margin-bottom: 0;}
.lifestyle_package_test_include .liftpac_pop.included-test-listing li { margin-bottom: 14px; }
.lifestyle_package_test_include .liftpac_pop.included-test-listing li .test-list-box { align-items: center; display: flex ; flex-direction: row; justify-content: space-between; }
.lifestyle_package_test_include .liftpac_pop.included-test-listing li .test-list-box .test-title { max-width: 60%;color: #818181; }
.lifestyle_package_test_include .liftpac_pop.included-test-listing li .test-list-box .cart-btn { cursor: pointer; font-size: 16px; font-weight: 700; color: #fff; background:#89a4c7; width: 156px; min-height: 38px; flex: 0 0 115px; max-width: 115px; text-align: center; display: flex ; align-items: center; justify-content: center; border-radius: 30px; }
.lifestyle_package_test_include .liftpac_pop.included-test-listing li .test-list-box .cart-btn.active {background: #ff0000;}
.lifestyle_package_test_include .liftpac_pop.included-test-listing li .test-list-box .cart-btn:hover {background: #000;}
.lifestyle_package_test_include .liftpac_pop.included-test-listing li:last-child {margin-top: 25px; margin-bottom: 0; border-top: 1px solid #222; padding-top: 12px; }
.lifestyle_package_test_include .liftpac_pop.included-test-listing .checkout-btn:disabled { cursor: not-allowed !important; max-width: 100%; width: 100%; padding: 8px 15px; border-radius: 28px; border: none; background: #ebebeb; color: #9d9d9d; cursor: pointer; }
.lifestyle_package_test_include .modal-body { padding-top: 25px; }
.lifestyle_package_test_include .liftpac_pop.included-test-listing .checkout-btn { max-width: 100%; width: 100%; padding: 8px 15px; border-radius: 28px; border: none; background: #000; color: #fff; cursor: pointer; }
.lifestyle_package_test_include .liftpac_pop.included-test-listing li .test-list-box .test-title.active {color: #000;}
.lifestyle_package_test_include .liftpac_pop.included-test-listing .checkout-btn:hover {background: #ff0000;}
.lifestyle_package_test_include .liftpac_pop.included-test-listing .checkout-btn:disabled:hover {background: #ebebeb; color: #9d9d9d;}
/*--popular_test_Packages--*/
.popular_test_Packages {padding: 60px 0;}
.popular_test_Packages .popular_test_Package h2 { text-transform: uppercase; color: #000; text-align: center; font-weight: 800;margin-bottom: 8px; }
.package_medical { box-shadow: 0 4px 25px hsla(0, 0%, 56%, .1);background: #fff; text-align: center; padding: 25px; border-radius: 12px; height: 100%; }
.package_medical .pack_name h4 { color: #333; font-size: 20px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.package_medical .package_price { color: #333; font-size: 20px;line-height: 35px; }
.package_medical .package_add .btn { padding: 7px 25px; color: #fff; border-radius: 25px; background: #000; }
.package_medical .package_add {margin-top: 5px;}
.package_price i {font-size: 20px;}
.package_medical .pack_name {margin-bottom: 15px;}
.package_medical .package_price {margin-bottom: 15px;}
.package_medical .icon_medical { width: 60px; height: 60px; background: #ff0000; font-size: 22px; color: #fff;display: flex ; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 20px;}

/*--popular_test_Packages--*/
#popularprofile .container, .popular-products-container { background: linear-gradient(135deg, #f0f4f8 0%, #e2ebf4 100%) !important; padding: 35px !important; border-radius: 25px !important; }
#popularbrands .container, .best-sellers-container { background: linear-gradient(223.23deg, #ffffff -39.74%, #f9e0db 94.44%) !important; padding: 35px !important; border-radius: 25px !important; }
.popular_profiles_hm {padding: 0 0 60px 0; background: #fff;}
.popular_profiles_hm .popular_profile_hm h2 { text-transform: uppercase; color: #000; text-align: center; font-weight: 800;margin-bottom: 8px; }
.pprofile_blb { box-shadow: 0 4px 25px hsla(0, 0%, 56%, .1); background: #fff; text-align: center; padding: 25px; border-radius: 12px; height: 100%; }
.pprofile_blb .pack_name h4 {color: #333; font-size: 20px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pprofile_blb .package_price { color: #333; font-size: 20px;line-height: 35px;  }
.pprofile_blb .package_add .btn {background: #000; color: #fff; padding: 7px 25px; border-radius: 25px;}
.pprofile_blb .package_add {margin-top: 5px;}
.pprofile_blb i {font-size: 20px;}
.pprofile_blb .pack_name {margin-bottom: 15px;}
.pprofile_blb .package_price {margin-bottom: 15px;}
.pprofile_blb .icon_medical { width: 60px; height: 60px; background: #ff0000; font-size: 35px; color: #fff; display: flex ; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 20px;}
.pprofile_blb .icon_medical img {border-radius: 50%; width: 100%; object-fit: cover; height: 100%;}
.package_medical .icon_medical  img {border-radius: 50%; width: 100%; object-fit: cover;}
.explore_text p {text-align: center;}
.popular_test_Packages .package_add .btn-light:hover {background: #000; color: #fff; border-color: #000;}
.popular_profiles_hm .package_add .btn-light:hover {background: #000; color: #fff; border-color: #000;}
.package_medical .icon_medical img {height: 100%;}
.fallback-class {filter: brightness(0) invert(1);}
/*--Why Choose--*/
.whychoose { background: #ececec; padding: 60px 0; }
.whychoose .head_why_hm h2 { text-transform: uppercase; color: #000; text-align: center; font-weight: 800; margin-bottom: 8px; }

/*--Testimioanl--*/
.testimional_hm { padding: 60px 0; background: url(/src/assets/images/testim_bg.webp); background-size: contain; background-repeat: no-repeat; background-position-y: bottom; }
.testimional_hm .testimional_head h2 { text-transform: uppercase; color: #000; text-align: center; font-weight: 800; margin-bottom: 8px; }
.testimional_hm .wrap_testimional {padding-top: 15px; border-radius: 12px;  border: 1px solid #efefef; background: #fff;}
.testimional_hm .wrap_testimional .person_profile img { width: 140px; margin: 0px auto; border-radius: 50%;}
.testimional_hm .testimional_comment { padding: 15px; text-align: center; margin-top: 30px; }
.testimional_hm .name_person { text-align: center; border-top: 1px solid #000; padding: 15px 0; }
.testimional_hm .name_person h4 {font-weight: 700;}
.testimional_hm .testimional_head { margin-bottom: 0px; }
.testimional_hm .wrap_testimional .testi_quote { background: #f42323; width: 50px; height: 50px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; margin: -25px auto; z-index: 999; position: relative; }
.testimional_hm .slick-prev { right: 70px !important; left: auto; }
.testimional_hm .slick-prev:before, .testimional_hm .slick-next:before { color: #000; font-size: 38px !important; font-family: none; }
.testimional_hm .slick-prev:before { content: '←'; }
.testimional_hm .slick-next:before { content: '→'; }
.testimional_hm .slick-next, .testimional_hm .slick-prev { top: -35px; right: 0; position: absolute; z-index: 100; background-color: #00000000; color: white; border-radius: 50%; }
.testimional_hm .slick-next { right: 25px; }
.testimional_hm .slick-slide > div {margin: 0 8px;}

/*--Footer--*/
.contact_phone {border-bottom: 1px solid #000;}
.contact_number ul {display: flex; justify-content: flex-end; gap: 12px;}
.contact_number ul li a {font-weight: 700;}
.contact_number ul li a:hover {text-decoration: underline;}
.footer_about h3 { font-size: 22px; font-weight: 800; margin-bottom: 15px; position: relative; padding-bottom: 8px; }
.footer_about .bt_ft_ab > a {background: #000; color: #fff; padding: 9px 15px; transition: all 0.5s ease;}
.footer_about .bt_ft_ab p {margin-bottom: 15px; text-align: justify;}
.footer_about h3:after {position: absolute; content: ''; bottom: 0; width: 100%; background: #000; height: 1px; left: 0;}
.footer_about .bt_ft_ab ul li {margin: 14px 0; }
.footer_about .bt_ft_ab ul li i {transition: all 0.5s ease;  border: 1px solid #000; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer_about .bt_ft_ab ul li a {display: flex; gap: 15px; align-items: center;}
.footer_about .bt_ft_ab.location_ft ul li button {background: none; border: none;}
.bt_ft_ab.menu_ft ul {padding-left: 25px;}
.bt_ft_ab.menu_ft ul li {position: relative;}
.bt_ft_ab.menu_ft ul li:before {transition: all 0.5s ease; left: -15px; content: ''; width: 5px; height: 5px; background: #333; position: absolute; border-radius: 50%; top: 9px;}
.bt_ft_ab.location_ft ul li {margin: 2px 0; }
.bt_ft_ab.location_ft ul li {position: relative; width: 45%;}
.bt_ft_ab.location_ft ul li:before {transition: all 0.5s ease; left: -15px; content: ''; width: 5px; height: 5px; background: #333; position: absolute; border-radius: 50%; top: 9px;}
.bt_ft_ab.location_ft ul {padding-left: 25px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.bt_ft_ab.location_ft ul li:hover:before, .bt_ft_ab.menu_ft ul li:hover:before {width: 10px;}
.bt_ft_ab.social_ic a:hover i {background: #000; color: #fff;}

.copyright {border-top: 1px solid #000; text-align: center; padding: 15px 0;}
.copyright img {width: 42px;}

.footer_about .bt_ft_ab > a:hover {background: #f42323;}

.breadcrumb {
    background: transparent !important;
    padding: 0;
    margin-bottom: 20px;
}
.breadcrumb-item a {
    color: #000 !important;
    text-decoration: none;
}
.breadcrumb-item a:hover {
    color: #f42323 !important;
}
.breadcrumb-item.active {
    color: #f42323 !important;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #000 !important;
}
.breadcrumb .banner_top h2 {font-size: 27px; font-weight: bold;}
.about_our_company .about_cmny h2 {font-size: 26px; color: #000; font-weight: bold; margin-bottom: 15px;}
.about_our_company {padding: 70px 0;}
.about_our_company .about_cmny p {margin-bottom: 20px; text-align: justify;}
.about_our_company .img_right img {filter: drop-shadow(7px 0px 1px #f42323);-webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate;}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}


.numbers_we_achieve h2 { text-align: center; font-size: 26px; font-weight: bold; color: #ffffff; margin-bottom: 35px; }
.numbering ul { list-style: none; margin: 0; display: flex ; justify-content: center; gap: 40px; }
.numbering ul li {transition: all 0.5s ease; background: #fff; border: 1px solid #d9d9d9; width: 22%; padding: 35px 15px; border-radius: 25px; text-align: center; box-shadow: 0 0 26px #ccc; font-weight: bold !important; }
.numbering ul li img {margin-bottom: 15px;width: 90px;}
.numbering ul li h2 {font-weight: bold;}
.head_test_list {font-size: 22px; font-weight: 600;}
.numbers_we_acquired { background-image: url('../images/close_up.webp'); padding: 45px 0; background-blend-mode: color; background-color: #0000008a; background-attachment: fixed; }
.numbering ul li:hover {box-shadow: 12px 12px 0px #f76c82;}


/*--why_us_ab--*/
.why_us_ab { padding: 70px 0; background: rgba(238, 116, 39, .12); }
.why_us_ab .our_benefits h6 { color: #fff; background: #f42323; display: inline-block; padding: 7px 10px; margin-bottom: 10px; border-radius: 6px; }
.why_us_ab .our_benefits {text-align: center;}
.why_us_ab .our_benefits h3 {font-weight: bold;}

.blb_test ul li {display: flex;}
.blb_test ul li .left_head {text-align: right; margin-bottom: 40px;}
.blb_test ul li:nth-last-child(1) .left_head {margin-bottom: 0px;}
.blb_test ul li:nth-last-child(1) .right_head {margin-bottom: 0px;}
.blb_test ul li .right_head {text-align: left; margin-bottom: 40px;}
.blb_test ul li .left_head h3 {font-weight: 600;font-size: 22px;}
.blb_test ul li .right_head h3 {font-weight: 600;font-size: 22px;}


/*--partner_text--*/
.partner_sec { padding: 70px 0; background: #eee8e1; }
.partner_text h3 {font-size: 26px; font-weight: bold; color:#000; line-height: 36px; margin-bottom: 10px; display: inline-block;}
.partner_text h3 span {color:#f42323;}
.partner_form {box-shadow:0 0 18px #ccc; padding: 25px; border-radius: 25px;background: #fff;}
.partner_form input { border: 1px solid #000; border-radius: 5px; box-shadow: .1rem .1rem .1rem rgb(0 0 0 / 5%); box-shadow: 0 8px 11px #0000001f; padding: 10px 13px; }
.partner_form textarea { border: 1px solid #979797; background-color: #fff; color: #6a6a6a; font-size: 1.1rem; box-shadow: 0 8px 11px #0000001f;font-weight: 300; padding: 10px 13px; width: 100%; }
.partner_form input:focus, .partner_form textarea:focus {box-shadow: none; border: 1px solid #000;}
.partner_form h4 { color: #485c9d; text-align: center; font-size: 20px; font-weight: 800; line-height: 28px; margin-bottom: 30px; }
.partner_form label {margin-bottom: 12px;}
.btnContact {padding: 10px 15px; border-radius: 25px; transition: all 0.5s ease; background: #f42323; color: #fff; width: 100%; margin-top: 10px; border: 1px solid #f42323 !important; }
.btnContact:hover {background: #000; border: 1px solid #000 !important;}
.breadcrumb {margin-bottom: 0;}
.partner_form select { width: 100%; border: 1px solid #000; border-radius: 5px; box-shadow: .1rem .1rem .1rem rgb(0 0 0 / 5%); box-shadow: 0 8px 11px #0000001f; padding: 12px 13px; }
.partner_sec { padding: 70px 0; background: linear-gradient(90deg, rgba(238, 232, 225, 1) 62%, rgba(255, 255, 255, 1) 62%, rgba(255, 255, 255, 1) 99%); }
.ch_name {animation: mover 1s infinite alternate;}
.btn-underprocess { background: #ff6c00; color: #fff; border-radius: 25px; padding: 3px 8px; }
.underprocess { background: #ff6c00; color: #fff; border-radius: 25px; padding: 3px 8px; }

/*--Contact--*/
.contact_page {background: #eee; padding: 70px 0;}
.contact_page .row .col-md-5 {background: #50649d; padding: 22px; border-radius: 12px;}
.contact_page .row .col-md-5 .address_side h2 {color: #fff; margin-bottom: 20px; font-weight: bold;}
.contact_page .row .col-md-5 .address_side ul {}
.contact_page .row .col-md-5 .address_side ul li {display: flex; margin-bottom: 25px; color: #fff; align-items: center;}
.contact_page .row .col-md-5 .address_side ul li .left_ic {margin-right: 15px;}
.contact_page .row .col-md-5 .address_side ul li:hover i {background: #f42323; border-color: #f42323 !important;}

.contact_page_form {padding-top: 18px; padding-bottom: 18px;}
.contact_page_form { box-shadow: none; padding: 25px; border-radius: 0; background: #fff;border-radius: 12px; }
.contact_page_form input { border: 1px solid #000; border-radius: 5px; box-shadow: .1rem .1rem .1rem rgb(0 0 0 / 5%); box-shadow: 0 8px 11px #0000001f; padding: 10px 13px; }
.contact_page_form textarea { border: 1px solid #979797; background-color: #fff; color: #6a6a6a; font-size: 1.1rem; box-shadow: 0 8px 11px #0000001f;font-weight: 300; padding: 10px 13px; width: 100%; }
.contact_page_form input:focus, .partner_form textarea:focus {box-shadow: none; border: 1px solid #000;}
.contact_page_form h4 { color: #485c9d; text-align: center; font-size: 20px; font-weight: 800; line-height: 28px; margin-bottom: 30px; }
.contact_page_form label {margin-bottom: 12px;}
.btnContact { transition: all 0.5s ease; background: #f42323; color: #fff; width: 100%; margin-top: 10px; border: 1px solid #f42323 !important; }
.btnContact:hover {background: #000; border: 1px solid #000 !important;}
.contact_page_form input:focus, .contact_page_form textarea:focus {box-shadow: none; border: 1px solid #000;}

.contact_page .row .col-md-5 .address_side ul li .left_ic i { transition: all 0.5s ease; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; display: flex ; align-items: center; justify-content: center; }

.contact_banner {background: url(../images/contact_banner.webp) #000;}
.partner_banner {background: url(../images/partners_banner.webp) #000;}

.social_links ul li a:hover {background: #000; color: #fff;}
.social_links ul li a {transition: all 0.5s ease;}


/*--Login--*/
.login_pop .top_icon_login { text-align: center; display: flex ;  flex-direction: column; }
.login_pop .top_icon_login button {transition: all 0.5s ease; width: 100%; padding: 10px 25px; border-radius: 25px; border: none; background: #121212; color: #fff; }
.login_pop .right_icon input { border-radius: 25px; padding: 11px 60px; width: 100%; margin-bottom: 0; border: 1px solid #ccc; }
.login_pop .right_icon { width: 100%; }
.modal_login .modal-header {border-bottom: 0px !important;}
.modal_login .modal-content { border-radius: 20px; box-shadow: -15px 4px 37px rgba(0, 0, 0, .08); max-width: 380px; }
.modal_login .btn-close { opacity: 0.4; transition: all 0.5s ease; font-size: 14px; }
.modal_login .btn-close:hover {opacity: 1 !important;}
.modal_login .common-input-field-box {position: relative;}
.modal_login .common-input-field-box .phone-prefix-box { position: absolute; left: 19px; top: 11px; }
.login_pop .top_icon_login button:hover {background: #F42323;}
.login_pop .left_login { margin-bottom: 20px; }
.login_pop .modal-body { padding-top: 0; }
.login_pop .right_icon input:focus {border: 1px solid #333; outline: none;}
.login_pop span { color: #818181; font-size: 15px; line-height: 11px; }
.login_pop .modal.show .modal-dialog { transform: none; justify-content: center; }
.modal_login .modal-body {padding-top: 0 !important;}
.modal_login  .modal-dialog {box-shadow: none !important;}
.top_icon_login {text-align: left;}
.top_icon_login h4 {text-align: left; display: block; font-weight: bold; margin-bottom: 10px;}
.login_pop span { color: #818181; font-size: 15px; line-height: 20px; text-align: left; }

/*--PrivacyPages--*/
.policy_pages h1, .policy_pages h2, .policy_pages h3, .policy_pages h4, .policy_pages h5, .policy_pages h6 {font-weight: bold; margin-bottom: 20px;font-size: 22px;}
.policy_pages {padding: 70px 0;}
.policy_pages p {line-height: 24px; margin-bottom: 20px;}
.policy_pages ul {margin: 0 0; padding: 0 0 0 25px; list-style: disc;}
.black_pl {background-image: none; }
.black_pl .banner_top {padding: 20px 0;}
.policy_pages p span { background: linear-gradient(223.23deg, #fff -39.74%, #dbf5f9 94.44%); padding-left: 8px; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; border-radius: 6px; }
.common-input-field-box.otp_field input {padding: 10px 15px;}
.policy_pages p a {text-decoration: underline;}
.error-text {color: red;}
/*--Search Location Wise--*/
.modal_cities .cities_location { display: flex; justify-content: space-between;}
.modal_cities .cities_location .search_inp { flex:2.5; margin-right: 10px; }
.modal_cities .cities_location .detect_location {flex: 1;text-align: right;}
.modal_cities .cities_location .search_inp input { width: 100%; padding: 8px 12px 8px 38px; border-radius: 25px; border: 1px solid #ccc; }
.modal_cities .cities_location .detect_location button {background: #000; padding: 8px 12px;border-radius: 25px; color: #fff; font-weight: 400;}
.modal_cities .cities_location .search_inp {position: relative;}
.modal_cities .cities_location .search_inp img {position: absolute; left: 14px; top: 14px;}
.modal_cities .cities_location .search_inp input:focus {border: 1px solid #ccc; outline: none;}
.modal_cities .modal-dialog { transform: none; max-width: 680px; }


.popular_cities {margin: 35px 0;}
.popular_cities h4 {font-size: 20px; font-weight: 600; margin-bottom: 25px;}
.popular-cities-list {display: flex; justify-content:center; gap: 10px; flex-wrap: wrap;}
.popular-cities-list button { border: none; background: none; display: flex ; flex-direction: column; align-items: center; box-shadow: 0px 0px 31px #dddddd; padding: 11px; border-radius: 13px; border: 1px solid #ccc; }
.popular-cities-list .image-box { background: #eee; width: 60px; height: 60px; justify-content: center; align-items: center; display: flex ; border-radius: 50px; margin-bottom: 10px; padding: 7px; }
.popular-cities-list .image-box img { width: 100%; height: 72%; }

.all_cities h4 {font-size: 20px; font-weight: 600; margin-bottom: 25px;}
.cities_list_wise ul { display: flex ; flex-wrap: wrap; gap: 10px; }
.cities_list_wise ul li {width: 23%; }
.cities_list_wise ul li button { transition: all 0.5s ease; width: 100%; background: url(../images/destination_icon.png) no-repeat left 7px top 10px;padding:6px 0 6px 27px; background-size: 16px; border: 1px solid #eee; border-radius: 25px; padding-right: 5px; display: flex ; align-items: center; box-shadow: 5px 5px 16px #dddddd; margin-bottom: 10px;}
.cities_list_wise ul li button:hover { box-shadow: 2px 2px 8px #dddddd; }

/*--After Login User Profile Page--*/
.user_profile {padding: 70px 0;}
.user_sidebar { border-radius: 15px; padding: 12px; box-shadow: 0 2px 4px rgb(230 219 255 / 16%), 0 1px 13px 12px rgb(203 203 203 / 30%), inset 0 -3px 0px #d6d6e7; border: 1px solid #d9d9d9; }
.user_sidebar .top_user ul li.profile_user img { width: 65px; border-radius: 50%; height: 65px; object-fit: cover; }
.user_sidebar .top_user .number_user {font-weight: bold;}
.user_sidebar .top_user li.user_name h3 {font-size: 20px;text-transform: capitalize;}
.user_sidebar .top_user ul { display: flex ; align-items: center; gap: 20px; text-align: left; border-bottom: 1px solid #ccc; background: #000000; color: #fff; padding: 8px; border-radius: 51px; }
.user_sidebar .profile_list_menu ul li a {padding: 12px 15px; width: 100%; display: block;}
.user_sidebar .top_user {margin-bottom: 15px;}
.user_sidebar .profile_list_menu ul li a {display: flex; gap: 7px; padding: 12px 15px; width: 100%; border-bottom: 1px solid #e7e7e7; }
.user_sidebar .profile_list_menu ul li:nth-last-child(1) a {border-bottom: none;}
.user_sidebar .profile_list_menu ul li a:hover {background: #eee;}
.right_user_page {border: 1px solid #e5e5e5; border-radius: 25px; padding: 25px;box-shadow: 0 2px 4px rgb(230 219 255 / 16%), 0 1px 13px 12px rgb(203 203 203 / 30%), inset 0 -3px 0px #d6d6e7;}
.right_user_page .top_heading_user h3 {font-size: 22px;font-weight: bold; }
.right_user_page .top_heading_user {margin-bottom: 18px;}
.right_user_page .booking_table .book_tab thead tr th{background: #eee;}
.right_user_page .booking_table .book_tab tbody tr td {padding: 12px 8px;vertical-align: middle;}
.right_user_page .booking_table .book_tab tbody .action {display: flex; gap: 10px;}
.right_user_page .booking_table .book_tab tbody .action a { text-decoration: none; background: #000; padding: 7px 12px; border-radius: 25px; color: #fff; width: 116px; }

.right_user_page .form-user {display: flex; flex-wrap: wrap; gap: 10px;}
.right_user_page .form-user .name_label { width: 32%; margin-bottom: 8px; display: flex ; flex-direction: column; justify-content: end; }
.right_user_page .form-user .name_label input { width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #ccc; }
.right_user_page .form-user .name_label label {font-weight: 600; margin-bottom: 8px;}
.right_user_page .form-user .name_label select { width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #ccc; }
.right_user_page .form-user .name_label input:focus {outline: none;border: 1px solid #333; }
.right_user_page .form-user .name_label button {width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #000;  background: #000; color: #fff;}
.right_user_page .form-user .name_label button:hover {background: #f42323; border: 1px solid #f42323; outline: none; }


.user_history_tb .table .action a { text-decoration: none; background: #000; padding: 7px 15px; border-radius: 25px; color: #fff; }
.user_history_tb .table .action {display: flex; gap: 10px;}
.user_history_tb .table tbody tr td {vertical-align: middle;}

.user_history_tb .table thead tr th {background: #eee;}

.user_report_tb .action a { text-decoration: none; background: #000; padding: 7px 15px; border-radius: 25px; color: #fff; }
.user_report_tb .table thead tr th {background: #eee;}
.user_report_tb .table .action {display: flex; gap: 10px;}
.user_report_tb .table tbody tr td {vertical-align: middle;}


.new_user_form .form-field input { width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #ccc; }
.new_user_form .form-field select { width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #ccc; }
.new_user_form .form-field label {margin-bottom: 12px;font-weight: 600;}

.new_user_form .button-test-new button { width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #000; background: #000; color: #fff; }
.new_user_form .button-test-new button:hover { background: #f42323; border: 1px solid #f42323; outline: none; }

.new_user_form .form-field input:focus { border: 1px solid #333; outline: none;}
.new_user_form .form-field select:focus { border: 1px solid #333; outline: none; }


.address_all_list {margin: 0;}
.address_all_list .save-address {box-shadow: 0 6px 14px #ccc; margin-bottom: 12px; display: flex; justify-content: space-between; border: 1px solid #ccc; padding: 18px; border-radius:12px;}
.address_all_list .save-address h3 {font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.address_all_list .save-address .left-address { max-width: 300px; }
.address_all_list .save-address .edit-address-user {margin: 0;}

.user_sidebar .profile_list_menu ul li a span:nth-child(1) {width: 20px;}
.add_new_address_btn a { width: auto; padding: 8px 18px; border-radius: 25px; border: 1px solid #000; background: #000; color: #fff; }
.add_new_address_btn a:hover { background: #f42323; border: 1px solid #f42323; outline: none; }

.add_user_address_frm .form-field input { width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #ccc; }
.add_user_address_frm .form-field select { width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #ccc; }
.add_user_address_frm .form-field label {margin-bottom: 12px;font-weight: 600;}
.add_user_address_frm .form-field input:focus { border: 1px solid #333; outline: none;}
.add_user_address_frm .form-field select:focus { border: 1px solid #333; outline: none; }
.add_user_address_frm .add_add_btn button { width: auto; padding: 8px 18px; border-radius: 25px; border: 1px solid #000; background: #000; color: #fff; }
.add_user_address_frm .add_add_btn button:hover { background: #f42323; border: 1px solid #f42323; outline: none; }
.add_user_address_frm .go_back a {padding: 8px 18px; border: 1px solid #333;border-radius: 25px; display: inline-block;}
.add_user_address_frm .go_back a:hover {background: #f42323; color: #fff; border-color: #f42323;}

.seller_login { box-shadow: 0px 1px 25px 5px #8d8d8d42; padding: 4em 2em; border: aliceblue; border-radius: 25px; background: #fff; border-right: 8px solid #f42323; }
.login_sell { padding: 70px 0; background-image: linear-gradient(0deg, #fff, #eee, white); }
.seller_login h3 {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.seller_login .seller_login_form .form-field label {font-size:700; font-size: 18px; margin-bottom: 8px;}
.seller_login .seller_login_form .form-field input { width: 100%; padding: 7px 15px; border-radius: 25px; border: 1px solid #ccc; }
.seller_login .seller_login_form .login-seller {text-align: right;}
.seller_login .seller_login_form .login-seller button { transition: all 0.5s ease; background: #000; color: #fff; padding: 10px 25px; border-radius: 25px; border: none; }
.seller_login .seller_login_form .dont_acc a {text-decoration: underline;}
.seller_login .seller_login_form .login-seller button:hover {background: #f42323; color: #fff; border-color: #f42323;}

.seller_register { box-shadow: 0px 1px 25px 5px #8d8d8d42; padding: 4em 2em; border: aliceblue; border-radius: 25px; background: #fff; border-right: 8px solid #f42323; }
.register_sell { padding: 70px 0; background-image: linear-gradient(0deg, #fff, #eee, white); }
.seller_register h3 {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.seller_register .seller_register_form .form-field label {font-size:700; font-size: 18px; margin-bottom: 8px;}
.seller_register .seller_register_form .form-field input { width: 100%; padding: 7px 15px; border-radius: 25px; border: 1px solid #ccc; }
.seller_register .seller_register_form .login-seller {text-align: right;}
.seller_register .seller_register_form .login-seller button { transition: all 0.5s ease; background: #000; color: #fff; padding: 10px 25px; border-radius: 25px; border: none; }
.seller_register .seller_register_form .dont_acc a {text-decoration: underline;}
.seller_register .seller_register_form .login-seller button:hover {background: #f42323; color: #fff; border-color: #f42323;}

.seller_dashboard {padding: 70px 0;}
.seller_dashboard .seller-sidebar-navigation ul {margin: 0;}
.seller_dashboard .seller-sidebar-navigation ul li {margin: 0;}
.seller_dashboard .seller_right_side { border-radius: 15px; padding: 12px; box-shadow: 0 2px 4px rgb(230 219 255 / 16%), 0 1px 13px 12px rgb(203 203 203 / 30%), inset 0 -3px 0px #d6d6e7; border: 1px solid #d9d9d9; }

.seller_dashboard .seller-sidebar-navigation ul li a { display: flex ; gap: 7px; padding: 12px 15px; width: 100%; border-bottom: 1px solid #e7e7e7; }
.seller_dashboard .seller-sidebar-navigation ul li a span:nth-child(1) { width: 20px; }
.seller_dashboard .seller-sidebar-navigation ul li:nth-last-child(1) a { border-bottom: none; }
.seller_dashboard .seller-sidebar-navigation ul li a:hover { background: #eee; }
.seller_right_side .top_user { margin-bottom: 15px; }
.seller_right_side .top_user ul { display: flex ; align-items: center; gap: 20px; text-align: left; border-bottom: 1px solid #ccc; background: #000000; color: #fff; padding: 8px; border-radius: 51px; }
.seller_right_side .top_user ul li.profile_user img { width: 80px; border-radius: 50%; }
.seller_right_side .top_user li.user_name h3 { font-size: 20px; }
.seller_right_side .top_user .number_user { font-weight: bold; }

.seller_dashboard .right_seller_dash_page { border: 1px solid #e5e5e5; border-radius: 25px; padding: 25px; box-shadow: 0 2px 4px rgb(230 219 255 / 16%), 0 1px 13px 12px rgb(203 203 203 / 30%), inset 0 -3px 0px #d6d6e7; }
.right_seller_dash_page .head_top_dash h3 { font-size: 20px; font-weight: bold; }
.right_seller_dash_page .head_top_dash { margin-bottom: 18px; }
.dashboard_widget .widgets { border: 1px solid #ced9ed; padding: 18px; border-radius: 12px; box-shadow: 0 2px 4px rgb(230 219 255 / 16%), 0 1px 13px 12px rgb(203 203 203 / 30%), inset 0 0px 0px #d6d6e7; } 
.dashboard_widget .widgets ul li {margin-bottom: 12px; text-align: left; display: flex ; justify-content: space-between; }
.dashboard_widget .widgets ul li .icon-widgets {width: 30px; height: 30px; background: #002883; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.dashboard_widget .widgets ul {text-align: right;}
.dashboard_widget .widgets ul a { transition: all 0.5s ease; background: #0042bb; padding: 8px 15px; border-radius: 25px; color: #fff; }
.dashboard_widget .widgets ul a:hover {background: #f42323;}

.table_seller table tr th { background: #eee; }
.table_seller table tr td { padding: 12px 8px; vertical-align: middle; }
.table_seller table tbody .action a { text-decoration: none; background: #000; padding: 7px 15px; border-radius: 25px; color: #fff; }

.all_reports table tr th { background: #eee; }
.all_reports table tr td { padding: 12px 8px; vertical-align: middle; }
.all_reports table tbody .action a { text-decoration: none; background: #000; padding: 7px 15px; border-radius: 25px; color: #fff; }

.support_help .form-field input { width: 100%; padding: 8px 15px; border-radius: 25px; border: 1px solid #ccc; }
.support_help .form-field textarea { width: 100%; padding: 8px 15px; border-radius: 12px; border: 1px solid #ccc; min-height: 100px; }
.support_help .form-field select { width: 100%; padding: 13px 15px; border-radius: 25px; border: 1px solid #ccc; }
.support_help .form-field label { font-weight: 600; margin-bottom: 8px; }
.support_help .form-field button { transition: all 0.5s ease; background: #000; color: #fff; padding: 10px 25px; border-radius: 25px; border: none; }
.support_help .form-field button:hover {background: #f42323; color: #fff; border-color: #f42323;}
.support_help .form-field input:focus { border: 1px solid #333; outline: none;}
.support_help .form-field select:focus { border: 1px solid #333; outline: none; }
.support_help .form-field textarea:focus { border: 1px solid #333; outline: none; }
.dashboard_widget .widgets .num-widgets p {margin-bottom: 8px;}
.dashboard_widget .widgets .num-widgets h4 {font-weight: bold;}

.error-message{color: #ff0000;}
.filter_mob { display: flex ; justify-content: space-between; }
.cross_close { display: none; cursor: pointer; }
.logo img {max-width: 150px;}
.logo {text-align: center;}

/*--Selected Test--*/
.selected_test .top_note span {color: #fd6063;}
.selected_test {padding: 40px 0;}
.tag-listing-selected-box {display: flex; flex-wrap: wrap; gap: 8px;}
.tag-listing-selected-box .searched-test-tag { font-size: 13px; font-weight: 500; color: var(--primaryColor); }
.tag-listing-selected-box .searched-test-tag {display: flex;}
.tag-listing-selected-box .searched-test-tag .check-input-label:before { background:#00af1e; }

.tag-listing-selected-box .searched-test-tag .check-item-box:after { top: 2px; left: 6px; width: 5px; height: 10px; }
.check-input:checked+.check-input-label:after { content: ""; display: block; position: absolute; top: 4px; left: 7px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.check-input { padding: 0; height: auto; width: auto; margin-bottom: 0; display: none; cursor: pointer; }
.check-input-label { position: relative; cursor: pointer; display: flex ; flex-direction: row; align-items: center; }
.tag-listing-selected-box .searched-test-tag .check-input-label:before { padding: 9px; border-color: #163a69; margin-right: 8px; }
.check-input:checked+.check-input-label:after { content: ""; display: block; position: absolute; top: 2px; left: 6px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.check-input-label:before { content: ""; -webkit-appearance: none; background: transparent; border: 1px solid var(--primaryColor2); padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; border-radius: 4px; transition: .4s ease-in-out; margin-right: 10px; }
.tag-listing-selected-box .searched-test { background: #e8ebee; border-radius: 6px; padding: 4px 10px; display: inline-flex ; flex-direction: row; align-items: center; }
.searched-test-tag a.test-link {margin:0 4px; display: none;}
.selected_test_dropdown h3 {font-weight: bold; font-size: 20px;}
.selected_test_dropdown .tag-listing-selected-box {margin-top: 15px;}
span.anticon-close {cursor: pointer; margin-left: 5px;}

.add-more-test-btn {border: none; margin-bottom: 10px;background: #163a69; border-radius: 6px; color: #fff; padding: 1px 13px; transition: .3s ease-in-out; font-size: 12px; }
.tag-listing-selected-box .searched-test-tag { margin-bottom: 10px; margin-right: 8px; }
.test-detail-listing-area h3 {font-weight: bold; font-size: 24px;}
.test-detail-listing-area {margin-top:25px;}
.test-detail-listing-area .search-bar-box {margin-top:0px;}
.test-detail-listing-area .search-bar-box input {border-radius: 25px; padding: 10px 25px; border: 1px solid #ccc;}
.test-detail-listing-area .search-bar-box input:focus {border: 1px solid #ccc; outline: none;}
.selected_test .search-and-sort-box {display: flex; justify-content: space-between;margin-bottom:30px; margin-top: 20px;}
.search-and-sort-box select {border-radius: 25px; padding: 10px 25px; border: 1px solid #ccc;}
.selected_test .search-and-sort-box .sort-box-for-lab {display: flex; align-items: center; gap: 12px;}
.selected_test .search-and-sort-box .sort-box-for-lab .sort-ascending {display: none;}
.selected_test .search-and-sort-box .sort-box-for-lab img {cursor: pointer;}
.test-detail-listing-row { margin: 0; }
.test-detail-listing-row .test-detail-listing-col {border: 1px solid #dfdfdf; margin-bottom: 25px; padding-bottom: 10px; box-shadow: 0 2px 6px #dddddd; background: #eee; padding: 8px; border-radius: 19px;}
.test-detail-listing-row .test-detail-listing-col .test-detail-listing-box { align-items: center; display: flex ; flex-direction: row; justify-content: flex-start;}
.test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .img_lab { flex: 0 0 80px; max-width: 80px; border-radius: 10px; overflow: hidden; margin-right: 12px; border: 1px solid #ddd; }
.test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .img_lab img { height: 80px; width: 100%; }
.test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .detail-box { width: 100%; }
.test-detail-listing-row .test-detail-description-box, .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .detail-box .test-detail-heading-box { display: flex ; flex-direction: row; align-items: center; justify-content: space-between; }
.test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .detail-box .test-detail-heading-box { margin-bottom: 0; }
.test-detail-listing-row .price_lab_test_listing {font-size: 18px;font-weight: 700 !important;}
.test-detail-listing-row .old-price { color: #999; opacity: .7; text-decoration-thickness: 2px !important; text-decoration: line-through; }
.test-detail-listing-row .price_lab_test_listing .new-price {color: #000;}
.test-detail-listing-row .test-price-wrapper .modal-btn { display: block; margin-left: 10px; position: relative; top: -2px; }
.test-detail-listing-row .test-price-wrapper {border: none; background: none;}
.test-detail-listing-row .description-inner { display: flex ; flex-direction: row; align-items: center; width: 100%; justify-content: space-between; justify-content: flex-start;}
.test-detail-listing-row .description-inner-detail-box .description-inner-title { display: block; color: #666; font-size: 14px; }
.test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .detail-box .test-detail-heading-box h4 { margin-bottom: 0; font-size: 18px; font-weight: 600; }
.test-detail-listing-row .description-inner .address-text { margin-bottom: 0; font-size: 15px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.test-detail-listing-row .rating-inner-detail-box { margin-right: 5px; width: 105px; margin-left: auto; }
.test-detail-listing-row .tat-inner-detail-box { margin-right: 5px; width: 90px; margin-left: auto;}
.test-detail-listing-row .lab-timing-inner-detail-box { width: 180px; margin-right: auto; }
.test-detail-listing-row .description-inner-detail-box .description-inner-title { display: block; color: #666; font-size: 14px; }
.test-detail-listing-row .description-inner-detail-box .description-inner-text { font-size: 14px; font-weight: 500; color: #222; }
.test-detail-listing-row .description-inner-detail-box .rating-box .description-inner-text { font-size: 14px; font-weight: 500; color: #222; background: url('/src/assets/images/rating.svg') no-repeat top left; padding: 0 0 0 18px; }

.test-detail-listing-row .description-inner-detail-box { position: relative; padding-right: 5px; }
.test-detail-listing-row .detail-btn-area button {transition: all 0.7s ease; background: #000; color: #fff; padding: 7px 18px; border-radius: 30px; border: none;}
.test-detail-listing-row .detail-btn-area button:hover {background: #f42323; border-color: #f42323;}
li.test-detail-listing-col .fa-circle-info { color: #31cf00; }
.modal_selected_test_include .inner-first-test-list li .test-list-box span:nth-child(1) {flex-basis: 250px;}
/*--Popup--*/
.modal_selected_test_include .included-test-height { max-height: calc(100vh - 300px); overflow-y: auto; padding-left: 5px; padding-right: 5px; padding-bottom: 15px; }
.modal_selected_test_include .included-test-listing li:last-child {margin-bottom: 0;}
.modal_selected_test_include .included-test-listing li .test-list-box { display: flex ; flex-direction: row; justify-content: space-between; }
.modal_selected_test_include .included-test-listing li .test-list-box .test-title { max-width: 60%; }
.modal_selected_test_include .included-test-listing .test-amount { font-weight: 400; }
.modal_selected_test_include .text-line-through { text-decoration: line-through; }
.modal_selected_test_include .inner-spans { display: flex !important ; }
.modal_selected_test_include .included-test-listing li span { display: block; flex: 0 0 auto; align-self: baseline;}

.modal_selected_test_include .inner-first-test-list { padding-left: 30px;padding-bottom: 15px; margin-top: 10px;}
.modal_selected_test_include .inner-first-test-list li { border: none !important; margin: 0 !important; padding: 0 !important; list-style: decimal; }
.modal_selected_test_include .included-test-listing li .test-list-box { display: flex ; flex-direction: row; justify-content: space-between; }
.modal_selected_test_include .included-test-listing li .test-list-box .test-title { max-width: 60%; }
.modal_selected_test_include .inner-second-test-list li { list-style: disc !important; }
.modal_selected_test_include .inner-second-test-list {padding-left: 15px;padding-top: 8px;}
.modal_selected_test_include .included-test-listing li .test-list-box { display: flex ; flex-direction: row; justify-content: space-between; }
.modal_selected_test_include .inner-first-test-list li .test-list-box {display: flex ; flex-direction: row; justify-content: space-between;}
.modal_selected_test_include .included-test-listing > li:last-child { margin-top: 8px; margin-bottom: 0; border-top: 1px solid #222; padding-top: 12px; }
.modal_selected_test_include .inner-first-test-list > li {margin-bottom: 10px !important;}
.modal_selected_test_include .inner-second-test-list > li {margin-bottom: 10px !important;}
.modal_selected_test_include .included-test-listing.included-test-height li:last-child {border-top: none;}
.btn-close:focus {box-shadow: none;}
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: red; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
  }
/*--Selected Test End--*/

/*--Packages List--*/
.breadcrumb.bg_page_title {background: #545454;}
.package_list {padding: 70px 0;}
.package_list .list_packages ul {margin: 0; gap: 2%; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.package_list .list_packages ul li { width: 18%; text-align: center;}
.package_list .list_packages ul li { margin-bottom: 2%; box-shadow: 0 8px 20px #dddddd; padding-bottom: 15px; border-radius: 15px; }
.package_list .list_packages ul li .lifestyle-inner-box p {font-weight: 700; margin-top: 10px;text-transform: capitalize;}
.cursor-pointer {cursor: pointer;}
.p_pop { background: linear-gradient(223.23deg, #fff -39.74%, #dbf5f9 94.44%); padding-left: 5px; padding-right: 5px; }
.package_list .package_search .form_input input { background: url(/src/assets/images/search.png) no-repeat top 12px left 15px; border: 1px solid #ccc; padding: 8px 25px 8px 45px; box-shadow: none; border-radius: 25px; }
.package_list .package_search .form_input input:focus {box-shadow: none; border: 1px solid #333; outline: none;}
.lifestyle_package_test_include .h4 {font-size: 1.2rem;}

/*--Lab Detail Page--*/
.pharmadian.lab-detail-area .lab-detail-heading-area { margin-bottom: 20px; }
.pharmadian.lab-detail-area .lab-detail-heading-box { display: flex ; flex-direction: row; align-items: center; } 
.pharmadian.lab-detail-area .lab-detail-heading-box .image-box { flex: 0 0 140px; max-width: 140px; border-radius: 10px; overflow: hidden; margin-right: 15px; border: 1px solid #ddd; }
.pharmadian.lab-detail-area .lab-detail-heading-box .image-box img { height: 140px; max-width: 100%; -o-object-fit: cover; object-fit: cover; }
.pharmadian.lab-detail-area .lab-detail-heading-box .lab-detail-box { flex: 0 0 80%; max-width: 80%; }
.pharmadian.lab-detail-area .name-rating { justify-content: space-between; align-items: flex-start; display: flex; }
.pharmadian.lab-detail-area .lab-detail-heading-box h1 { margin-bottom: 5px; max-width: 420px; font-size: 28px; }
.pharmadian.lab-detail-area .lab-rating .ant-rate.ant-rate-disabled { margin-left: 10px !important; box-sizing: border-box; color: rgba(0, 0, 0, .85); font-size: 14px;  line-height: 1.5715; display: inline-block; margin: 0; padding: 0; color: #fadb14; font-size: 20px; line-height: unset; list-style: none; outline: none; display: flex; }
.pharmadian.lab-detail-area .lab-rating { display: flex ; flex-wrap: wrap; }
.pharmadian.lab-detail-area .lab-rating p.review-count { display: block; clear: both; width: 100% !important;}
.pharmadian.lab-detail-area .lab-detail-heading-box .lab-detail-box .description-inner { margin-bottom: 10px; align-items: flex-end; justify-content: flex-start; }
.pharmadian.lab-detail-area .description-inner .address-text { margin-bottom: 0; font-size: 15px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.pharmadian.lab-detail-area .certificate-row, .pharmadian.lab-detail-area .detail-row, .pharmadian.lab-detail-area .other-detail-row { display: flex ; flex-direction: row; align-items: center; }
.pharmadian.lab-detail-area .certificate-row { margin-right: auto; flex-wrap: wrap; flex: 0 0 auto; max-width: 40%; }
.pharmadian.lab-detail-area .certificate-row .certificate-col { margin-top: 5px; margin-right: 15px;}
.pharmadian.lab-detail-area .certificate-row .certificate-col img { height: 40px; }
.pharmadian.lab-detail-area .other-detail-row .other-detail-col .other-detail-box p {font-size: 14px;}
.pharmadian.lab-detail-area .timing-box { flex-direction: row; cursor: pointer;font-size: 14px; }
.pharmadian.lab-detail-area .other-detail-row .other-detail-col .other-detail-box p { margin-bottom: 0 !important; }
.font-14 {font-size: 14px;}
.pharmadian.lab-detail-area .prescription-area { margin-left: auto; }
.pharmadian.lab-detail-area .main-btn.prescription-btn { transition: all 0.7s ease; cursor: pointer; font-size: 16px; padding: 15px 21px; border-radius: 10px; background: #163a69; color: #fff; }
.pharmadian.lab-detail-area .other-detail-row .other-detail-col {margin-right: 10px;}
.pharmadian.lab-detail-area .main-btn.prescription-btn:hover {background: #f42323;}
.lab_detail_page {padding: 40px 0;}


.lab_detail_page .test_list_lab {margin-top: 30px;}
.lab_detail_page .test_list_lab .tab-horizontal {}
.lab_detail_page .test_list_lab .nav-tabs {border-bottom: none;}
.lab_detail_page .test_list_lab .nav-tabs .nav-link.active {background: #f42323; border: 1px solid #f42323; color: #fff;}
.lab_detail_page .test_list_lab .nav-tabs .nav-link {font-weight: 700; color: #000;}
.lab_detail_page .test_list_lab .nav-tabs { border-top: 2px solid #e3e3e3; border-bottom: 2px solid #e3e3e3; padding-top: 10px; padding-bottom: 10px; }
.lab_detail_page .lab-detail-main-box .search-and-sort-box { margin-bottom: 20px; }
.lab_detail_page .lab-detail-main-box .search-and-sort-box .sort-by-wrapper:last-child { margin: 0; }
.lab_detail_page .search-and-sort-box .sort-by-wrapper { margin-left: auto; margin-right: 10px; }
.lab_detail_page .search-and-sort-box {display: flex !important; justify-content: space-between; align-items: center;}
.lab_detail_page .search-and-sort-box .search-test-wrapper input {background:url(/src/assets/images/search.png) no-repeat top 12px left 15px; border-radius: 25px; padding: 8px 25px 8px 45px; border: 1px solid #ccc; }
.lab_detail_page .search-and-sort-box .search-test-wrapper input:focus { border: 1px solid #ccc; outline: none; }
.lab_detail_page .search-and-sort-box .search-test-wrapper selected:focus {box-shadow: none; outline: none;}
.modal-title {text-transform: capitalize;}
.lab_detail_page ul.ant-pagination.content-inner.pagination-section {display: flex; justify-content: flex-end; gap: 10px; margin: 28px 0;}
.lab_detail_page ul.ant-pagination .ant-pagination-item, .lab_detail_page ul.ant-pagination .ant-pagination-prev, .lab_detail_page ul.ant-pagination .ant-pagination-next {cursor: pointer;}

.lb_lgo img{ width: 90px; border-radius: 12px; }
.tests-listing { display: flex ; flex-direction: row; flex-wrap: wrap; align-items: stretch; margin: 0 -10px; }
.tests-listing-row { margin-bottom: 25px; flex: 0 0 50%; max-width: 50%; height: auto; padding: 0 10px; }
.tests-listing-row .tests-listing-box { padding-bottom: 70px; }
.tests-listing-row .tests-listing-box .tests-list-heading-box { text-transform: capitalize; display: flex ; flex-direction: row; align-items: flex-start; justify-content: space-between; margin-bottom: 5px; }
.tests-list-heading-box .heading-box { cursor: pointer; max-width: 65%; }
.package-tagging { background-color: #f1f1f1; color: #163a69; border-radius: 5px; padding:1px 0px; font-size: 12px; font-weight: 700; margin: 5px 0; display: inline-block; }
.tests-listing .old-price { color: #999; opacity: .7; text-decoration-thickness: 2px !important; font-weight: 700; text-decoration: line-through; }
.tests-listing .new-price.listing {font-weight: bold;}
.tests-listing .discount-text { line-height: 16px; text-align: center;font-size: 12px; }
.tests-detail-listing .tests-inner-list { display: flex ; flex-direction: column; align-items: flex-start; justify-content: space-between; margin-bottom: 5px; }
.tests-detail-listing .other-detail-row { width: 100%; justify-content: space-between; margin-bottom: 10px; }
.tests-inner-list .other-detail-row .other-detail-col { margin-right: 25px; }
.other-detail-row .other-detail-col .other-detail-box p { margin-bottom: 0 !important; }
.view-btn-box { margin-bottom: 5px; padding: 0; }
.tests-list-heading-box .heading-box h2 {font-size: 18px;}
.pharmadian.lab-detail-area .other-detail-row .other-detail-col .fw-bold {font-size: 14px;}
.tests-listing-row .tests-listing-box { height: 100%; border: 1px solid #ddd; border-radius: 12px; padding: 15px; position: relative; }
.tests-listing-row .tests-listing-box { padding-bottom: 70px; }
.tests-listing-box .detail-btn-area { top: auto; bottom: 15px; right: 15px; }
.tests-listing .detail-btn-area { flex-direction: row; justify-content: flex-end; width: auto; position: absolute; right: 15px;}
.tests-listing .detail-btn-area .cart-btn.cart-text-btn {cursor: pointer; padding: 12px 25px; font-size: 16px; font-weight: 700; color: #fff; background: #7bd989; border-radius: 30px; margin-right: 0; }
.tests-listing .view-btn-box {border: none; background: none; text-decoration: underline;}


.branches-listing-area .branches-listing-row:last-child { margin-bottom: 0; }
.branches-listing-area .branches-listing-row .branches-listing-box { display: flex ; flex-direction: row; align-items: center; justify-content: space-between; }
.branches-listing-row .branches-listing-box .branches-detail-box { flex: 0 0 60%; max-width: 60%; }
.branches-listing-row .branches-listing-box .branches-detail-box h4 { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.branches-listing-row .branches-listing-box .branches-detail-box p {font-size: 16px;}
.branches-listing-row .branches-listing-box .btn-area { flex: 0 0 40%; max-width: 40%; text-align: right; }
.branches-listing-box .main-btn { cursor: pointer; font-size: 14px; padding: 12px 25px; min-height: 42px; margin-left: auto; background: #163a69; color: #fff; border-radius: 25px; }

.lab-detail-main-box .overview-area h2 {font-size: 18px; font-weight: 700;}
.lab-detail-main-box .overview-area .about-description { margin-bottom: 20px !important; }
.lab-detail-main-box .overview-area h2 {margin-bottom: 8px;}
.lab-detail-main-box .overview-area h2 {margin-bottom: 8px;}
.lab-detail-main-box .overview-area .certificates-box {display: flex ; flex-direction: row; align-items: center;}
.lab-detail-main-box .overview-area .certificates-box .icon-box {margin-right: 15px;}
.lab-detail-main-box .overview-area .certificates-box .icon-box img {height: 60px;}

.lab-detail-main-box .selected-test-box .select-test-title { margin-bottom: 5px; display: block;text-transform: capitalize; }
.lab-detail-main-box .tag-listing-box { align-items: flex-start; flex-wrap: wrap; }
.lab-detail-main-box .selected-test-box .searched-test-tag { font-size: 13px; font-weight: 500; color: #163a69; }
.lab-detail-main-box .selected-test-box .searched-test { background: #e8ebee; border-radius: 6px; padding: 2px 10px; display: inline-flex ; flex-direction: row; align-items: center; }
.lab-detail-main-box .selected-test-box .searched-test-tag { margin-bottom: 10px; }
.lab-detail-main-box .check-input { padding: 0; height: auto; width: auto; margin-bottom: 0; display: none; cursor: pointer; }
.lab-detail-main-box .searched-test .test-link { margin-left: 8px; display: inline-block; }
.lab-detail-main-box .searched-test .anticon-close { margin-left: 8px; font-size: 10px; line-height: 18px; }
.lab-detail-main-box .searched-test .anticon-close svg { color: #163a69; }
.lab-detail-main-box .searched-test .anticon-close svg { color: #163a69; }
.lab-detail-main-box .ant-tag {border: 1px solid #d9d9d9;margin: 0 8px 0 0;}
.lab-detail-main-box .tag-listing-box {align-items: flex-start; flex-wrap: wrap;}
.lab-detail-main-box .tag-listing-box .tag-listing > span {display: inline;}

/*--Side Cart--*/
.your-cart-box { padding: 25px; background:linear-gradient(223.23deg, #fff -39.74%, #e9e9e9 94.44%); border-radius: 10px; margin-bottom: 25px; position: sticky; top: 150px; }
.your-cart-box h2 { font-size: 24px; margin-bottom: 15px; font-weight: 800; }
.cart-detail-area .cart-detail-box { display: flex ; justify-content: flex-start; align-items: center; flex-direction: row; margin-bottom: 15px; }
.cart-detail-area .cart-detail-box .image-box { flex: 0 0 50px; max-width: 50px; margin-right: 10px; border-radius: 10px; overflow: hidden; border: 1px solid #ddd; }
.cart-detail-box .image-box img { height: 50px; -o-object-fit: cover; object-fit: cover; width: 100%; }
.cart-detail-area .cart-detail-box .cart-item-box .cart-item-title { margin-bottom: 0; font-size: 17px; font-weight: 500; color: #222; }
.cart-detail-area .small-text { font-size: 14px; color: #666; font-weight: 500;}
.cart-item-listing.cart-item-scrollable { max-height: 160px; overflow-y: auto; }
.cart-detail-area .cart-item-listing .cart-item-listing-col:last-child { margin-bottom: 0; }
.cart-detail-area .cart-item-listing .cart-item-listing-col { display: flex ; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; }
.cart-item-listing .cart-item-listing-col .item-title { flex: 0 0 60%; max-width: 60%; }
.cart-item-listing .cart-item-listing-col .item-title { font-size: 15px; margin-bottom: 0; font-weight: 500; flex: 0 0 55%; max-width: 55%; word-break: break-word; }
.cart-item-listing .cart-item-listing-col .item-price { display: flex ; align-items: flex-start; font-size: 15px; font-weight: 500; }
.cart-item-listing .cart-item-listing-col .item-price .delete-btn {background: none; border: 0; margin-left: 8px; color: #ff0000;}
.cart-item-listing .cart-item-listing-col .item-price .delete-icon { margin-bottom: 5px; cursor: pointer; transition: .3s ease-in-out; }
.cart-item-listing .cart-item-listing-col .item-price { display: flex ; align-items: flex-start; font-size: 15px; font-weight: 500; }
.total-amount-box { display: flex ; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.total-amount-box, .your-cart-collapse-box .cart-item-listing.cart-item-scrollable { margin-bottom: 15px; }
.total-amount-box .total-collapse-box.active { border-bottom: 0; }
.total-amount-box .total-amount-title { margin-bottom: 0; font-weight: 400; font-size: 18px; color: #222; }
.total-amount-box .total-amount { text-align: right; }
.total-amount-box .total-amount { display: block; font-weight: 600; font-size: 18px; color: #222; }
.total-amount-collapse-items { width: 100%; padding: 0 18px 0 10px; }
.total-amount-box .total-row:last-child { border-bottom: 0; padding-bottom: 0; }
.total-amount-collapse-items .total-row { border-bottom: 0; margin-bottom: 5px; }
.total-amount-collapse-items .total-box { padding: 0; width: 100%; }
.total-amount-box .flex-box { justify-content: space-between; width: 100%; display: flex ; flex-direction: row; align-items: center;}
.total-amount-box .total-row { border-bottom: 1px solid #ddd; padding: 15px 0; }
.total-amount-collapse-items .total-amount-title { font-weight: 400; font-size: 15px; }
.total-amount-box .total-amount-title { margin-bottom: 0; font-weight: 400; font-size: 18px; color: #222; }
.total-amount-box .total-amount { text-align: right; }
.total-amount-collapse-items .total-amount { font-size: 15px; }
.total-amount-box .total-amount { display: block; font-weight: 600; font-size: 18px; color: #222; }
.cart-detail-area .main-btn { transition: all 0.7s ease; cursor: pointer; font-size: 18px; font-weight: 700; color: #fff; background: #163a69; min-height: 50px; border-radius: 30px; border: 0; width: 100%; transition: .3s ease-in-out; display: flex ; justify-content: center; align-items: center; }
.cart-detail-area .checkout-btn { display: block; text-align: center; padding: 11px 0; }
.total-amount-collapse-items { width: 100%; padding: 0; }
.cart-detail-area .main-btn:hover {background: #3f9d4d;}
.tests-listing .detail-btn-area .cart-btn.cart-text-btn:hover {background: #000;}
/*--Lab Detail Page End--*/

/*--Test Detail--*/
.test-detail {padding: 40px 0;}
.test-detail-area .h2-title { font-size: 30px; margin-bottom: 15px; color: #222; margin-top: 5px; font-weight:500 !important;}
.test-detail-area .info-listing { display: flex ; flex-direction: row; align-items: center; max-width: 600px; margin:0 -10px 20px; }
.test-detail-area .info-listing .info-listing-col { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 10px; }
.test-detail-area .info-listing .info-listing-col .info-listing-box .info-heading { margin-bottom: 0; color: #222; font-weight: 600; font-size: 15px; }
.test-detail-area .info-listing .info-listing-col .info-listing-box .info-text { color: #222; font-size: 15px; font-weight: 500; }
.test-detail-area .description-text { font-size: 14px; color: #666; margin-bottom: 20px; }
.certification-area .certification-row { display: flex ; flex-direction: row; align-items: center; margin: 0 0; flex-wrap: wrap; }
.certification-area .certification-row .certification-col { padding: 0 20px; }
.certification-area .certification-row .certification-col .certification-box { display: flex ; flex-direction: row; align-items: center; }
.certification-area .certification-row .certification-col .certification-box .icon-box {width: 35px; text-align: center; margin-right: 10px; }
.certification-area .certification-row .certification-col .certification-box .title { margin-bottom: 0; font-weight: 500; color: #222; }
.info-listing .info-listing-col .info-listing-box .info-text { color: #222; font-size: 15px; font-weight: 500; }

.avaliable_labs .test-detail-listing-area { margin-top: 25px; }
.avaliable_labs .test-detail-listing-area h3 { font-weight: bold; font-size: 24px; }
.avaliable_labs .test-detail-listing-area .search-bar-box input { border-radius: 25px; padding: 10px 25px; border: 1px solid #ccc; }
.avaliable_labs .search-and-sort-box select { border-radius: 25px; padding: 10px 25px; border: 1px solid #ccc; }
.avaliable_labs .search-and-sort-box { display: flex ; justify-content: space-between; margin-bottom: 30px; margin-top: 20px; }
.avaliable_labs .test-detail-listing-row { margin: 0; }
.avaliable_labs .test-detail-listing-row .test-detail-listing-col { margin-bottom: 20px; background: #eee; padding: 8px; border-radius: 19px;}
.avaliable_labs .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box { display: flex ; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
.avaliable_labs .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .image-box { flex: 0 0 80px; max-width: 80px; border-radius: 10px; overflow: hidden; margin-right: 12px; border: 1px solid #ddd; }
.avaliable_labs .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .image-box img { height: 80px; width: 100%; }
.avaliable_labs .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .detail-box { width: 100%; }
.avaliable_labs .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .detail-box .test-detail-heading-box { margin-bottom: 0; }
.avaliable_labs .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .detail-box .test-detail-heading-box h4 { margin-bottom: 0; font-size: 18px; font-weight: 600; }
.avaliable_labs .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box .detail-box .test-detail-heading-box .package-tagging { background-color: #f1f1f1; color: #163a69; border-radius: 5px; padding: 1px 8px; font-size: 12px; font-weight: 700; margin: 5px 0; display: inline-block; }
.avaliable_labs .test-detail-listing-row .test-price-wrapper { border: none; background: none; }
.avaliable_labs .test-detail-listing-row .old-price { color: #999; opacity: .7; text-decoration-thickness: 2px !important; text-decoration: line-through; font-size: 20px; font-weight: 600; }
.avaliable_labs .test-detail-listing-row .new-price.listing {color: #222; font-weight: 600; font-size: 20px;}
.avaliable_labs .test-detail-listing-row .discount-text {font-size: 12px; text-align: center;}
.avaliable_labs .test-detail-listing-row .test-detail-listing-col {box-shadow: none;}
.avaliable_labs .processing-time-box .processing-time-title { font-weight: 500; }
.avaliable_labs .processing-time-box .processing-time { font-size: 14px; }
.avaliable_labs .processing-time-box .view-btn-box {background: none; border: none; text-decoration: underline;}
.avaliable_labs .description-inner-detail-box .description-inner-title { display: block; color: #666; font-size: 14px; }
.avaliable_labs .description-inner .address-text { margin-bottom: 0; font-size: 15px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.avaliable_labs .test-detail-listing-row .description-inner {align-items: flex-start; }
.avaliable_labs .lab-detail-listing-area .lab-timing-inner-detail-box { width: 150px; margin-right: auto; }
.avaliable_labs .test-detail-description-box { flex-wrap: wrap; position: relative; padding-right: 130px; }
.avaliable_labs .detail-btn-area { flex-direction: row; justify-content: flex-end; width: 120px; position: absolute; right: 0; top: 0; }
.avaliable_labs .description-inner .link-box { cursor: pointer; color: #163a69; font-size: 13px; font-weight: 500; transition: .3s ease-in-out; flex: 0 0 auto; text-decoration: underline !important; }

.test-detail .top_sec { background: #efefef; border-radius: 5px; padding: 15px; border: 1px solid #333; }

.inc_test_pop .sub-test-wrapper .sub-test-heading { margin-bottom:8px; font-size: 16px; font-weight: 700;}
.inc_test_pop .ant-collapse>.ant-collapse-item>.ant-collapse-header {border-bottom: 1px solid #ccc; position: relative; display: flex ; flex-wrap: nowrap; align-items: flex-start; padding: 12px 16px;}
.test_include_pp .modal-header {align-items: flex-start;} 
.test_include_pp .modal-header .btn-close { margin-top: 0px; }
.package-tagging { background-color: #ebebeb; color: #163a69; border-radius: 5px; padding: 1px 6px; font-size: 12px; font-weight: 700; margin: 5px 0; display: inline-block; }

.package-tests-box ul.tests li {list-style: disc; margin:10px 0;}
.package-tests-box ul.tests {padding-left: 25px;}
.package-tests-box .accordion-header button:focus {box-shadow: none;}
.test_include_pp .inc_test_pop .package-tests-box { margin-top: 30px; overflow: auto; max-height: 270px; }

.font-18 {font-size: 18px;}
.font-15 {font-size: 15px;}
.changes_branches_pp .modal-branch-detail-box { margin-bottom: 15px; }
.changes_branches_pp .branches-detail-box { display: flex ; align-items: flex-start; justify-content: space-between; }
.changes_branches_pp .branches-description { margin-right: 15px; }
.changes_branches_pp .apply-btn.apply-btn-active { background: #7bd989; }
.changes_branches_pp .apply-btn { min-height: 40px; flex: 0 0 120px; max-width: 120px; }
.changes_branches_pp .main-btn { width: 130px; font-size: 14px; padding: 0 5px; min-height: 42px; margin-left: auto; border: none;}
.changes_branches_pp .branches-detail-box { display: flex ; align-items: flex-start; justify-content: space-between; }
.changes_branches_pp .apply-btn { cursor: pointer; font-size: 14px; padding: 12px 25px; min-height: 42px; margin-left: auto; background: #163a69; color: #fff; border-radius: 25px; }
.changes_branches_pp .apply-btn:hover {background: #7bd989;}
.changes_branches_pp .branches-detail-box {margin-bottom: 20px;}
.changes_branches_pp .branches-detail-box h3 {font-weight: 600;margin-bottom: .5em;}
.changes_branches_pp .modal-dialog { max-width: 700px; }
.changes_branches_pp .modal-body { padding: 25px; }
 
.slider-coupun .promo-slider-box {width: 24%; background: #fff; border-radius: 10px; box-shadow: 0 3px 9px rgba(0, 0, 0, .15); padding: 12px; display: flex ; flex-direction: row; align-items: flex-start;}
.slider-coupun .promo-slider-box .promocode { font-size: 12px; color: #163a69; font-weight: 700; width: -moz-max-content; width: max-content; border: 2px dashed #163a69; border-radius: 6px; padding: 3px 6px; display: inline-block; margin-top: auto; }
.slider-coupun .promo-slider-box .apply-promo-btn { flex: 0 0 82px; min-height: 35px; font-size: 15px; font-weight: 500; border-radius: 8px; }
.slider-coupun .promo-slider-box .promo-slider-content-box { background: #fff; border-radius: 10px; padding: 12px; display: flex ; flex-direction: row; align-items: flex-start; }

.test_package_lab_detail_popup .modal-header .modal-title {font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tab-content .lab-detail-main-box ul.pagination {margin-bottom: 10px;}
.slider-coupun .promo-text-box p {font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.slider-coupun  .promo-slider-box .apply-promo-btn {background: #163a69; transition: all 0.7s ease; border: none; color: #fff; flex: 0 0 82px; min-height: 35px; font-size: 15px; font-weight: 500; border-radius: 8px; }
.checkout_page {padding: 65px 0 40px 0;}
.slider-coupun  .promo-slider-box .apply-promo-btn:hover {background: #f42323;}
.slider-coupun .slick-slide > div { margin: 12px 8px; }
.slider-coupun .slick-prev:before, .slider-coupun .slick-next:before { color: #000; font-size: 38px !important; font-family: none; }
.slick-prev:before { content: '←'; }
.slick-next:before { content: '→'; }
.slider-coupun .slick-prev:before, .slider-coupun .slick-next:before { color: #000; font-size: 38px !important; font-family: none; }
.slider-coupun .slick-next { right: 25px; }
.slider-coupun .slick-next, .slider-coupun .slick-prev { top: -35px; right: 0; position: absolute; z-index: 100; background-color: #00000000; color: white; border-radius: 50%; }
.slider-coupun .slick-prev { right: 70px !important; left: auto; }
.slider-coupun .slick-next { right: 25px; }

#populartest .container { background: #e7ebef; padding: 25px; border-radius: 25px; }


/*--Checkout--*/
.your-cart-collapse-box .add-more-test-btn { margin-right: 12px; }
.your-cart-collapse-box .btn-bordered { background: #fff; color: #163a69; border: 2px solid #163a69; }
.cart-item-listing.cart-item-scrollable { max-height: 160px; overflow-y: auto; }
.your-cart-collapse-box .main-btn { width: 150px; min-height: 40px; font-size: 14px; display: inline-flex ; }
.your-cart-collapse-box .cart-item-listing { margin-bottom: 15px; }
.accordion-body .main-box h5 { color: #222; font-weight: 500 !important; margin-bottom: 10px; }
.accordion-body .main-box .upload-prescription-box p { color: #999; font-size: 14px; margin-bottom: 1em;}
.accordion-body .main-box .upload-prescription-box p span { font-weight: 500; color: #222; }
.upload-prescription-box .common-input-field { background: #fff; border: 1px solid #ddd; border-radius: 10px; max-width: 360px; display: flex ; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 5px; position: relative; }
.upload-prescription-box .common-input-field .input-file { opacity: 0; position: relative; z-index: 1; cursor: pointer; }
.upload-prescription-box .common-input-field .main-btn { position: absolute; top: 4px; right: 5px; min-height: 42px; width: 125px; z-index: 0; background: #000; color: #fff; border-radius: 35px; }
.common-input-field .placeholder-text { position: absolute; top: 12px; left: 20px; max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.upload-prescription-box .cart-row { align-items: center; }
.cart-row { display: flex ; flex-direction: row; justify-content: flex-start; padding-top: 20px; }
.upload-prescription-box .cart-row .continue-btn { margin-right: 30px; }
.skip-text { cursor: pointer; color: #999;font-size: 14px;}
.common-input-field { border: 1px solid #ddd; width: 100%; min-height: 50px; border-radius: 10px; background: #fff; padding: 0 20px; transition: .3s ease-in-out; }
.upload-prescription-box .cart-row .continue-btn { margin-right: 30px; }
.continue-btn { width: 200px; display: flex ; justify-content: center; align-items: center; }
.tabs_checkout .main-btn { cursor: pointer; font-size: 16px; font-weight: 700; color: #fff; background: #163a69; min-height: 42px; border-radius: 30px; border: 0; width: 100%; transition: .3s ease-in-out; display: flex ; justify-content: center; align-items: center; }
.tabs_checkout .cart-row { display: flex ; flex-direction: row; justify-content: flex-start; padding-top: 20px; }
.tabs_checkout .continue-btn { width: 200px; display: flex ; justify-content: center; align-items: center; }

.booking-area .date-picker-area {display: flex; gap: 15px;}
.booking-area .date-picker-area h5 {font-size: 17px;}
.booking-area .date-picker-area input {border: 1px solid #ccc; padding: 8px 15px; border-radius: 25px;}
.tabs_checkout .accordion-body {padding: 30px;}
.tabs_checkout h2.accordion-header button { color: #7e7e7e; font-weight: 800; padding: 23px 25px; font-size: 19px; }
.tabs_checkout h2.accordion-header button:focus {box-shadow: none;}
.tabs_checkout .accordion-button:not(.collapsed) {background-color: #ededed !important;}
.booking-area .date-picker-area .time-picker-area select { border: 1px solid #ccc; padding: 9px 15px; border-radius: 25px; }
.mode_py .radio-box {margin-bottom: 8px;}

.bt_ft_ab.social_ic ul { display: flex ; flex-wrap: wrap; justify-content: space-between; gap: 0px; }
.bt_ft_ab.social_ic ul li { margin: 6px 0; width: 48%; }
.total-amount-box .total_test_loop ul li.flex_column {flex-direction: column;}
.total-amount-box .total_test_loop ul li.flex_column .test_dis {display: flex;}
.total-amount-box .total_test_loop ul li.flex_column .dis-right {display: flex; justify-content: space-between;}

.total-amount-box .total_test_loop ul li.flex_column .dis-right .dis_p {background: linear-gradient(223.23deg, #deffea -39.74%, #96eb98 94.44%); padding-left: 5px; padding-right: 5px; border-radius: 5px;}
.patient-address-box .select-patent-box { margin-bottom: 30px; }
.patient-address-box .title-box { display: flex ; flex-direction: row; align-items: center; justify-content: space-between; }
.radio-box-group .radio-box { display: flex ; flex-direction: row; align-items: center; margin-bottom: 15px; }
.radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; cursor: pointer; }
.radio-custom { opacity: 0; position: absolute; }
.radio-box-group .radio-box .label-large { font-size: 17px; color: #222; font-weight: 500; }
.radio-box-group .radio-box .radio-custom-label { font-size: 15px; margin-right: 8px; }
.radio-custom-label { position: relative; transition: .4s ease-in-out; }
.radio-custom-label { display: flex !important ; flex-direction: row; align-items: center; }
.radio-custom:checked+.radio-custom-label:before { background: #163a69; box-shadow: inset 0 0 0 4px #fff; border: 2px solid #163a69; }
.radio-custom+.radio-custom-label:before { content: ""; background: #fff; border: 2px solid #999; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-right: 6px; text-align: center; flex: 0 0 20px; max-width: 20px; border-radius: 50%; }
.radio-box-group .radio-box .detail-text { display: block; font-size: 15px; margin-left: 5px; font-weight: 400; cursor: pointer; }
.radio-box-group .radio-box:last-child { margin-bottom: 0; }
.radio-box-group .radio-box { display: flex ; flex-direction: row; align-items: center; margin-bottom: 15px; }
.radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; cursor: pointer; }
.select-address-box { margin-bottom: 30px; }
.patient-address-box .title-box { margin-bottom: 10px; }
.main-box .patient-address-box h5 { margin-bottom: 0; }
.add-address-btn { margin: 0 auto; }
.radio-box-group .radio-box { display: flex ; flex-direction: row; align-items: center; margin-bottom: 15px; }
.patient-address-box .select-patent-box { margin-bottom: 30px; }
.payment-method-area .hardcopy-title { margin-bottom: 5px; font-weight: 500; }
.main-btn.bg-green, .tabs_checkout .main-btn:hover { background: #ff0000; }
.your-cart-collapse-box .main-btn {display: inline-flex  !important;}
.your-cart-collapse-box .main-btn { width: 150px  !important; min-height: 40px; font-size: 14px; display: inline-flex ; }

#address_form .form-group label { font-weight: 500; font-size: 16px; margin-bottom: 10px; display: block; color: #666; }
#address_form .form-group input {border: 1px solid #ccc; padding: 10px 15px; border-radius:7px; width: 100%;}
#address_form .form-group input:focus {box-shadow: none; border: 1px solid #000;}
#address_form .form-group select {border: 1px solid #ccc; padding: 10px 15px; border-radius:7px; width: 100%;}
#address_form .form-group select:focus {box-shadow: none; border: 1px solid #000;}
.add_add_pop .modal-dialog { max-width: 700px; }
#address_form .form_btn { border: 0; height: 54px; width: 160px; color: #fff; font-size: 18px; font-weight: 600; border-radius: 27px; padding: 10px 10px 12px; background-color: #163a69; transition: .5s ease-in-out; }
.add_add_pop .modal-body { padding: 30px; }
#address_form .form_btn:hover {background: #ff0000;}
.add-pateint-btn {cursor: pointer;}




#add_pateint_form .form-group label { font-weight: 500; font-size: 16px; margin-bottom: 10px; display: block; color: #666; }
#add_pateint_form .form-group input {border: 1px solid #ccc; padding: 10px 15px; border-radius:7px; width: 100%;}
#add_pateint_form .form-group input:focus {box-shadow: none; border: 1px solid #000;}
#add_pateint_form .form-group select {border: 1px solid #ccc; padding: 10px 15px; border-radius:7px; width: 100%;}
#add_pateint_form .form-group select:focus {box-shadow: none; border: 1px solid #000;}
.add_patient_pop .modal-dialog { max-width: 700px; }
#add_pateint_form .form_btn { border: 0; height: 54px; width: 160px; color: #fff; font-size: 18px; font-weight: 600; border-radius: 27px; padding: 10px 10px 12px; background-color: #163a69; transition: .5s ease-in-out; }
.add_patient_pop .modal-body { padding: 30px; }
#add_pateint_form .form_btn:hover {background: #ff0000;}
#add-pateint-btn {cursor: pointer;}

#add_pateint_form  .radio-btn { color: #222; font-size: 16px; font-weight: 500; cursor: pointer; position: relative; padding-left: 40px; padding-right: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#add_pateint_form  .radio-btn input { opacity: 0; cursor: pointer; position: absolute; }
#add_pateint_form  .checkmark { left: 0; top: -4px; width: 30px; height: 30px; position: absolute; border-radius: 50%; background-color: #fff; border: 2px solid #ddd; }

#add_pateint_form .radio-btn input:checked~.checkmark:after { content: ""; display: block; }
#add_pateint_form .radio-btn .checkmark:after { top: 6px; left: 11px; width: 7px; height: 14px; position: absolute; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
#add_pateint_form .checkmark:after { content: ""; display: none; position: absolute; }
#add_pateint_form .radio-btn input:checked~.checkmark { border: none; background-color: #ff0000; }
#add_pateint_form .gender-radio-select { display: flex ; }


.apply-discount-box .promo-code-box { margin-bottom: 15px; }
.promo-code-box { display: flex ; flex-direction: row; align-items: baseline; justify-content: space-between; }
.cart-summary-box .promo-code-box.inner-btn .flex-box { width: 100%; }
.promo-code-box.inner-btn .flex-box { flex-wrap: wrap; }
.flex-box { display: flex ; flex-direction: row; align-items: center; }
.promo-code-box.inner-btn .input-field-box { position: relative; flex: 0 0 100%; max-width: 100%; margin: 0; }
.promo-code-box .input-field-box { flex: 0 0 70%; max-width: 70%; margin-right: 10px; }
.promo-code-box.inner-btn .form-control { min-height: 50px; padding-right: 90px !important; }
.promo-code-box .form-control { margin-right: 12px; width: 100%; min-height: 40px; border-radius: 10px; }
.promo-code-box.inner-btn .apply-btn { min-width: 80px; position: absolute; font-size: 14px; top: 8px; right: 8px; width: auto; min-height: calc(100% - 16px); border-radius: 8px; }
.wallet-coin-box { background: rgb(197 197 197 / 30%); border-radius: 10px; padding: 10px; margin-bottom: 15px; }
.use-coin-check-area .check-input-label { font-weight: 600; }
.check-input-label { position: relative; cursor: pointer; display: flex ; flex-direction: row; align-items: center; }
.check-input:checked+.check-input-label:before { background: #7bd989; border-color: transparent; }
.check-input-label:before { content: ""; -webkit-appearance: none; background: transparent; border: 1px solid #7bd989; padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; border-radius: 4px; transition: .4s ease-in-out; margin-right: 10px; }
.wallet-coin-box .coin-available { display: inline-block; padding: 0 5px; }
.check-input:checked+.check-input-label:after { content: ""; display: block; position: absolute; top: 4px; left: 7px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.use-coin-check-area .check-input-label { font-weight: 600; }

.cart-summary-box .total-amount-box { margin-bottom: 0; }
.total-amount-box .total-collapse-box { padding-right: 18px; cursor: pointer; padding-bottom: 10px; }
.total-amount-box .total-row { border-bottom: 1px solid #ddd; padding: 15px 0; }
.total-amount-box .flex-box { justify-content: space-between; width: 100%; }
.total-amount-box .total-amount-title { margin-bottom: 0; font-weight: 600; font-size: 18px; color: #222; }
.total-amount-box .total-amount { text-align: right; }
.total-amount-box .total-amount { display: block; font-weight: 600; font-size: 18px; color: #222; }
.total-amount-box .total-row { border-bottom: 1px solid #ddd; padding: 15px 0; }
.total-amount-box .total-row:last-child { border-bottom: 0; padding-bottom: 0; }
.total-amount-box .flex-box { justify-content: space-between; width: 100%; }
.total-amount-box .total-amount-title { margin-bottom: 0; font-weight: 600; font-size: 18px; color: #222; }
.total-amount-box .total-amount { text-align: right; }
.total-amount-box .total-amount { display: block; font-weight: 600; font-size: 18px; color: #222; }
.main-btn { font-size: 18px; font-weight: 700; color: #fff; background: #163a69; min-height: 50px; border-radius: 30px; border: 0; width: 100%; transition: .3s ease-in-out; display: flex ; justify-content: center; align-items: center; }
.checkout-btn { display: block; text-align: center; padding: 11px 0; }
.cart-summary-box .total-amount-box {display: block;}
.cart-summary-box .total-amount-box .total-box {display: flex; justify-content: space-between; margin-bottom: 15px;}
.cart-summary-box .total-amount-box .net-amount-box {display: flex; justify-content: space-between;}

.login_pop .right_icon .common-input-field {border: none; padding: 0;}

.selected_test .multiselect-wrapper h3 { font-weight: bold; font-size: 20px; margin-bottom: 8px; }
.selected_test .multiselect-wrapper .multiselect-inner-main {justify-content: space-between;}
.selected_test .multiselect-wrapper .multiselect-inner-main input {flex-grow: 1; padding: 8px 15px; border-radius: 8px; border: 1px solid #ccc;}
.selected_test .multiselect-wrapper .multiselect-inner-main .modify-search-btn {border: none; padding: 1px 13px; color: #fff; border-radius: 10px; min-width: 155px; width: auto; min-height: 45px; font-weight: 400; font-size: 12px; margin-left: 15px; background: #163a69;}
.selected_test .multiselect-inner-main input:focus {border:1px solid #ccc; outline: none;}
.selected_test .multiselect-wrapper .multiselect-inner-main > div {flex: 2;}
.selected_test .multiselect-wrapper .multiselect-inner-main > div input {border: none;}
.selected_test .multiselect-wrapper .multiselect-inner-main > div input:focus {border: none;}
.tab-pane .upload_prescription .tab-main-content-box input { -webkit-appearance: none; width: auto; border: none; background: #fff; padding: 9px 15px;}
.tab-pane .upload_prescription .common-input-field {background: none; padding: 0; border: none;}
.pop_pack_sl .slick-slide img { display: block; border-radius: 10px; cursor: pointer; max-height: 230px; object-fit: cover;}

.top_location i { color: #fff; position: relative; top: 4px; }
.top_location .right_loc {color: #fff;}
.top_location .right_loc p {font-weight: bold;}
.top_location { justify-content: center; }

.tabs_banner_search_data #myTabContent .search_by_package { display: flex ; align-items: center; }
.tabs_banner_search_data #myTabContent .search_by_package button {min-width: 150px !important;}
.tabs_banner_search_data #myTabContent .search_by_package button[disabled] {background-color: #ccc;}
.tabs_banner_search_data #myTabContent .search_by_package input {padding: 4px 15px;}
.tabs_banner_search_data #myTabContent .search_by_package .multiSelectContainer input {margin-top: 0;}
.search_by_package .searchWrapper {border: none !important; background: #fff; border-radius: 25px;width: 95%;}
.search_by_package > div {flex: 2;}
.search_by_package .chip { align-items: center; background: #181717; border-radius: 11px; color: #fff; display: inline-flex ; font-size: 11px; line-height: 16px; margin-bottom: 5px; margin-right: 5px; padding: 2px 7px; }


#popularprofile .slick-slide > div { margin: 0 8px; }
#populartest .slick-slide > div { margin: 0 8px; }

#popularprofile .slick-prev { right: 70px !important; left: auto; }
#popularprofile .slick-prev:before, #popularprofile .slick-next:before { color: #000; font-size: 38px !important; font-family: none; }
#popularprofile .slick-prev:before { content: '←'; }
#popularprofile .slick-next:before { content: '→'; }
#popularprofile .slick-next, #popularprofile .slick-prev { top: -35px; right: 0; position: absolute; z-index: 100; background-color: #00000000; color: white; border-radius: 50%; }
#popularprofile .slick-next { right: 25px; }

#populartest .slick-prev { right: 70px !important; left: auto; }
#populartest .slick-prev:before, #populartest .slick-next:before { color: #000; font-size: 38px !important; font-family: none; }
#populartest .slick-prev:before { content: '←'; }
#populartest .slick-next:before { content: '→'; }
#populartest .slick-next, #populartest .slick-prev { top: -35px; right: 0; position: absolute; z-index: 100; background-color: #00000000; color: white; border-radius: 50%; }
#populartest .slick-next { right: 25px; }


.lab-detail-main-box .pagination li {margin: 0 2px;}
.lab-detail-main-box .pagination { justify-content: flex-end; }
.lab-detail-main-box .pagination li.disabled a {cursor: default; opacity: 0.5;}
.lab-detail-main-box .pagination li.active a {font-weight: 800; color: gray;}

.des-test-package-pup .tag-line-package span { background-color: #f1f1f1; color: #163a69; border-radius: 5px; padding: 1px 8px; font-size: 12px; font-weight: 700; margin: 5px 0; display: inline-block; }
.test_package_lab_detail_popup .modal-body { padding: 18px; }
.des-test-package-pup .tag-line-package {margin-bottom: 6px;}
.des-test-package-pup .description_package p { font-size: 14px; line-height: 24px; }
.des-test-package-pup .description_package > strong { margin-bottom: 6px; display: inline-block; }


/*--Booking Order--*/
.booking_single_user .refid span {font-weight: 800; display: block;}
.booking_single_user .refid span.status {color: #fff; display: inline-block; padding: 4px 12px; margin: 8px 0; border-radius: 25px;}
.booking_single_user .order_user_detail ul {margin: 20px 0 0 0; display: flex; flex-wrap: wrap;}
.booking_single_user .order_user_detail ul li {width: 50%; margin-bottom: 20px;}
.booking_single_user .order_user_detail ul li h3 { font-size: 18px; font-weight: 500;margin-bottom: 6px; }
.booking_single_user .order_user_detail ul li a {display: inline-block;font-size: 15px;}
.booking_single_user .order_user_detail ul li p {max-width: 300px; font-size: 14px;}
.booking_single_user .order_user_detail ul li span.lab_name { font-size: 14px; font-weight: 600; }

.booking_single_user .booking_table tr th { background: #f6f4f4; width: 150px; font-size: 14px; padding: 4px 4px; }
.booking_single_user .booking_table table tr td {border: 1px solid #ccc; padding: 8px;font-size: 14px;} 
.booking_single_user .booking_table { overflow-y: scroll; margin-bottom: 25px; margin-top: 25px; }

.payment-method h6 { font-size: 17px; margin-bottom: 8px; }
.payment-method p { font-size: 15px; text-transform: uppercase; }

.sub-total-box .total-amount-box-wrapper { display: flex ; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1px; }
.sub-total-box .total-amount-box-wrapper .total-amount-title { margin-bottom: 2px; font-weight: 600; font-size: 17px; color: #222; }
.sub-total-box .total-amount-box-wrapper:before { content: ""; display: block; height: 1px; width: 100%; background: #ddd; margin: 10px 0; flex: 0 0 100%; max-width: 100%; }
.sub-total-box .total-amount-box-wrapper:nth-child(1)::before {display: none;}
.total_bottom {margin-top: 15px;}
.pending {background: red; color: #fff; border-radius: 25px; padding: 3px 8px;}
.completed {background: green; color: #fff; border-radius: 25px; padding: 3px 8px;}

.booking_table .table th:nth-child(1) {max-width: 100px;}

.pending.rep { cursor: not-allowed; background: gray; width: 30px; height: 30px; display: flex ; justify-content: center; align-items: center; border-radius: 25px;}
.completed.rep {cursor: pointer; background-color: #008000;width: 30px; height: 30px; display: flex ; justify-content: center; align-items: center; border-radius: 25px;}

.empty-cart-message {text-align: center; margin-top: 40px; display: flex; flex-direction: column; align-items: center;}
.empty-cart-message i {font-size: 80px; margin-bottom: 20px;}
.empty-cart-message img {width: 80px; margin-bottom: 30px;}
.empty-cart-message p {display: block;}

.edit-address-user ul {display: flex; gap: 10px;}
.edit-address-user ul li:nth-child(2) i {color: red;}
.error {color: red;}

.family_table {margin: 0; padding: 0;}
.family_table .address-info { width: 100%; padding: 15px 0; border-bottom: 1px solid #ddd; }
.family_table .address-info h4 { float: left; color: #222; font-size: 18px; font-weight: 500 !important; margin-bottom: 0; }
.family_table .member-name .member-tag { background: rgba(20, 58, 105, .1); }
.family_table .address-name a { float: right; color: #163a69; font-size: 16px; }
.family_table .address-name a { float: right; color: #163a69; font-size: 16px; }
.member-detail-wrapper {  width: 100%; }
.member-detail-wrapper .member-detail-row { display: flex ; flex-direction: row; align-items: center; margin-bottom: 0; margin-top: 15px; flex-wrap: wrap; }
.member-detail-wrapper .member-detail-row .member-detail-col:first-child { padding-left: 0; }
.member-detail-wrapper .member-detail-row .member-detail-col { flex: 0 0 auto; padding: 0 15px; }
.member-detail-wrapper .member-detail-row .member-detail-col .member-detail-box { display: flex ; flex-direction: row; align-items: center; }
.member-detail-wrapper .member-detail-row .member-detail-col .member-detail-box .img-box { margin-right: 5px; margin-bottom: -3px; }
.member-detail-col .member-detail-box .member-detail-text {color: #222; font-size: 16px; }
.family_table .address-name .address-tag { padding: 5px 10px; color: #ffffff; font-size: 12px; font-weight: 500; margin-left: 8px; border-radius: 5px; text-transform: uppercase; background-color: #ff4545; box-shadow: 0 4px 5px #ccc; }
.member-detail-wrapper .member-detail-row .member-detail-col .member-detail-box .img-box i {color:#002f5e;}

.family_table .add-family-member { display: block; text-align: right;  margin-bottom: 12px; }
.family_table .add-family-member p {font-weight: 600; cursor: pointer;}
.family_mem_add_frm .add_add_btn button { width: 100%;}
.family_table .member-name a {cursor: pointer;}

.family_table .address-wrapper.family-members-wrapper {margin-bottom: 12px;}

.booking_single_user .order_tp {display: flex; justify-content: space-between;}
.booking_single_user .order_tp .download_inv a {transition: all 0.7s ease; background: #333; color: #fff; padding: 8px 26px; border-radius: 25px;} 
.booking_single_user .order_tp .download_inv a:hover {background: #ff0000;}
.apply-discount-area .input-field-box input:focus {box-shadow: none; border: 1px solid #222; outline-color: #000;}
.family_table .address-info h4::first-letter {text-transform: uppercase;}
p.upload_pr { cursor: pointer; background: #f42323; position: fixed; z-index: 999; right: -33px; bottom: 45%; color: #fff; transform: rotate(270deg); padding: 8px 12px; border-radius: 5px; font-weight: 800; }
p.upload_pr:hover {background: #000;}

.upload_pres .pricription_pop label {font-weight: 600; margin-bottom: 7px;}
.upload_pres .pricription_pop input {width: 100%; border: 1px solid #000; border-radius: 5px; box-shadow: .1rem .1rem .1rem rgb(0 0 0 / 5%); box-shadow: 0 8px 11px #0000001f; padding: 10px 13px; }
.upload_pres button.sub {padding: 8px 15px; border-radius: 5px; transition: all 0.5s ease; background: #f42323; color: #fff; width: 100%; margin-top: 10px; border: 1px solid #f42323 !important; }
.upload_pres button.sub:hover { background: #000; border: 1px solid #000 !important; }
.upload_pres .pricription_pop input:focus {outline: none;}
.total-amount-box .total_test_loop ul {margin: 15px auto;padding: 0; width: 95%;}
.total-amount-box .total_test_loop ul li {display: flex; justify-content: space-between;}
.total-amount-box .total_test_loop ul li h3 {font-size: 18px;}
.total-amount-box .total_test_loop ul li .dis-right {text-align: right;}
.total-amount-box .total_test_loop ul li {margin-bottom: 10px;}
.total-amount-box .total_test_loop ul li:nth-last-child(1) {margin-bottom:0px;}
.total-amount-box .total_test_loop ul li .test_dis p {padding-left: 12px;}
.upload_pres .pricription_pop select {width: 100%; border: 1px solid #000; border-radius: 5px; box-shadow: .1rem .1rem .1rem rgb(0 0 0 / 5%); box-shadow: 0 8px 11px #0000001f; padding: 10px 13px; }
.counter_item { background-color: #0cc93b; position: absolute; color: #fff; left: -12px; width: 20px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; height: 20px; top: -7px; font-size: 15px; }
.header_right > ul li:nth-child(2) a {position: relative;}
ul.type_checkbox {display: flex; gap: 12px;}
ul.type_checkbox li label {display: flex;gap: 6px;}

ul.dropdwn_bg {border-radius: 5px; position: absolute; top: 100%; left: 0px; right: 0px; background-color: rgb(255, 255, 255); overflow-y: auto; z-index: 1000; list-style-type: none; margin:0px 0 0 0; padding: 8px; }
ul.dropdwn_bg li:hover {background: #eee; border-radius: 5px;}
input.lab_inp {width: 100%; padding: 8px 15px !important;}
input.lab_inp:focus {border: none; outline: none;border: 1px solid #d9d9d9;}
ul.dropdwn_bg li {padding: 10px 15px; cursor: pointer;}

.highlightOption { background: #eee !important; color: #333 !important; }
.multiSelectContainer li:hover {border-radius: 5px; background: #eee !important; color: #333 !important; cursor: pointer; }
.multiSelectContainer ul {  border: none !important;overflow-y: auto; padding: 8px !important; }
.multiSelectContainer ul li {padding: 8px 12px;background: #fff !important; color: #333 !important;}
.optionListContainer {width: 95% !important;}
.multiselect-container ul.optionContainer .option input {display: none !important;}


.order_payment_page .booking_table { overflow-y: scroll; margin-bottom: 25px; margin-top: 25px; }
.order_payment_page .booking_table tr th {border: 1px solid #ccc; background: #f6f4f4; width: 150px; font-size: 14px; padding: 6px 10px; }
.order_payment_page .booking_table table tr td { border: 1px solid #ccc; padding: 8px; font-size: 14px; }
.order_payment_page {padding: 70px 0;}
.order_payment_page .payment-method { display: flex ; justify-content: space-between; margin-bottom: 15px; }
.order_payment_page .pay_now {transition: all 0.5s ease; width: 100%; padding: 10px 12px; background: #f42323; color: #fff; border: none; border-radius: 25px; margin-top: 25px; }
.order_payment_page .pay_now:hover {background: #000;}

.span_code { background: linear-gradient(223.23deg, #deffea -39.74%, #96eb98 94.44%); padding-left: 5px; padding-right: 5px; border-radius: 5px; }
table#clc tr:hover {background: #f4f4f4;}


.filters-booking {display: flex; flex-wrap: wrap; justify-content: space-between;}
.filters-booking input {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 25px; border: 1px solid #ccc; padding: 7px 15px; color: #666;}
.filters-booking select {border-radius: 25px; border: 1px solid #ccc; padding: 7px 15px; color: #666; width: 25%;}
.filters-booking input:focus {border: 1px solid #ccc;box-shadow: none; outline: none;}
.filters-booking .side-select select {margin-right: 8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filters-booking .side-select:nth-last-child(1) select {margin-right: 8px;}
.filters-booking .side-select {text-align: right;}
.btn-completed, .btn-accepted {background: green; color: #fff; border-radius: 25px; padding: 3px 8px;}
.btn-pending {background: red; color: #fff; border-radius: 25px; padding: 3px 8px;}

.booking_table tbody tr:hover {background:#f9f9f9;}
.booking_table tbody tr:hover td {background: none;}
.word-number {text-transform: capitalize;}


.main_wh_ch_points {background-color: #fff; padding: 70px 0;}
.main_wh_ch_points .top_why_ch {text-align: center;}
.main_wh_ch_points .top_why_ch h3 {color: #000; font-weight: 700;}
.main_wh_ch_points .top_why_ch p {line-height: 26px;}
.main_wh_ch_points .top_why_ch h3 span { color: #f42323; }
.main_wh_ch_points h3 { font-size: 26px; font-weight: bold; color: #000; line-height: 36px; margin-bottom: 10px; display: inline-block; }
.icon_wh h4 {color: #000; font-weight: 700; font-size: 17px; margin-bottom: 8px;}
.main_wh_ch_points .icon_wh {border: 1px solid #ccc; transition: all 0.7s ease; background: linear-gradient(176deg, rgba(255, 255, 255, 1) 0%, #ebebeb 100%); padding: 15px; border-radius: 12px; height: 100%; text-align: center;}
.main_wh_ch_points .icon_wh img {width: 70px; margin-bottom: 10px;}
.main_wh_ch_points .icon_wh:hover {transform: scale(1.04);}

.banner_discount .slick-arrow {display: none !important;}
.banner_discount ul.slick-dots {bottom: 20px;}
.banner_discount ul.slick-dots li.slick-active button:before { width: 30px !important; font-size: 0; background: #000; height: 10px; border-radius: 9px; }
.banner_discount ul.slick-dots li {margin: 0 4px;}
.banner_discount ul.slick-dots li button:before { opacity: 0.8; width: 10px !important; font-size: 0; background: #fff; height: 10px; border-radius: 9px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/*--Responsive--*/
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}

@media only screen and (max-width: 1440px) {
.sub_head ul {gap: 26px;}
.tabs_banner_search_data .nav-item .nav-link {padding: 8px 12px;font-size: 15px;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.header_main .home_menu_left ul li a {font-size: 13px;}
.lab_detail_page .container {max-width: 1150px; padding: 0 15px;}
.pharmadian.lab-detail-area .detail-row {flex-wrap: wrap;}
.pharmadian.lab-detail-area .prescription-area { margin-left: 0; display: block; margin-top: 20px; text-align: left; }
.pharmadian.lab-detail-area .certificate-row {margin-right: 0;}
.pharmadian.lab-detail-area .lab-detail-heading-box { display: flex ; flex-direction: row; align-items: flex-start; }
.avaliable_labs .test-detail-listing-box .lab-timing-inner-detail-box { width: auto; margin-right: 0; }
.slider-coupun .promo-slider-box { width: 32%;}
.filters-booking input {width: 30%;}
.filters-booking .side-select {width: 70%;}
}

@media only screen and (max-width: 992px) {
.resp_tb {overflow-x:auto;}
.resp_tb .table tbody tr td { vertical-align: middle; min-width: 130px; }
.precptions-upload ul { display: flex ; gap: 10px; justify-content: space-between; }
.precptions-upload ul li a { font-size: 16px; }
.header_right ul li a {font-size: 11px !important; font-weight: bold !important; color: #333 !important; white-space: nowrap !important;}
.header_right ul li a i {font-size: 13px !important; color: #333 !important;}
.search_header input { padding: 8px 15px; border: 1px solid #ccc; border-radius: 25px; position: relative; width: 100%; }
.search_header { flex: 1; }
.logo { flex: 1; }
.header_right ul { gap: 6px}
.logo { margin-right: 10px; }
.home_menu_left .navbar-toggler:focus {box-shadow: none;}
.navbar-collapse { position: absolute; top: 48px; background: #f42323; min-width: 200px; z-index: 999; border-radius: 15px; padding: 8px; }
.header_main .home_menu_left ul { gap: 0px; }
.header_main .home_menu_left ul li a {color: #fff !important}
.home_menu_left .navbar-toggler { font-size: 1rem;}
#filter_side {width: 0px; left: -100%;}
.filter_btn {cursor: pointer;}
#filter_side.sidebar_act {display: block !important ; position: absolute; background: #fff; position: fixed; top: 0; left: 0%;  background: #fff; height: 100%; box-shadow:0 8px 310px -5px rgb(0 0 0 / 24%), 0 16px 24px 2px rgb(163 163 163 / 51%), 0 6px 30px 5px rgb(67 65 65 / 21%); width: 290px; z-index: 9999; transition: .3s ease-in-out;transition: width 1s; }
.sidebar_act .user_sidebar {box-shadow: none !important; border: none !important;}
.cross_close { background: #ebebeb; width: auto; height: 38px; color: #000000; display: inline-flex ; align-items: center; justify-content: center; border-radius: 50px; margin-top: 10px; gap: 10px; justify-content: flex-start; padding-left: 15px; padding-right: 15px; }
.banner_top { padding: 40px 0; }
.sample_collection {display: none;}
.tabs_banner_search_data .nav-item .nav-link { padding: 8px 8px;}
.numbering ul {flex-wrap: wrap; gap: 20px; }
.numbering ul li {width: 48%;}
.breadcrumb { background-position-x: right; }
.package_list .list_packages ul li { width: 23%;}
.package_list .list_packages ul li { margin-bottom: 4%; }
.lifestyle_packages .container { border-radius: 30px; padding: 40px 40px;}
.selected_test .container {max-width: 870px; padding: 0 15px;}


.pharmadian.lab-detail-area .detail-row {flex-wrap: wrap;}
.pharmadian.lab-detail-area .prescription-area { margin-left: 0; display: block; margin-top: 20px; text-align: left; }
.pharmadian.lab-detail-area .certificate-row {margin-right: 0;}
.pharmadian.lab-detail-area .lab-detail-heading-box { display: flex ; flex-direction: row; align-items: flex-start; }
.booking-area .date-picker-area { flex-wrap: wrap; }
.slider-coupun .promo-slider-box { width: 48%;}
.slider-coupun {flex-wrap: wrap;}
#navbarNav ul li a { display: block; padding: 8px 5px; }
#printableArea {overflow-y: auto;}
#printableArea table tr td {min-width:200px !important;}
.filters-booking input {width: 30%;}
.filters-booking .side-select {width: 70%;}
.header_right ul li .dropdown-menu li a {font-size: 14px;} 
.header_right ul.dropdown-menu {right: 0;}
}

@media only screen and (max-width: 850px) {
.selected_test .test-detail-description-box .description-inner { margin-bottom: 10px; flex: 0 0 100%; max-width: 100%; width: 100%; flex-direction: row; flex-wrap: wrap; }
.selected_test .test-detail-listing-row .test-detail-listing-col .test-detail-listing-box { align-items: flex-start; }
.selected_test .address-inner-detail-box, .selected_test .lab-detail-listing-area .address-inner-detail-box, .selected_test .rating-inner-detail-box, .selected_test .tat-inner-detail-box { margin-right: 10px; width: 100%; }
.selected_test .detail-box .description-inner-detail-box { margin-top: 10px;}
.selected_test .detail-box .lab-timing-inner-detail-box {margin-bottom: 10px;}
.lab-timing-inner-detail-box { width: auto; margin-right: 0; }
.selected_test .detail-box  .detail-btn-area { width: 100%; }
.family_table .member-detail-row .member-detail-col { flex: 0 0 50%; max-width: 50%; padding: 0; margin-bottom: 10px; }

}

@media only screen and (max-width: 767px) {
.popular-cities-list { display: flex; justify-content: start; flex-wrap: wrap; gap: 14px; }
.popular-cities-list > button {max-width: 116px; flex: 0 0 116px;}
.cities_list_wise ul li { width: 48%; }
.blb_test ul li .left_head {text-align: left;}
.ch_name {margin: 40px 0;}
.partner_form {margin-top: 50px;}
.partner_sec {  background: #eee8e1; }
.package_list .list_packages ul li { width: 30%; }
.tabs_banner_search_data .tab-horizontal .nav-tabs .nav-item a.nav-link {font-size: 12px;}

.selected_test .container {max-width: 870px; padding: 0 15px;}
.pharmadian.lab-detail-area .detail-row > div { width: 48%;}
.pharmadian.lab-detail-area .main-btn.prescription-btn { transition: all 0.7s ease; cursor: pointer; font-size: 15px; padding: 9px 21px; border-radius: 10px; background: #163a69; color: #fff; display: inline-block; }
.pharmadian.lab-detail-area .detail-row .other-detail-col { width: max-content; margin-right: 10px; }

.pharmadian.lab-detail-area .tests-listing li {flex: 0 0 100%; max-width: 100%;}
.pharmadian.lab-detail-area .sort_by .sort-by-wrapper { margin-left: auto; margin-right: 10px; }
.pharmadian.lab-detail-area .lab-detail-main-box .search-and-sort-box .sort-by-wrapper:last-child { margin: 0; }
.lab_detail_page .search-test-wrapper, .lab_detail_page .search-test-wrapper input {width: 100%;}
.lab_detail_page .search-and-sort-box { display: flex !important ; flex-wrap: wrap; gap: 12px; }

.avaliable_labs .address-inner-detail-box { margin-right: 10px; width: 100%; }
.avaliable_labs .description-inner { margin-bottom: 10px; flex: 0 0 100%; max-width: 100%; width: 100%; flex-direction: row; flex-wrap: wrap; }
.avaliable_labs .test-detail-listing-row .rating-inner-detail-box { margin-right: 5px; width: 105px; margin-left: 0; }
.avaliable_labs .test-detail-description-box { flex-direction: column; align-items: flex-start; padding-right: 0;}
.avaliable_labs .detail-btn-area { flex: 0 0 100%; max-width: 100%; width: 100%; justify-content: flex-start; position: static; }
.right_user_page .form-user .name_label { width: 48%;}
.booking_single_user .booking_table tr th:nth-child(1) { min-width: 200px !important; }
.booking_single_user .booking_table tr th:nth-child(2) { min-width: 150px !important; }
.booking_single_user .booking_table tr th:nth-child(3) { min-width: 100px !important; }
.booking_single_user .booking_table tr th:nth-child(4) { min-width: 150px !important; }
.booking_single_user .booking_table tr th:nth-child(5) { min-width: 150px !important; }
.payment-method {margin-bottom: 25px;}

.order_payment_page .booking_table tr th:nth-child(1) { min-width: 200px !important; }
.order_payment_page .booking_table tr th:nth-child(2) { min-width: 150px !important; }
.order_payment_page .booking_table tr th:nth-child(3) { min-width: 100px !important; }
.order_payment_page .booking_table tr th:nth-child(4) { min-width: 150px !important; }
.order_payment_page .booking_table tr th:nth-child(4) { min-width: 150px !important; }
.order_payment_page {padding: 30px 0;}
}

@media only screen and (max-width: 700px) {
.pharmadian.lab-detail-area .lab-detail-heading-box .image-box { margin-right: 0; margin-bottom: 10px; flex: 0 0 100%; max-width: 100%; width: 100%; }
.pharmadian.lab-detail-area .lab-detail-area .lab-detail-heading-box { flex-direction: column !important; flex-wrap: wrap; align-items: flex-start; }
.pharmadian.lab-detail-area .lab-detail-heading-box .lab-detail-box { flex: 0 0 100%; max-width: 100%; }
.pharmadian.lab-detail-area .lab-detail-heading-box {flex-direction: column !important;}
.pharmadian.lab-detail-area .lab-detail-heading-box h1 { margin-bottom: 5px; max-width: 420px; font-size: 22px; margin-right: 15px; }
.pharmadian.lab-detail-area .description-inner .address-text {max-width: max-content;}
.pharmadian.lab-detail-area .lab-rating { display: flex ; flex-wrap: wrap; justify-content: flex-end; text-align: right; }
.pharmadian.lab-detail-area .detail-row .certificate-row { width: 100%; min-width: 100%; margin-bottom: 12px; }
.pharmadian.lab-detail-area .detail-row .prescription-area {width: 100%;}
.pharmadian.lab-detail-area .main-btn.prescription-btn {width: 100%; text-align: center;}
.pharmadian.lab-detail-area .name-rating {  align-items: center;}
.pharmadian.lab-detail-area .detail-row .other-detail-col { width: 45%; text-align: right; margin-right: 0; }
.pharmadian.lab-detail-area .detail-row .other-detail-area .other-detail-row .other-detail-col {width: 100%; text-align: left;}
.booking_single_user .order_user_detail ul li {width: 100%;}
}

@media only screen and (max-width: 576px) {
.social_links ul { justify-content: center;}
.email_top_bar {text-align: left; margin-top: 0;}
.logo_search .search_header {display: none;}
.logo_search .logo img {max-width: 150px;}
.logo { margin-right: 0; text-align: center; }
.package_list .list_packages ul li { width:48%; }
.test-detail-listing-row .test-detail-listing-col {box-shadow: none;}
.test-detail-area .info-listing {flex-direction: column; align-items: flex-start; gap: 15px;}
.test-detail .certification-area .certification-row {gap: 15px;}
.popular_profiles_hm .popular_profile_hm h2, .popular_test_Packages .popular_test_Package h2, .testimional_hm .testimional_head h2 { margin-bottom: 25px; }
.family_table .member-detail-row .member-detail-col { flex: 0 0 100%; max-width: 100%; padding: 0; margin-bottom: 10px; }
.filters-booking input {width:40%;}
.filters-booking .side-select {width: 40%;}
.filters-booking {gap: 15px;}
.filters-booking .side-select select {width: 100%;}
.filters-booking select:nth-last-child(2), .filters-booking select:nth-last-child(3) {display: none;}
}

@media only screen and (max-width: 480px) {
.popular-cities-list > button { max-width: 110px; flex: 0 0 110px; }
.numbering ul li {width: 100%;} 
.popular-cities-list > button { max-width: 105px;}
.tabs_banner_search_data .tab-horizontal .nav-tabs {flex-wrap: nowrap;}
.tabs_banner_search_data .tab-horizontal .nav-tabs .nav-item a.nav-link {flex-direction: column; display: flex; text-align: center; font-size: 13px;}
.tabs_banner_search_data #myTabContent .search_by_package {flex-direction: column; gap: 15px;}
.tabs_banner_search_data #myTabContent .search_by_package input {margin-right: 0;}
.tabs_banner_search_data #left-tabs-example-tabpane-secured .upload_prescription .input-field-box {flex-direction: column; gap: 15px;} 
.tabs_banner_search_data #left-tabs-example-tabpane-secured .upload_prescription .input-field-box input {margin-right: 0 !important; width: 100%;}
.tabs_banner_search_data .tab-horizontal .nav-tabs .nav-item {width: 32%;}
.tabs_banner_search_data .tab-horizontal .nav-tabs {justify-content: space-between;}
.selected_test .test-detail-listing-row .detail-box .test-detail-heading-box {flex-direction: column !important; align-items: flex-start !important; gap: 10px;} 
.selected_test .search-and-sort-box { flex-direction: column; gap: 12px; }
.selected_test .sort-box-for-lab {text-align: right;}
.selected_test .search-bar-box input {width: 100%;}
.branches-listing-area .branches-listing-row .branches-listing-box { flex-direction: column; align-items: flex-start; }
.branches-listing-row .branches-listing-box .branches-detail-box { flex: 0 0 100%; max-width: 100%; }
.branches-listing-row .branches-listing-box .btn-area { flex: 0 0 100%; max-width: 100%; text-align: right; margin-top: 20px; }
.branches-listing-row .branches-listing-box .btn-area .main-btn {display: inline-block;}
.pharmadian.lab-detail-area .other-detail-row { flex-wrap: wrap; gap: 12px;}
.pharmadian.lab-detail-area .other-detail-row .other-detail-col { width: 45%;}
.avaliable_labs .search-and-sort-box {flex-direction: column; gap: 12px;}
.avaliable_labs .search-and-sort-box .search-bar-box input {width: 100%;}
.avaliable_labs .search-and-sort-box .sort-box-for-lab {text-align: right;}
.test-detail .test-detail-area .info-listing .info-listing-col {flex: 0 0 100%; max-width: 100%;}
.test-detail .certification-area .certification-row {margin: 0;}
.avaliable_labs .test-detail-listing-row .description-inner {gap: 14px;}
.changes_branches_pp .branches-detail-box {flex-direction: column;}
.changes_branches_pp .main-btn.apply-btn {margin-left: 0;}
.changes_branches_pp .apply-btn.apply-btn-active { background: #7bd989; width: auto !important; max-width: 100% !important; flex: 0 0 auto !important; margin-top: 15px; }
.changes_branches_pp .apply-btn { min-height: 40px; flex: 0 0 auto; max-width: max-content;margin-top: 15px; }
.slider-coupun .promo-slider-box { width: 100%;}
.selected_test .multiselect-inner-main {flex-direction: column; gap: 15px;}
.selected_test .multiselect-inner-main input, .selected_test .multiselect-inner-main button {width: 100% !important; margin: 0 !important;}
.right_user_page .form-user .name_label { width: 100%;}
.counter_item {top: -11px;}
.counter_item { background-color: #0cc93b; position: absolute; color: #fff; left: -5px; width: 16px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; height: 16px; top: -7px; font-size: 13px; }
#multiselectContainerReact .optionListContainer {position: relative;}
}

@media only screen and (max-width: 375px) {
.popular-cities-list > button { max-width: 95px; flex: 0 0 95px; }
.cities_list_wise ul li button {font-size: 13px; }
.lab_detail_page .test_list_lab .nav-tabs .nav-link {font-size: 14px;}
}


@media only screen and (max-width: 325px) {
.logo_search .logo img { max-width: 130px; }
}

/* ============================================================
   PRODUCT LISTING PAGE MODERN STYLING (TOUCH OF LANDING PAGE)
   ============================================================ */

/* Breadcrumb & Title Bar */
.breadcrumb-title-bar {
    background: #fdfdfd;
    padding: 20px 25px;
    border-radius: 16px;
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015);
}
.breadcrumb-title-bar .section-title {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px !important;
}

/* Left Filter Panel */
.filter-section {
    background: #fff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03) !important;
    padding: 24px !important;
}
.filter-section h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #f42323;
    padding-bottom: 8px;
    display: inline-block;
}
.filter_brands h6 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Brand filter logos */
.brand_filter .brand_div img {
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    padding: 6px !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    max-height: 50px !important;
    max-width: 90px !important;
    object-fit: contain !important;
}
.brand_filter .brand_div img:hover {
    border-color: #f42323 !important;
    transform: scale(1.05) !important;
}

/* Product Cards Grid */
.grid-view-card {
    border: 1px solid #eaeaea !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden;
    padding: 15px !important;
    background: #fff !important;
}
.grid-view-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07) !important;
    border-color: #f42323 !important;
}
.grid-view-card .img-box-h250 {
    height: 180px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 15px;
    background: #fdfdfd;
    border-radius: 10px;
}
.grid-view-card .img-box-h250 img {
    max-height: 90%;
    max-width: 90%;
    object-fit: contain;
    transition: transform 0.5s ease;
}
.grid-view-card:hover .img-box-h250 img {
    transform: scale(1.05);
}
.grid-view-card .card-body {
    padding: 10px 0 0 !important;
}
.grid-view-card .card-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #333 !important;
    height: 42px;
    overflow: hidden;
    margin-bottom: 10px !important;
}

/* Add to Cart button styles */
.grid-view-card .add-in-cart-btn {
    border-radius: 30px !important;
    background: #000 !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    transition: all 0.3s ease !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.grid-view-card .add-in-cart-btn:hover {
    background: #f42323 !important;
    color: #fff !important;
}
.grid-view-card .add-in-cart-btn .add-in-cart-icon i {
    color: #fff !important;
}

/* ============================================================
   CATEGORIES LISTING PAGE MODERN STYLING (TOUCH OF LANDING PAGE)
   ============================================================ */

.categorises-container {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
    border: 1px solid #eaeaea !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative;
    background: #fff;
}
.categorises-container:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
    border-color: #f42323 !important;
}
.categorises-container .categorises-banner-img {
    height: 240px !important;
    overflow: hidden !important;
    background: #f8f9fa;
}
.categorises-container .categorises-banner-img img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s ease !important;
}
.categorises-container:hover .categorises-banner-img img {
    transform: scale(1.08) !important;
}
.categorises-container .overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%) !important;
    opacity: 0.9 !important;
    transition: all 0.4s ease !important;
}
.categorises-container:hover .overlay {
    opacity: 1 !important;
    background: linear-gradient(to top, rgba(244,35,35,0.85) 0%, rgba(0,0,0,0.25) 75%, rgba(0,0,0,0) 100%) !important;
}
.categorises-container .category-body {
    left: 25px !important;
    bottom: 25px !important;
    top: auto !important;
    transition: all 0.4s ease !important;
}
.categorises-container .category-body h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 10px !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
    position: relative;
    top: 0;
}
.categorises-container:hover .category-body h3 {
    top: 0 !important;
}
.categorises-container .category-body .explore-btn {
    border-radius: 30px !important;
    background: #fff !important;
    color: #000 !important;
    border: none !important;
    font-weight: 700 !important;
    padding: 6px 20px !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    opacity: 0;
    transform: translateY(10px);
}
.categorises-container:hover .category-body .explore-btn {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.categorises-container .category-body .explore-btn:hover {
    background: #000 !important;
    color: #fff !important;
}

/* ============================================================
   BRANDS LISTING PAGE MODERN STYLING (TOUCH OF LANDING PAGE)
   ============================================================ */

.brands-card {
    background: #fff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015) !important;
    padding: 20px !important;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.brands-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
    border-color: #f42323 !important;
}
.brands-card .brands-page-image {
    height: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}
.brands-card .brands-page-image img {
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    transition: transform 0.4s ease !important;
}
.brands-card:hover .brands-page-image img {
    transform: scale(1.05) !important;
}
.brands-card .categories-card-text h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 !important;
    transition: color 0.3s ease !important;
}
.brands-card:hover .categories-card-text h4 {
    color: #f42323 !important;
}

/* ============================================================
   CONTACT US PAGE MODERN STYLING (TOUCH OF LANDING PAGE)
   ============================================================ */

.map-container {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03) !important;
    background: #fff;
}
.map-container iframe {
    width: 100% !important;
    height: 450px !important;
    border: 0 !important;
    display: block;
}
.contact-form-container {
    background: #fff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03) !important;
    padding: 30px !important;
}
.contact-form-container form label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #444 !important;
    margin-bottom: 6px !important;
}
.contact-form-container form input, 
.contact-form-container form textarea {
    border: 1px solid #eaeaea !important;
    border-radius: 10px !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease !important;
    background: #fcfcfc !important;
    box-shadow: none !important;
}
.contact-form-container form input:focus, 
.contact-form-container form textarea:focus {
    border-color: #f42323 !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(244,35,35,0.05) !important;
}
.contact-form-container button {
    border-radius: 30px !important;
    background: #f42323 !important;
    border: none !important;
    color: #fff !important;
    font-weight: 750 !important;
    padding: 10px 24px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}
.contact-form-container button:hover {
    background: #d21e1e !important;
    box-shadow: 0 4px 15px rgba(244,35,35,0.2) !important;
}

/* ============================================================
   MY ACCOUNT PAGE MODERN STYLING (TOUCH OF LANDING PAGE)
   ============================================================ */

/* Left Sidebar Navigation */
.myaccount-navigation {
    border-right: 1px solid #eaeaea !important;
    padding-right: 20px !important;
}
.myaccount-navigation ul {
    margin-top: 15px !important;
}
.myaccount-navigation ul li {
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 12px 18px !important;
    margin-bottom: 6px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    color: #444 !important;
    border: 1px solid transparent !important;
}
.myaccount-navigation ul li:hover {
    background: #fdfdfd !important;
    color: #f42323 !important;
    border-color: #eaeaea !important;
}
.myaccount-navigation-link-selected {
    background: #ffebee !important;
    color: #f42323 !important;
    border-color: #ffcdd2 !important;
}

/* Dashboard Link Cards */
.dashboard-links-container {
    margin-bottom: 24px !important;
}
.dashboard-links-container div {
    background: #fff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    padding: 25px 20px !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dashboard-links-container div:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
    border-color: #f42323 !important;
}
.dashboard-links-container div p {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-top: 12px !important;
    transition: color 0.3s ease !important;
}
.dashboard-links-container div:hover p {
    color: #f42323 !important;
}
.dashboard-links-container div i {
    color: #555 !important;
    font-size: 36px !important;
    display: inline-block;
    transition: all 0.3s ease !important;
}
.dashboard-links-container div:hover i {
    color: #f42323 !important;
}

/* General Layout & Card Override */
.padding-16-30 {
    padding: 20px 30px !important;
}
.dashboard-text p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #555 !important;
}
.dashboard-text p a {
    color: #f42323 !important;
    font-weight: 700 !important;
}
.dashboard-text p a:hover {
    text-decoration: underline !important;
}

/* User profile details, addresses and orders details cards styling */
.card, .order-card, .address-card {
    border: 1px solid #eaeaea !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015) !important;
    background: #fff !important;
    padding: 20px !important;
}
.form-user input, .form-user select, .form-user textarea {
    border: 1px solid #eaeaea !important;
    border-radius: 10px !important;
    padding: 10px 15px !important;
    background: #fcfcfc !important;
    transition: all 0.3s ease !important;
}
.form-user input:focus, .form-user select:focus, .form-user textarea:focus {
    border-color: #f42323 !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(244,35,35,0.05) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #d21e1e !important;
    border-color: #d21e1e !important;
}

/* Radio buttons wrapping display fixes */
.form-check-inline {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 15px !important;
    gap: 5px !important;
}
.form-check-input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}
.form-check-label {
    width: auto !important;
    white-space: nowrap !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Select2 Container Overlapping & Height Fixes */
.form-group.city, .form-group.pincode, .form-group.edit_city {
    position: relative !important;
}
.form-group.city label, .form-group.pincode label, .form-group.edit_city label {
    display: block !important;
    margin-bottom: 8px !important;
}
.select2-container {
    width: 100% !important;
    display: block !important;
    margin-top: 0px !important;
    background: transparent !important;
}
.select2-container--default .select2-selection--single {
    height: 45px !important;
    border: 1px solid #eaeaea !important;
    border-radius: 10px !important;
    background: #fcfcfc !important;
    outline: none !important;
    display: flex !important;
    align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
    padding-left: 15px !important;
    color: #333 !important;
    font-size: 14px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important;
    right: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.select2-container--default .select2-selection--single:focus {
    border-color: #f42323 !important;
    background: #fff !important;
}

/* Password Input Containers override */
.password-insert {
    background: #fcfcfc !important;
    border: 1px solid #eaeaea !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    height: 45px !important;
}
.password-insert input {
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
    padding: 10px !important;
    outline: none !important;
    box-shadow: none !important;
}
.password-insert input:focus {
    background: transparent !important;
    box-shadow: none !important;
}
.password-insert .eye-icons {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
}

/* User profile avatar no border */
.profile_image img.avatar {
    border: none !important;
    box-shadow: none !important;
}

/* Global horizontal overflow protection */
body {
    overflow-x: hidden !important;
}

/* Force white background on footer to cover default theme grey background */
.footer_main {
    background: #fff !important;
}

/* Remove red background behind brand logo images */
#popularbrands .icon_medical {
    background: transparent !important;
}

/* Mobile: top bar address display */
@media (max-width: 767px) {
    .top_location {
        justify-content: flex-start !important;
        padding: 4px 0 !important;
    }
    .top_location .right_loc p {
        font-size: 12px !important;
        margin-bottom: 0 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 240px;
    }
    .top_location .right_loc span {
        font-size: 11px !important;
    }
    .top_location i {
        font-size: 14px !important;
    }
    .top_bar .col-12 {
        padding-bottom: 2px;
    }
}

/* ===== MOBILE HEADER REDESIGN ===== */
@media (max-width: 991px) {

    /* Top bar: tighter, elegant 2-column grid */
    .top_bar {
        padding: 8px 0 !important;
    }
    .top_bar .row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 4px 0 !important;
        align-items: center !important;
    }
    .top_bar .col-12.col-lg-4 {
        grid-column: 1 / 3 !important;
    }

    /* Store branding compact */
    .store_branding h5 {
        font-size: 14px !important;
        margin-bottom: 0 !important;
    }
    .store_branding small {
        font-size: 11px !important;
        display: block;
    }

    /* Email bar compact */
    .email_top_bar {
        text-align: right !important;
        margin-top: 0 !important;
    }
    .email_top_bar a {
        font-size: 11px !important;
    }

    /* ── Main header nav bar ── */
    .header_main {
        padding: 8px 0 !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.10) !important;
    }
    .header_main .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .header_main .row > div {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    /* Hamburger styled with subtle red tint */
    .navbar-toggler {
        border: 2px solid #f42323 !important;
        border-radius: 8px !important;
        padding: 4px 8px !important;
        background: rgba(244, 35, 35, 0.06) !important;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28244%2C 35%2C 35%2C 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    /* Logo centered and sized nicely */
    .header_main .logo {
        text-align: center;
        flex: unset !important;
        margin-right: 0 !important;
    }
    .header_main .logo img {
        max-height: 55px !important;
    }

    /* Login / Sign Up – pill style with red */
    .header_right ul li a {
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #f42323 !important;
        white-space: nowrap !important;
        background: rgba(244, 35, 35, 0.08) !important;
        border: 1.5px solid #f42323 !important;
        border-radius: 50px !important;
        padding: 5px 10px !important;
        transition: all 0.25s ease !important;
    }
    .header_right ul li a:hover {
        background: #f42323 !important;
        color: #fff !important;
    }
    .header_right ul li a i {
        font-size: 13px !important;
        color: #f42323 !important;
    }
    .header_right ul li a:hover i {
        color: #fff !important;
    }

    /* Cart badge */
    .counter_item.cart-count {
        background: #f42323 !important;
        color: #fff !important;
        border-radius: 50% !important;
        font-size: 10px !important;
        width: 18px !important;
        height: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 700 !important;
    }

    /* Right section flex end */
    .header_right > ul {
        gap: 8px !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
    }

    /* Banner slider: ensure visible height on mobile */
    .banner_discount {
        min-height: 220px !important;
    }
    .banner_discount .swiper,
    .banner_discount .swiper-slide {
        min-height: 220px !important;
    }

    /* ── Black subhead nav bar: all items in ONE scrollable line ── */
    .navigation_menu_subhead .container {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .navigation_menu_subhead .row {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none !important;
        margin: 0 !important;
    }
    .navigation_menu_subhead .row::-webkit-scrollbar {
        display: none !important;
    }
    .navigation_menu_subhead .col-12,
    .navigation_menu_subhead .col-lg-8,
    .navigation_menu_subhead .col-lg-4 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }
    .sub_head ul {
        flex-wrap: nowrap !important;
        gap: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }
    .sub_head ul li a {
        font-size: 9.5px !important;
        white-space: nowrap !important;
        padding: 0 10px !important;
    }
    .sub_head ul li a:after {
        display: block !important;
        right: 0px !important;
    }
    .precptions-upload ul {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        padding: 0 8px !important;
        white-space: nowrap !important;
    }
    .precptions-upload ul li a {
        font-size: 10px !important;
        white-space: nowrap !important;
    }
}

/* ── Red top bar: ALL THREE fully visible in ONE LINE on mobile ── */
@media only screen and (max-width: 768px) {

    .top_bar {
        padding: 5px 0 !important;
    }
    .top_bar .container {
        padding-left: 4px !important;
        padding-right: 4px !important;
        max-width: 100% !important;
    }

    /* Single-line flex row — all 3 items share equal space */
    .top_bar .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 2px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* ALL columns: equal 1/3 share, can shrink, won't overflow */
    .top_bar .col-lg-4,
    .top_bar .col-md-6,
    .top_bar .col-sm-6,
    .top_bar .col-12 {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: 0 !important;
        max-width: none !important;
        padding: 0 2px !important;
        overflow: hidden !important;
    }

    /* ── Col 1: Brand name ── */
    .store_branding h5 {
        font-size: 8px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }
    .store_branding small {
        display: none !important;
    }

    /* ── Col 2: Address ── */
    .top_location {
        display: flex !important;
        align-items: center !important;
        gap: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }
    .top_location i {
        font-size: 8px !important;
        flex-shrink: 0 !important;
        width: auto !important;
        height: auto !important;
    }
    .top_location .right_loc {
        overflow: hidden !important;
        min-width: 0 !important;
    }
    .top_location .right_loc span {
        display: none !important;
    }
    .top_location .right_loc p {
        font-size: 8px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    /* ── Col 3: Email ── */
    .email_top_bar {
        text-align: right !important;
        overflow: hidden !important;
        min-width: 0 !important;
    }
    .email_top_bar a {
        font-size: 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        color: #fff !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        max-width: 100% !important;
    }
    .email_top_bar a i {
        color: #000 !important;
        font-size: 8px !important;
        flex-shrink: 0 !important;
        width: auto !important;
        height: auto !important;
    }
}

/* ===== NEW RESPONSIVE CORRECTIONS ===== */

/* Touch Target Sizes */
@media (max-width: 991px) {
    .navbar-toggler {
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    #navbarNav ul li a {
        display: block !important;
        padding: 12px 16px !important; /* Touch target min 44px height */
    }
}

/* Registration / Login Mobile Padding */
@media (max-width: 767px) {
    .register-login-section .registration-section,
    .register-login-section .login-section,
    .register-login-section .Register-text {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Footer Centering on Mobile */
@media (max-width: 767px) {
    .contact_number ul {
        justify-content: center !important;
    }
    .footer_about h3 {
        text-align: center !important;
    }
    .footer_about h3::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 80px !important;
    }
    .footer_about .bt_ft_ab p {
        text-align: center !important;
    }
    .footer_about .bt_ft_ab > a {
        display: block !important;
        margin: 0 auto !important;
        width: fit-content !important;
    }
    .footer_about .bt_ft_ab ul {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        padding: 0 !important;
    }
    .footer_about .bt_ft_ab ul li {
        margin: 0 !important;
    }
    .bt_ft_ab.location_ft ul {
        justify-content: center !important;
    }
    .bt_ft_ab.location_ft ul li {
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
    }
    .footer_address {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

/* Header Text Visibility Classes on Mobile/Tablet */
@media (max-width: 991px) {
    .header_right .login-text-full,
    .header_right .cart-text {
        display: none !important;
    }
    .header_right .login-text-short {
        display: inline !important;
    }
}
@media (min-width: 992px) {
    .header_right .login-text-full {
        display: inline !important;
    }
    .header_right .login-text-short {
        display: none !important;
    }
    .header_right .cart-text {
        display: inline !important;
    }
}