/* devanagari */
@font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     src: url(https://www.metropolisindia.com/fonts/Poppins-Regular.ttf);
}
/* latin */
@font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     src: url(https://www.metropolisindia.com/fonts/Poppins-Medium.ttf);
}
/* latin-ext */
@font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     src: url(https://www.metropolisindia.com/fonts/Poppins-SemiBold.ttf);
}
/* devanagari */
@font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 700;
     src: url(https://www.metropolisindia.com/fonts/Poppins-Bold.ttf);
}
body::-webkit-scrollbar-track-piece {
     background: #f8f8f8
}
body::-webkit-scrollbar-thumb {
     background: #008d44;
     border-radius: 50px
}
body::-webkit-scrollbar {
     width: 5px !important
}
body::-webkit-scrollbar-track-piece:decrement {
     background: #008d44
}
/* universal */
body,
p {
     font-size: 14px;
     color: #000 !important;
     font-family: 'Poppins';
}
a {
     color: #00984a;
     font-weight: 500;
     text-decoration: none !important;
}
a:hover {
     color: #000;
}
.h1,
h1 {
     font-size: 25px !important;
     font-weight: 600 !important;
     line-height: 1.2 !important;
}
.h2,
h2 {
     font-size: 22px !important;
     font-weight: 600 !important;
     line-height: 1.2 !important;
}
.h3,
h3 {
     font-size: 18px !important;
     font-weight: 600 !important;
}
.h4,
h4 {
     font-size: 16px !important;
     font-weight: 600 !important;
}
.h5,
h5 {
     font-size: 16px !important;
     font-weight: 500 !important;
}
.report-status span {
     font-size: 12px
}
.profile-mobile a.dropdown-item {
     padding: 0
}
.profile-mobile a.dropdown-item img {
     width: 22px !important;
     margin-right: 5px
}
.profile-mobile span.nav-links {
     padding: 0;
     line-height: 41px;
     margin-left: 5px
}
.downloadapplink.topbar-callbacks {
     display: block !important;
     margin-right: 30px
}
li.nav-item.sub-menu-item.call-back-btn {
     display: block !important
}
div#downloadloginModal .modal-header {
     padding: 0;
     border: 0
}
.patients-page-menu .report-status.upload-prescription {
     padding: 8px 10px
}
.report-status span {
     color: #000 !important
}
.patients-page-menu {
     background-color: #fff !important
}
.navbar-collapse span,
.navbar-collapse a {
     color: #fff
}
.search-city .dropdown {
     background-color: #008d44 !important;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px
}
.logo-search {
     display: flex;
     align-items: center;
     padding: 4px 0px !important;
     flex: auto !important;
     height: 70px;
}
.country-dropdown.support-one .locationDropdown .dropdown-item {
     color: #000 !important
}
.locationDropdown.countryDropdown .dropdown-item {
     color: #000 !important
}
.about {
     margin-left: 20px !important
}
.patients-page-menu .report-status.upload-prescription:hover img {
     filter: none !important
}
.patients-page-menu .report-status.cart {
     background-color: #0cb6e1 !important;
     position: absolute;
     right: 30px !important;
     padding: 8px 17px !important;
     margin-top: 0px !important;
     border: none
}
a.basket-cart img {
     width: 20px
}
.items-add-basket {
     background: #fff !important;
     right: -9px !important
}
.covid-btn {
     margin-left: 10px
}
.covid-btn span {
     color: #00984a !important;
     font-weight: 600
}
.about {
     padding-right: 60px
}
.login-signup {
     position: absolute;
     right: 120px;
     padding-top: 8px;
     font-weight: 600
}
.country-dropdown.support-one button.btn {
     justify-content: flex-end
}
.patients-page-menu .report-status {
     margin-right: 0px !important;
     padding: 0 10px !important
}
.patients-page-menu .report-status:first-child {
     border-right: none !important
}
.navbar-collapse {
     background: #00984a
}
.search-city .dropdown .btn {
     background: #008d44;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 13px;
     color: #fff;
     font-weight: 600;
     line-height: 18px;
     width: fit-content;
     height: 38px;
}
header {
     margin-top: -1px
}
.topbar-callbacks img {
     filter: brightness(1)
}
.country-dropdown.support-one button.btn {
     padding-top: 2px !important
}
.custom-sticky-header {
     visibility: visible
}
.hide-header {
     visibility: hidden
}
.patients-page-menu .report-status a {
     border: 1px solid #fff;
     padding: 9px 10px;
     border-radius: 20px
}
.patients-page-menu .report-status a:hover {
     border: 1px solid #006b35;
     padding: 9px 10px;
     border-radius: 20px
}
.basket-cart {
     border: none !important;
     padding: 0px !important;
     margin-right: 0px !important;
     border-right: none !important
}
.patients-page-menu {
     box-shadow: 0 1px 15px rgb(0 0 0 / 10%)
}
.login-signup .btn {
     background-color: #fff !important
}
.login-signup .country-dropdown.support-one {
     margin: 0
}
nav {
     background-color: #00984a !important
}
.navbar-expand-lg .navbar-collapse {
     flex: none !important
}
.login-section a,
.login-section a:hover,
.login-section span {
     color: #fff !important
}
button.trash-button img {
     width: 20px;
     height: 20px;
     object-fit: contain;
}
@media (max-width:1380px) {
     .patients-page-menu button {
          width: auto
     }
}
@media (max-width:1380px) and (min-width:992px) {
     .covid-btn {
          margin-left: 15px !important
     }
     .patients-page-menu .report-status a {
          margin-right: 0px !important
     }
     .patients-page-menu .report-status {
          margin-right: 5px !important;
          padding: 0px !important
     }
     .vertline:after {
          top: -5px !important;
          right: -4px !important
     }
}
@media (max-width:1400px) and (min-width:1101px) {
     .search-city input {
          width: 290px;
     }
     .country-dropdown {
          margin-left: 15px !important;
          margin-right: 10px !important
     }
}
@media (min-width:319px) and (max-width:992px) {
     .navbar-collapse {
          background-color: #fff !important
     }
     header nav.navbar.navbar-expand-lg {
          background: #00984a !important;
          left: 0px !important;
          padding: 0px 20px !important;
          position: fixed;
          height: 70px;
          width: 100%;
     }
     .patients-page-menu {
          display: none
     }
     header {
          height: 71px;
          background: #00984a
     }
     .navbar-collapse .sub-menu-item a,
     .navbar-collapse span,
     .navbar-collapse a {
          color: #5d5d5d !important
     }
     nav {
          left: 0;
          top: 0
     }
     .navbar {
          position: relative;
          display: flex;
          justify-content: flex-start;
          z-index: 1000
     }
     .logo-search {
          width: 58% !important;
          flex: auto !important
     }
     .navbar-toggler img {
          margin-left: 0
     }
     div#navbarSupportedContent {
          z-index: 999999
     }
     .search-city input {
          width: 100%;
     }
}
@media (max-width:1270px) and (min-width:600px) {
     .country-dropdown,
     .downloadapplink,
     .logo,
     .customs-onlinelink-section-menu {
          margin-left: 10px !important;
          margin-right: 0
     }
     .search-city input {
          width: 240px !important
     }
     .search-city.d-sm-flex,
     .logo {
          margin-right: 10px !important
     }
     .logo-search {
          width: 58% !important;
          justify-content: space-around
     }
     .login-section .d-lg-flex {
          flex-flow: wrap !important
     }
     .login-section span img {
          display: none
     }
     .country-dropdown.support-one svg {
          display: none
     }
     nav {
          width: 100% !important
     }
     .customer-care span {
          margin-left: 10px
     }
     .login-section .country-dropdown .dropdown span img {
          display: inline-block !important
     }
     .report-status a span img {
          display: none
     }
     .cart a span img {
          display: block
     }
     .patients-page-menu .report-status a .patients-page-menu .report-status a:hover {
          padding: 10px 8px;
          margin: 7px 0;
          margin: 8px 0px !important
     }
     .patients-page-menu .report-status.cart {
          padding: 0 16px !important;
          margin-top: 4px !important;
          right: 10px !important
     }
     .logo a img {
          margin-left: 5px !important
     }
     .login-signup {
          padding-top: 10px;
          right: 95px
     }
     .patients-page-menu .report-status {
          margin: 5px 0
     }
     .patients-page-menu .report-status a,
     .patients-page-menu .report-status a:hover {
          padding: 9px 6px !important
     }
     .country-dropdown {
          margin-left: 0px !important;
          margin-right: 0px !important
     }
     .downloadapplink.topbar-callbacks {
          display: block !important;
          margin-right: 0
     }
     .country-dropdown .dropdown {
          margin-left: 10px !important;
          margin-right: 10px !important
     }
}
@media (max-width:1280px) and (min-width:800px) {
     .patients-page-menu .report-status.cart {
          padding: 1px 16px !important;
          margin-top: 4px !important;
          right: 10px !important
     }
}
@media (max-width:1100px) and (min-width:768px) {
     .search-city input {
          width: 260px !important
     }
}
@media (min-width:319px) and (max-width:767px) {
     .logo-search {
          position: fixed;
          top: 0;
          left: 0;
          background-color: #00984a;
          width: 100% !important
     }
     .basket-cart {
          margin-right: 30px !important
     }
     .navbar .hamburger-button {
          width: 22px;
          z-index: 999999;
          margin-top: 20px
     }
     .mobileSearch-icon {
          margin-right: 20px !important
     }
     .navbar {
          justify-content: flex-start
     }
     .logo {
          margin-left: 40px !important
     }
     .ml-10 {
          margin-left: 10px
     }
     .locationDropdown {
          width: 14rem !important
     }
     .customs-onlinelink-section-menu {
          margin-left: 0px !important
     }
     .call_mv {
          display: contents
     }
     .logo-search img.metropolis-logo {
          margin-left: 10px
     }
     .locationDropdown {
          width: 100% !important
     }
     .loginModal .login-modal-content {
          margin-top: 0
     }
     .loginModal .login-modal-main-row,
     #signupModal .login-modal-main-row {
          padding: 0
     }
}
.vertline {
     position: relative
}
.vertline:after {
     content: "";
     background-color: #bbb9b9;
     position: absolute;
     width: 1px;
     height: 35px;
     top: -7px;
     right: 0;
     display: block
}
button#hamburger {
     border: 0 !important;
}
@media (max-width:991px) {
     .navbar-toggler img {
          margin: 0
     }
     button#hamburger {
          margin: 0;
     }
}
@media (max-width:600px) {
     div#uploadPresModal .row.right-side-blog-page.login-modal-content {
          margin: 0
     }
     div#uploadPresModal,
     #cityModal.modal {
          z-index: 99999 !Important
     }
}
@media (max-width:1600px) and (min-width:900px) {
     .patients-page-menu .report-status a:hover {
          border: 1px solid #006b35;
          border-radius: 20px
     }
}
@media (max-width:1680px) and (min-width:900px) {
     .patients-page-menu .report-status a:hover {
          border: 1px solid #006b35;
          border-radius: 20px
     }
}
@media (max-width:1920px) and (min-width:1080px) {
     .patients-page-menu .report-status a:hover {
          border: 1px solid #006b35;
          border-radius: 20px
     }
}
@media (max-width:2560px) and (min-width:1080px) {
     .patients-page-menu .report-status a:hover {
          border: 1px solid #006b35;
          border-radius: 20px
     }
}
.topbar-callbacks a,
.customer-care a {
     font-weight: 600
}
.country-dropdown {
     margin-left: 30px;
     margin-right: 30px
}
a.dropdown-item.customer-care {
     display: flex;
     align-items: center
}
.downloadapplink.topbar-callbacks>span {
     display: flex !important;
     align-items: center;
     flex-wrap: wrap
}
.topbar-callbacks .bigicon {
     filter: brightness(1);
     width: 25px;
     height: 25px;
     margin-right: 10px
}
.call-back-btn img {
     filter: invert(1)
}
@media (max-width:1000px) {
     li.nav-item.sub-menu-item.call-back-btn {
          display: flex !important;
          align-items: center
     }
     .call-back-btn a.nav-links {
          display: block
     }
     .call-back-btn a.nav-links {
          display: block
     }
}
button#locationDropdown {
     width: auto
}
.otp-counter button.resendotp {
     background: transparent;
     border: 0;
     padding: 0;
     font-size: 14px;
     color: #2ca548;
     font-weight: 400
}
.otp-counter button.resendotp:hover {
     text-decoration: underline
}
.otp-counter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 14px;
     margin-bottom: 30px
}
.otp-error-wrapper {
     margin-bottom: 0px !important
}
#hellobar-box {
     display: none
}
#hellobar-box {
     margin: 0px !important;
     top: 0px !important;
     bottom: auto !important;
     width: 100% !important;
     max-width: 100vw !important;
     left: 0px !important;
     border: 0px !important;
     transform: none !important;
     z-index: 99999999999 !important;
     position: fixed;
     height: 100vh !important;
     background: #000000bf !important;
     padding: 15px
}
#hellobar-box div#hellobar-box-wrap {
     padding: 0px !important;
     max-width: 700px !important;
     margin: auto !important;
     height: 100vh !important;
     display: flex;
     align-items: center
}
div#hellobar-box-wrap {
     margin: 0px !important;
     max-width: 100% !important;
     padding: 10px 40px !important;
     padding-right: 80px !important;
     position: relative !important
}
#hellobar-box-btns {
     margin: 0px !important;
     position: absolute !important;
     right: 40px !important;
     height: 100% !important;
     top: 0px !important;
     display: flex !important;
     align-items: center !important
}
div#hellobar-box-text {
     font-size: 13px !important
}
#hellobar-box-btns button {
     height: 30px !important;
     width: 30px !important;
     padding: 0px !important;
     font-size: 20px !important;
     border-radius: 50% !important;
     background: #a6aeb9 !important;
     line-height: 30px !important;
     border: 0px !important;
     color: #fff !important
}
div#hellobar-box-btns {
     top: -40px !important;
     height: 40px !important;
     right: -40px !important
}
div#hellobar-box-text {
     position: relative
}
@media (max-width:767px) {
     div#hellobar-box-btns {
          right: 0px !important
     }
}
.follow-us-footer {
     flex-wrap: wrap
}
li.nav-item.extra-item.whatsapp-mobile-icon img {
     filter: invert(1);
     width: 13px;
     height: 13px
}
li.nav-item.extra-item.whatsapp-mobile-icon {
     display: flex;
     align-items: center
}
div#chkwhatsappsubscriber:before {
     font-size: 13px;
     width: 100%;
     display: block;
     margin-bottom: 5px;
     color: #989898;
     font-weight: 400
}
div#chkwhatsappsubscriber {
     text-align: left;
     margin-bottom: 10px;
     width: 100%
}
div#chkwhatsappsubscriber br {
     display: none
}
#chkwhatsappsubscriber input {
     height: auto;
     width: auto;
     position: relative;
     bottom: -2px
}
#chkwhatsappsubscriber label {
     font-size: 12px;
     line-height: 15px;
     margin: 0px !important;
     margin-right: 15px !important
}
.downloadapplink.topbar-callbacks.society-homevisit-col,
.nav-item.sub-menu-item.call-back-btn .society-homevisit-col,
ul.navbar-nav li.nav-item.sub-menu-item.call-back-btn.society-homevisit-col {
     display: none !important
}
.terms-conditions ul,
.terms-condition-inner-section ul li {
     font-size: 12px !important
}
div#form-popup button.close span {
     color: #fff
}
body::-webkit-scrollbar-track-piece {
     background: #f8f8f8
}
body::-webkit-scrollbar-thumb {
     background: #008d44;
     border-radius: 50px
}
body::-webkit-scrollbar {
     width: 5px !important
}
body::-webkit-scrollbar-track-piece:decrement {
     background: #008d44
}
.shopping-cart .basket-side-bar {
     background: #ffefa1;
     width: 320px;
     position: absolute;
     top: 50px;
     right: 0;
     border-radius: 4px !important;
     padding: 40px 20px;
     overflow: hidden;
     box-shadow: 0 5px 7px rgb(33 33 33 / 7%);
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     opacity: 0;
     -webkit-transform-origin: right top 0;
     -webkit-transform: scale(0);
     transform-origin: right top 0;
     transform: scale(0);
     z-index: 99999999;
     margin: 0;
     border: 1px solid #000
}
.shopping-cart.active .basket-side-bar {
     opacity: 1;
     -webkit-transform-origin: right top 0;
     -webkit-transform: scale(1);
     transform-origin: right top 0;
     transform: scale(1)
}
.side-bar-total {
     border-top: 1px solid
}
.shopping-cart button.btn-blue {
     background: #000 !important;
     border: 1px solid #000 !important;
     border-radius: 4px
}
.shopping-cart button.btn-blue:hover {
     background: transparent !important;
     color: #000 !important
}
.shopping-cart button.btn-blue:hover img.img-fluid {
     filter: invert(1)
}
.shopping-cart span.cart_test_price {
     width: 100px;
     margin: 0;
     line-height: 30px;
     display: flex;
     justify-content: end
}
.shopping-cart span.cart_test_name {
     width: calc(100% - 110px);
     line-height: 30px
}
.shopping-cart .side-bar-items,
.shopping-cart .side-bar-total {
     display: flex
}
.shopping-cart .basket-row .col-7 {
     width: calc(100% - 110px)
}
.shopping-cart .basket-row .col-5 {
     width: 100px !important
}
.shopping-cart button.cart_dlt_btn {
     background: transparent;
     border: 0;
     padding: 0;
     width: auto;
     height: 30px;
     text-align: right;
     margin-left: 15px
}
.shopping-cart button.cart_dlt_btn img {
     height: 20px;
     width: 20px;
     object-fit: contain
}
.shopping-cart.active:before {
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 10px solid #ffefa1;
     content: "";
     position: absolute;
     bottom: -25px;
     bottom: -15px;
     right: calc(50% - 10px);
     z-index: 999999999
}
.shopping-cart.active:after {
     width: 0;
     height: 0;
     border-left: 11px solid transparent;
     border-right: 11px solid transparent;
     border-bottom: 11px solid #000;
     content: "";
     position: absolute;
     bottom: -15px;
     right: calc(50% - 10.5px);
     z-index: 0
}
body>img[src="https://insight.adsrvr.org/track/pxl/?adv=uuts1o1&ct=0:inta4lj&fmt=3"] {
     display: none
}
.read_more1 {
     cursor: pointer
}
ul.download_app_header {
     padding: 0;
     list-style: none;
     display: flex;
}
ul.download_app_header a {
     padding: 0px !important
}
ul.download_app_header img.play-store {
     height: 20px;
     width: 20px
}
ul.download_app_header li {
     margin-right: 8px;
     height: 20px;
     display: flex;
     align-items: center;
     justify-content: center
}
.country_app_btn .dropdown {
     margin-left: 10px
}
ul.download_app_header li:last-child {
     margin: 0
}
@media (max-width:1020px) and (min-width:992px) {
     ul.download_app_header {
          padding-right: 20px
     }
     .login-section a,
     .login-section span {
          font-size: 11px !important
     }
}
@media (max-width:1325px) and (min-width:1275px) {
     .topbar-callbacks .bigicon {
          display: none
     }
}
/* universal */
body,
p {
     font-size: 14px;
     color: #000 !important;
}
.h1 {
     font-size: 25px !important;
     font-weight: 600 !important;
     line-height: 1.2 !important;
}
.h3 {
     font-size: 18px !important;
     font-weight: 600 !important;
}
.h4 {
     font-size: 16px !important;
     font-weight: 600 !important;
}
.h5 {
     font-size: 16px !important;
     font-weight: 500 !important;
}
a,
button {
     cursor: pointer !important;
}
p {
     margin-bottom: 10px;
}
.font-600 {
     font-weight: 600;
}
.font-500 {
     font-weight: 500;
}
.sidespace2 {
     padding-left: 15px;
     padding-right: 15px;
}
@media (min-width: 768px) {
     .sidespace {
          padding-left: 40px !important;
          padding-right: 40px !important;
     }
     .sidespace2 {
          padding-left: 6% !important;
          padding-right: 6% !important;
     }
}
.sidespace {
     padding-left: 15px;
     padding-right: 15px;
}
.space-between {
     padding-top: 25px;
     padding-bottom: 25px;
}
.flex-center {
     display: flex;
     align-items: center;
     justify-content: center;
}
.flex-center-col {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
.flex-align-center {
     display: flex;
     align-items: center;
}
.flex-center-between {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.white-txt {
     color: #fff !important;
}
.green-txt {
     color: #00984a !important;
}
.black-txt {
     color: #000 !important;
}
.green-bg {
     background-color: #00984a;
}
.white-bg {
     background-color: #fff;
}
.line-limit {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
.cust-shadow {
     box-shadow: 0 0 5px 0 #00000030 !important;
}
.btn-box {
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 10px;
     border-radius: 5px;
     min-width: 100px;
     width: fit-content;
     text-decoration: none !important;
}
.btn-box.white-box {
     border: 1px solid #fff;
     background: #fff;
     color: #000 !important;
     font-weight: 500;
}
.btn-box.white-box:hover {
     background: transparent !important;
     border: 1px solid #fff !important;
     color: #000 !important;
}
.btn-box.green-box {
     border: 1px solid #00984a;
     background: transparent;
     color: #000 !important;
     font-weight: 500;
}
.btn-box.green-box:hover {
     background: #00984a !important;
     border: 1px solid #00984a !important;
     color: #fff !important;
}
.btn-box.greenbg-box {
     border: 1px solid #00984a;
     background: #00984a;
     color: #fff !important;
     font-weight: 500;
}
.btn-box.greenbg-box:hover {
     border: 1px solid #00984a;
     background: transparent;
     color: #000 !important;
     font-weight: 500;
}
.btn-box.blue-box {
     border: 1px solid #00984a;
     background: transparent;
     color: #000 !important;
     font-weight: 500;
}
.btn-box.blue-box:hover {
     background: #0cb6e1 !important;
     border: 1px solid #0cb6e1 !important;
     color: #fff !important;
}
/* header */
.location-box {
     padding: 0px 15px !important;
     height: 45px !important;
     background-color: #008d44;
     border-radius: 5px;
     max-width: 130px !important;
     overflow: hidden;
     min-width: unset !important;
}
.header-logo img {
     height: 60px !important;
     margin-left: -10px;
     min-width: 160px;
     max-width: 160px
}
.location-search.flex-align-center {
     gap: 10px;
}
.location-search.flex-center {
     gap: 30px;
}
select.category-list {
     padding: 0px 5px;
     background-color: #eaeaea;
     color: #000;
     border-radius: 5px;
     height: 33px !important;
     border: 0 !important;
     outline: 0 !important;
}
.category-list.categ-mob {
     height: 45px !important;
     padding: 0 10px;
}
.category-search {
     height: 45px !important;
     background: #fff;
     border-radius: 5px;
     padding: 0 10px;
}
input.search-input {
     height: 45px !important;
     border: 0 !important;
     outline: 0 !important;
     width: 250px !important;
     padding-left: 10px;
}
button.search-btn {
     all: unset;
     height: 40px;
     font-size: 18px;
     padding: 0;
}
.flex-align-center.header-contact,
.flex-align-center.search-logo {
     gap: 40px !important;
}
.header-contact i {
     font-size: 25px;
}
.help-support i {
     font-size: 15px;
}
.help-dropdown {
     position: absolute;
     box-shadow: 0 4px 4px rgb(0 0 0 / 15%);
     background: #fff;
     min-width: max-content;
     left: -50px;
     border-radius: 0 0 8px 8px;
     height: 0;
     transition: all 0.5s ease-in-out;
     overflow: hidden;
     z-index: 999;
}
.help-support:hover .help-dropdown,
.user-info:hover .help-dropdown {
     height: auto;
     transition: all 0.5s ease-in-out;
}
a.helpdropdown-item {
     padding: 8px 10px;
     color: #000 !important;
     font-size: 12px !important;
}
a.helpdropdown-item:not(:last-child) {
     border-bottom: 1px solid #ccc;
}
.customer-cares p,
.customer-cares a {
     font-size: 14px !important;
}
.booknow-btn {
     padding: 8px 10px;
     background-color: #eaeaea;
     color: #000 !important;
     border-radius: 5px;
     border: 0 !important;
     outline: 0 !important;
     font-weight: 500;
}
.nalist-item span {
     height: 40px;
     cursor: pointer;
     color: #000 !important;
}
.nav-list {
     gap: 25px;
     font-weight: 500;
}
.nav-list li {
     cursor: pointer !important;
}
.user-info i.fa-user {
     font-size: 20px !important;
}
.cart-blue-btn {
     background: #0cb6e1;
     height: 30px !important;
     width: 30px !important;
     border-radius: 5px;
     color: #fff !important;
     font-size: 16px !important;
}
span.cart-count {
     background: #fff;
     width: 16px !important;
     height: 16px !important;
     position: absolute;
     border-radius: 50px;
     font-size: 12px !important;
     font-weight: 600;
     top: -6px !important;
     right: -6px !important;
     border: 1px solid #0cb6e1;
     color: #0cb6e1;
}
.offer-header img {
     height: 40px;
     width: 120px !important;
     object-fit: cover;
}
.userinfo-sec.flex-align-center {
     gap: 35px;
}
section.white-header {
     box-shadow: 0px 1px 15px rgb(0 0 0 / 10%);
}
.one-line {
     width: 100%;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
}
.one-line:not(:hover) {
     text-overflow: ellipsis;
}
.one-line:hover span,
.one-line:focus span {
     display: inline-block;
     animation-name: scroll-text;
     animation-duration: 7s;
     animation-timing-function: linear;
     animation-delay: 0s;
     animation-iteration-count: infinite;
     animation-direction: normal;
     cursor: default !important;
     /* FYI this would be the shorthand:
    animation: scroll-text 5s ease 0s 2 normal;
  */
}
@keyframes scroll-text {
     0% {
          transform: translateX(0%);
     }
     90% {
          transform: translateX(-65%);
     }
     95% {
          transform: translateX(0%);
     }
     100% {
          transform: translateX(0%);
     }
}
@keyframes smoothScroll {
     0% {
          transform: translateY(-40px)
     }
     100% {
          transform: translateY(0px)
     }
}
.white-header.fixed-header-top {
     position: fixed !important;
     left: 0 !important;
     top: 0 !important;
     z-index: 999 !important;
     transition: 0.3s all ease;
     animation: smoothScroll 1s forwards;
     width: 100%;
     box-shadow: 0px 1px 15px rgb(0 0 0 / 30%);
}
/*---------------------------------------------*/
div#img-search-col img {
     height: 100%;
     object-fit: cover;
}
a.hsresult em {
     display: none;
}
.headerSearchResults .linebreak {
     margin: 0;
}
.search-static-col {
     text-align: center;
}
.search-static-col h5 {
     font-size: 18px;
     color: #000;
     margin-top: 0px;
}
.search-static-col p {
     font-size: 13px;
     color: #000;
}
.search-static-col {
     border: 1px solid #cfe3da;
     border-radius: 10px;
     height: 100%;
     display: flex;
     flex-wrap: wrap;
}
.search-static-content {
     height: calc(100% - 40px);
}
.search-static-col img {
     height: 100px !important;
}
.search-static-col p span {
     font-weight: 500;
     color: #31aa4d;
}
.search-static-button {
     width: 100%;
}
a.search-offer-btn {
     display: block;
     height: 40px;
     line-height: 40px;
     background: #fe6f61;
     border-radius: 0px 0px 8px 8px;
     color: #fff;
}
.search-static-img-row {
     padding: 15px;
     height: 50%;
     border-bottom: 1px solid #cfe3da;
     display: flex;
     justify-content: center;
     align-items: center;
}
.search-static-inner-content {
     padding: 15px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     height: 50%;
}
.search-static-inner-content p {
     margin-bottom: 0px;
}
.shopping-cart .basket-side-bar {
     background: #ffefa1;
     width: 320px;
     position: absolute;
     top: 50px;
     right: 0px;
     border-radius: 4px !important;
     padding: 40px 20px;
     overflow: hidden;
     box-shadow: 0 5px 7px rgb(33 33 33 / 7%);
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     opacity: 0;
     -webkit-transform-origin: right top 0;
     -webkit-transform: scale(0);
     transform-origin: right top 0;
     transform: scale(0);
     z-index: 99999999;
     margin: 0px;
     border: 1px solid #000;
}
.shopping-cart.active .basket-side-bar {
     opacity: 1;
     -webkit-transform-origin: right top 0;
     -webkit-transform: scale(1);
     transform-origin: right top 0;
     transform: scale(1);
}
.side-bar-total {
     border-top: 1px solid;
}
.shopping-cart button.btn-blue {
     background: #000 !important;
     border: 1px solid #000 !important;
     border-radius: 4px;
}
.shopping-cart button.btn-blue:hover {
     background: transparent !important;
     color: #000 !important;
}
.shopping-cart button.btn-blue:hover img.img-fluid {
     filter: invert(1);
}
.shopping-cart span.cart_test_price {
     width: 100px;
     margin: 0px;
     line-height: 30px;
     display: flex;
     justify-content: end;
}
.shopping-cart span.cart_test_name {
     width: calc(100% - 110px);
     line-height: 30px;
}
.shopping-cart .side-bar-items,
.shopping-cart .side-bar-total {
     display: flex;
}
.shopping-cart .basket-row .col-7 {
     width: calc(100% - 110px);
}
.shopping-cart .basket-row .col-5 {
     width: 100px !important;
}
.shopping-cart button.cart_dlt_btn {
     background: transparent;
     border: 0px;
     padding: 0px;
     width: auto;
     height: 30px;
     text-align: right;
     margin-left: 15px;
}
.shopping-cart button.cart_dlt_btn img {
     height: 20px;
     width: 20px;
     object-fit: contain;
}
.shopping-cart.active:before {
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 10px solid #ffefa1;
     content: "";
     position: absolute;
     bottom: -25px;
     bottom: -15px;
     right: calc(50% - 10px);
     z-index: 999999999;
}
.shopping-cart.active:after {
     width: 0;
     height: 0;
     border-left: 11px solid transparent;
     border-right: 11px solid transparent;
     border-bottom: 11px solid #000;
     content: "";
     position: absolute;
     bottom: -15px;
     right: calc(50% - 10.5px);
     z-index: 0;
}
.megamenu-sec {
     height: 0;
     overflow: hidden;
     opacity: 0;
     position: absolute;
     left: 0;
     top: 40px;
     background: #fff;
     border-radius: 0 0 5px 5px;
     box-shadow: 0 0 8px 0 #00000030;
     transition: all ease-in-out 0.3s;
}
li.nalist-item {
     position: relative;
     height: 40px;
}
.top-header li.nalist-item {
     height: 30px;
     padding: 0 10px;
}
.top-header .nav-list {
     gap: 0 !important;
}
.top-header li.nalist-item a:hover {
     color: #008d44 !important;
}
li.nalist-item:nth-child(6) .megamenu-sec {
     left: unset;
     right: 0;
}
li.nalist-item:hover .megamenu-sec {
     overflow-y: scroll;
     height: auto;
     padding: 20px 35px;
     opacity: 1;
     transition: all 0.3s ease-in-out;
     z-index: 999;
     width: max-content;
}
.megamenu-list,
.megamenu-list-more {
     list-style: none;
     margin: 0;
     padding: 0 !important;
}
.megamenu-list a {
     color: #828282;
     font-weight: 500;
     text-transform: capitalize;
}
.megamenu-list a,
.megamenu-list-more a {
     color: #000 !important;
     font-weight: 400;
}
.megamenu-list a:hover,
.megamenu-list-more a:hover {
     color: #00984a !important;
}
.megamenu-banner img {
     width: 300px;
     height: 300px;
     object-fit: cover;
     margin-left: 30px;
     border-radius: 5px;
}
ul.megamenu-list {
     display: flex;
     flex-wrap: wrap;
     max-width: 430px;
}
ul.megamenu-list li {
     min-width: 33.33%;
     max-width: 33.33%;
     overflow: hidden;
}
ul.megamenu-list-more {
     display: flex;
     gap: 8px 0;
     flex-direction: column;
}
ul.megamenu-list.megamenu-list-test {
     flex-direction: column;
     row-gap: 5px;
}
ul.megamenu-list.megamenu-list-test li {
     max-width: 100%;
}
/*Megamenu end */
.citypopup {
     display: none;
}
.citymodal.open+.citypopup {
     display: block;
}
.citypopup {
     position: absolute;
     top: 55px;
     background: #fff;
     padding: 10px 5px;
     width: 240px;
     border: 1px solid #00984a;
     border-radius: 6px;
     z-index: 999;
}
.citypopup p {
     margin: 0px;
}
.citypopup .currentlocationdiv {
     display: flex;
     align-items: center;
     background: #ffefa1;
     padding: 5px;
     border-radius: 4px;
}
.currentlocationdiv img {
     filter: brightness(0);
     width: 15px;
     height: 15px;
     margin-right: 5px;
}
.cityor {
     text-align: center;
     position: relative;
}
.cityor>p {
     width: fit-content;
     margin: auto;
     display: block;
     padding: 0px 10px;
}
.cityor>p:before,
.cityor>p:after {
     content: "";
     width: calc(50% - 18px);
     height: 1px;
     border-bottom: 1px dashed;
     position: absolute;
     left: 0px;
     top: 13px;
     z-index: 0;
}
.cityor>p:after {
     left: auto;
     right: 0px;
}
.updatelocation {
     text-align: center;
     display: block;
     margin: auto;
     width: 100%;
     padding: 5px;
}
.citypopup:before,
.citypopup:after {
     content: " ";
     position: absolute;
     left: 20px;
     height: 20px;
     width: 10px;
     border-color: transparent;
     border-style: solid;
     border-width: 4px 6px 8px;
     top: -19px;
     border-bottom-color: #fff;
     z-index: 1;
}
.citypopup:after {
     top: -21px;
     border-bottom-color: #00984a;
     z-index: 0;
}
.updatelocation img {
     width: 20px;
     height: 20px;
     object-fit: contain;
}
.updatelocation .locationsearch_pincode {
     display: flex;
     align-items: center;
}
.newcityModal .right-side-blog-page {
     padding: 20px !important;
     min-height: auto;
}
.newcityModal .city-title {
     font-size: 25px;
     font-weight: 500;
}
.newcityModal .modal-sm {
     width: calc(100% - 30px);
     max-width: 400px;
}
.newcityModal .input-newsletter label.control-label {
     left: 0px;
}
.newcityModal .most-popular-title {
     margin-bottom: 30px;
}
.newcityModal .mybtn {
     background: #00984a;
     outline: none !important;
     border: 1px solid #00984a;
     border-radius: 4px;
     color: #fff;
     font-weight: 500 !important;
     margin-bottom: 10px;
}
.newcityModal .mybtn:hover {
     background: #fff;
     color: #00984a;
}
.loginModal .login-content-rows {
     padding: 20px 10px;
}
.loginModal .modal-content {
     background: transparent;
}
.loginModal button.close {
     opacity: 1;
     padding: 0px;
     font-size: 30px !important;
     font-weight: 100 !important;
     color: #00984a;
     width: 30px;
     height: 30px;
     position: absolute;
     top: 5px;
     right: 5px;
     z-index: 99;
}
.loginModal .login-modal-desc {
     font-size: 14px !important;
     color: #000 !important;
     font-weight: 500;
}
div#loginModal {
     z-index: 99999;
}
.nav-list {
     gap: 20px !important;
     font-weight: 500;
     font-size: 13px;
}
@media (max-width: 1466px) {
     .flex-align-center.header-contact,
     .flex-align-center.search-logo {
          gap: 25px !important;
     }
     .userinfo-sec.flex-align-center {
          gap: 18px !important;
     }
}
@media (max-width: 1300px) {
     input.search-input {
          width: 180px !important;
     }
     .nav-list {
          gap: 10px !important;
     }
}
.nalist-item span,
.nalist-item a {
     font-size: 13px !important;
}
/* Mobile header */
.hamburger-sec {
     cursor: pointer;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: start;
     width: 30px;
     height: 30px;
     z-index: 100;
}
#hamburger-3.is-active {
     justify-content: center;
     transition: all -0.3s ease-in-out;
}
.hamburger-sec .line {
     position: absolute;
     display: block;
     width: 30px;
     height: 3px;
     background: #fff;
     border-radius: 5px;
     transition: all 0.6s;
}
.hamburger-sec .line:first-child {
     transform: translateY(-10px) translateX(0px);
     width: 20px;
     transition-delay: 0s;
}
#hamburger-3.is-active .line:first-child {
     background: #000;
     transform: translateY(0) translateX(0) rotate(45deg);
     width: 20px;
     height: 3px;
     transition-delay: 0.1s;
}
#hamburger-3.is-active .line:nth-child(2) {
     display: none;
}
.hamburger-sec .line:last-child {
     transform: translateY(10px) translateX(0px);
     width: 25px;
     transition-delay: 0s;
}
#hamburger-3.is-active .line:last-child {
     background: #000;
     transform: translateY(0) translateX(0) rotate(-45deg);
     width: 20px;
     height: 3px;
     transition-delay: 0.1s;
}
.header-toggle {
     width: 280px;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     transform: translateX(-100%);
     transition: all 0.3s ease-in-out;
     z-index: 98;
     background-color: #fff;
     padding: 60px 15px 30px;
}
.header-toggle.active {
     transform: none;
     transition: all 0.3s ease-in-out;
}
.search-toggle {
     width: 100%;
     height: 100vh;
     position: fixed;
     top: 0;
     right: 0;
     transform: translateX(450px);
     transition: all 0.3s ease-in-out;
     z-index: 999;
     background-color: #fff;
     max-width: 450px;
}
.search-toggle.active {
     transform: none;
     transition: all 0.3s ease-in-out;
     box-shadow: 0px 0px 5px 0 #00000050;
}
.mob-search,
.search-close {
     font-size: 22px;
}
.search-close {
     margin-right: 15px;
}
ul.toggle-menu {
     list-style: none;
}
header.mob-head #hamburger-3.is-active .line:nth-child(2) {
     background: #000;
     transform: translateY(0) translateX(0) rotate(0);
     width: 25px;
     height: 3px;
     transition-delay: 0.1s;
     right: -5px;
     display: block !important;
}
header.mob-head #hamburger-3.is-active .line:last-child {
     width: 15px !important;
     bottom: 18px;
}
header.mob-head #hamburger-3.is-active .line:first-child {
     width: 15px !important;
     top: 18px;
}
.header-toggle ul.toggle-menu {
     padding: 10px;
}
.toggle-menu-icon {
     width: 20px;
     height: 20px;
     text-align: center;
     color: #00984a;
     margin-right: 10px;
}
.header-toggle ul.toggle-menu li {
     height: 50px;
     display: flex;
     align-items: center;
     border-bottom: 1px solid #efefef;
}
.header-toggle ul.toggle-menu li a {
     color: #000;
}
.header-toggle ul.toggle-menu li a:hover {
     color: #00984a !important;
}
.resultsHolder .linebreak {
     height: 1px;
     background: #ccc;
}
.resultsHolder .hsresult p {
     margin: 0px;
}
.acc-sec.flex-align-center a.cust-namehead {
     width: min-content;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
}
.search-health p {
     margin: 0px;
     padding: 0px;
     color: #fff !important;
}
.search-health {
     background: #00984a;
     display: flex;
     align-items: center;
     padding: 15px;
     height: 70px;
}
.head-search {
     width: 100%;
     background: #c7c7c7;
     border: 0 !important;
     border-radius: 5px;
     height: 40px;
     padding: 0 15px;
     outline: 0;
}
.category-search-mob {
     height: 45px !important;
     background: #c7c7c7;
     border-radius: 5px;
     padding: 0 10px;
     margin-top: 15px;
}
a {
     text-decoration: none;
     -webkit-tap-highlight-color: transparent !important;
}
.loginModal .modal-header button.close.skiplogin span {
     color: #fff !important;
}
.loginModal .modal-header button.close.skiplogin {
     right: 15px;
     top: 15px;
     border-radius: 0px 11px 0px 0px;
     background: #00984a;
     width: 40px;
     height: 40px;
     color: #fff !important;
}
.headerSearchResults {
     width: calc(100% - 1px);
}
button.genralresendotp {
     background: #00984a;
     border: 0px;
     border-radius: 4px;
     color: #fff;
     font-weight: 400 !important;
}
@media (max-width: 991px) {
     .white-header.low-header,
     section.top-header.white-header {
          display: none !important;
     }
}
@media (max-width:1400px) {
     .downloadapplink.topbar-callbacks {
          margin: 0 15px;
     }
}
@media (min-width: 1024px) {
     nav.navbar.navbar-expand-lg.sidespace {
          padding-left: 0 !important;
     }
}
.application-sec {
     position: fixed;
     top: 100px;
     right: 0;
     background: #ededed;
     border-radius: 10px 0 0 10px;
     padding: 10px 5px;
     box-shadow: 0 0 5px 0 #00000030;
     z-index: 99;
}
.app-sec a {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 25px;
     padding: 8px 5px;
     color: #92b92a !important;
}
.app-sec:not(:last-child) {
     border-bottom: 2px solid #fff;
}
.app-sec:not(:last-child) a {
     font-size: 20px;
}