/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]
Project: Star Admin2
Version: 1.2.1
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
===== Table of Contents =====
/*-------------------------------------------------------------------*/
/* === Boostrap Main SCSS === */
/*!
* Bootstrap v5.3.2 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--font-size-h1: 48px;
--font-size-h2: 32px;
--font-size-h3: 20px;
--font-size-h4: 18px;
--font-size-h5: 17px;
--font-size-p: 16px;
--brand-color-white: #FFFFFF;
--brand-color-primary: #1A1B1A;
--font-color-btn: #002C30;
--font-color-secondary: #00C5A4;
--font-color-footer: #3E9FA8;
--font-color-yellow: #DDC14C;
--font-color-lightyellow: #FFF7D6;
--font-color-richblack: #EAEDEF;
--font-color-lightpurple: #F3F2F6;
--font-color-lightpink: #F0ECF8;
/* --brand-color-primary: #8a72ca; */
--brand-color-gray: #C9D9E3;
--font-family-poppins: 'Poppins-Regular';
/* // NEW COLORS for new design */
--brand-color-lilac : #e9d4f8;
/* --brand-color-primary : #1a1b1a; */
--brand-color-cream : #fbfbf3;
--brand-color-lightgray : #efecec;
--brand-color-sage : #d6e0ce;
/* // NEW FONTS FAMILY for new design */
--font-family-din-condensed: 'DINCondensed-Bold';
--font-family-helvetica: 'Helvetica';
}
a {
text-decoration: none !important;
}
h1{
color: var(--brand-color-white);
font-size: var(--font-size-h1);
font-weight: 700;
font-family: var(--font-family-din-condensed);
}
h2{
font-size: var(--font-size-h2);
font-weight: 600;
}
h2 b{
color: var(--font-color-secondary);
}
h3{
font-size: var(--font-size-h3);
font-weight: 400;
}
h4{
color: var(--brand-color-white);
font-size: var(--font-size-h4);
font-weight: 400;
}
h5{
font-size: var(--font-size-h5);
}
body{
/* font-family: 'Poppins-Regular' !important; */
font-family: var(--font-family-helvetica) !important;
height: 100vh;
background: #fdfdfd;
overflow-x: hidden;
}
p,a,span{
font-size: var(--font-size-p);
}
/* TOP NAV_BAR */
.headerLight li.nav-item.active {
border-top: 0;
}
.top-navbar p {
margin: 0;
color: var(--brand-color-primary);
}
.top-navbar {
background-color: var(--brand-color-sage);
padding: 10px;
overflow: hidden;
}
.navbar-second>.container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: inherit;
flex-wrap: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.top-navbar-inner {
/* display: flex;
flex-direction: row;*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
position: relative;
height: 24px;
}
.slide-item , .slide-item1 {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
width: 100%;
text-align: center;
}
.slide-item b, .slide-item1 b{
text-transform: uppercase;
}
.slide-item.active , .slide-item1.active{
opacity: 1;
}
.headerLight .navbar-nav .nav-link {
font-weight: normal;
}
.slider-container {
width: 100%;
overflow: hidden;
position: relative;
}
.slider-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: -webkit-transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
will-change: transform;
}
.slide-hftop {
min-width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
/* Optional styling */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* a.nav-link.active {
border-top: 2px solid;
} */
li.nav-item.active {
color: rgb(244 238 238 / 80%) !important;
}
.headerLight .navbar-nav .nav-link{
border-top: 0;
}
.headerLight .cart-section-icons {
padding-top: 0;
}
.headerLight {
position: fixed;
width: 100%;
top: 0;
left: 0;
background-color:var(--brand-color-primary) !important;
color: var(--brand-color-white);
padding: 10px 20px !important;
font-size: 20px;
font-weight: bold;
z-index: 1000;
-o-transition: padding-top 0.5s ease;
-webkit-transition: padding-top 0.5s ease;
-webkit-transition: padding-top 0.5s cubic-bezier(0.01, 0.02, 0.58, 0.59);
-o-transition: padding-top 0.5s cubic-bezier(0.01, 0.02, 0.58, 0.59);
transition: padding-top 0.5s cubic-bezier(0.01, 0.02, 0.58, 0.59);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.btn-actions a {
-webkit-text-decoration: auto;
text-decoration: auto;
color: var(--brand-color-primary);
font-size: 16px;
font-weight: 600;
padding: 0px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-family: var(--font-family-helvetica);
}
a.getstart-ntn {
padding: 7px 20px;
background: var(--brand-color-primary);
border-bottom-right-radius: 100px;
border-top-right-radius: 100px;
border: 1px solid var(--brand-color-primary);
color: var(--brand-color-white);
}
a.cart-main-box {
padding: 8px 9px;
border-radius: 100px;
position: relative;
}
.cart-main-box span {
position: absolute;
top: 5px;
right: 5px;
background: #F76659;
padding: 0px 5px;
border-radius: 100px;
font-size: 11px;
color: #fff;
/* // border: 2px solid #fff; */
}
.cart-section-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
/* // padding-top: 20px; */
position: relative;
}
/* // a.nav-link {
// padding-top: 26px;
// } */
li.product-dropdownbox ul h3 {
padding: 10px 16px 0px 16px;
font-size: 26px;
font-weight: 600;
margin: 0;
cursor: auto;
}
li.product-dropdownbox ul a {
padding: 11px 16px;
color: var(--brand-color-primary) !important;
font-weight: 500;
font-size: 16px;
}
/* // li.product-dropdownbox ul img {
// position: absolute;
// top: -16px;
// left: 62px;
// } */
li.product-dropdownbox ul.dropdown-menu.show {
top: 55px;
padding: 0;
}
.ourproduct-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-box {
position: relative;
/* // width: 45%; */
}
.search-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
border: 1px solid #ccc;
background: #fff;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
z-index: 10;
}
.search-dropdown ul {
list-style: none;
padding: 10px;
margin: 0;
}
.search-dropdown li {
padding: 5px 0;
cursor: pointer;
}
.search-dropdown li:hover {
background: #f0f0f0;
}
.search-box img {
position: absolute;
left: 10px; /* Adjust icon position */
top: 51%;
-webkit-transform: translateY(-51%);
-ms-transform: translateY(-51%);
transform: translateY(-51%);
width: 17px; /* Adjust icon size */
height: 17px;
pointer-events: none; /* Prevent icon from being clickable */
z-index: 999;
mix-blend-mode: darken;
}
.search-box .form-control {
padding: 7px 10px 7px 35px; /* Space for the icon */
border: 1px solid #ccc;
border-radius: 100px !important;
font-size: 16px;
background: var(--brand-color-white);
z-index: 2;
position: relative;
}
.search-box .form-control:focus {
border-color: #007bff; /* Highlight input on focus */
outline: none;
}
.mylogin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 7px 20px;
border: 1px solid var(--brand-color-white);
border-radius: 7px;
-webkit-text-decoration: auto;
text-decoration: auto;
}
/* a.nav-link.active{
color: var(--font-color-secondary) !important;
} */
li.nav-item.active a{
color: rgb(154 152 152) !important;
font-weight: 600;
}
a.nav-link{
color: var(--brand-color-white);
text-transform: uppercase;
font-family: var(--font-family-helvetica);
font-size: 15px;
padding-left: 0px !important;
}
a.categories-box {
-webkit-text-decoration: auto;
text-decoration: auto;
color: #000;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7px;
padding-left: 0px !important;
}
div#navbarNavDropdown1 li {
list-style: none;
}
li.categories-box-drawer ul {
top: 65px !important;
padding: 0;
}
a.mylogin p {
margin: 0;
color: var(--brand-color-white);
}
nav.bg-light-color {
background : var(--brand-color-primary);
padding: 0px
}
hr.nav-hr {
margin: 0;
}
a.navbar-brand img {
width: 240px;
}
.mian-contact-details a {
margin: 0 !important ;
}
.mian-contact-details span {
color: var(--brand-color-white);
margin-top: 10px;
display: flow;
font-family: var(--font-family-helvetica);
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.products-tab-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.categories-box-drawer .dropdown-menu {
background: transparent;
border: 0;
}
/* Tab buttons */
.product-tab-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* // border-right: 2px solid #ddd; */
background: #fafafa;
/* // border-radius: 5px; */
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
li.spacial-ctg-btn {
background-color: #f1f1f1;
}
li.product-dropdownbox ul a:hover {
border-radius: 5px;
}
li.product-dropdownbox ul button img {
position: relative;
left: 11px;
top: -1px;
height: 24px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.product-tab-buttons button {
background-color: #f1f1f1;
border: none;
padding: 11px 16px;
text-align: left;
cursor: pointer;
font-size: 16px;
/* // width: 100%; */
border-bottom-left-radius: 5px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.product-tab-buttons button.active {
background-color: var(--font-color-richblack);
color: var(--brand-color-primary);
font-weight: 600;
}
/* Tab content */
.product-tab-content-container {
width: 100%;
display: none;
cursor: auto;
background-color: #ffffff;
}
.product-tab-content-container.active {
display: block;
}
/* HOMEPAGE SLIDER */
.modahome-slider button.carousel-control-prev, .modahome-slider button.carousel-control-next {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.carousel-control-next {
right: 19px;
}
.modahome-slider .carousel-caption.d-none.d-md-block {
width: 44%;
margin: 0 auto;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
/* // bottom: 7.25rem; */
}
.slider-content-hiro {
height: 540px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.btn.sliderbtn-shopnow , .btn.sliderbtn-shopnow1{
padding: 7px 20px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
margin-top: 15px;
font-weight: 700;
text-transform: uppercase;
}
/* button.btn.sliderbtn-shopnow:hover , .slide-content-new button:hover{
background: var(--brand-color-white);
color: var(--brand-color-primary);
border: 1px solid var(--brand-color-primary);
} */
.btn.sliderbtn-shopnow1 {
background: var(--brand-color-cream);
}
/* button.btn.sliderbtn-shopnow1:hover {
background: var(--brand-color-primary);
color: var(--brand-color-white);
border: 1px solid var(--brand-color-white);
} */
.arrow-effects{
overflow: hidden;
}
button.btn.sliderbtn-shopnow img {
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
width: auto;
}
.sliderbtn-shopnow:hover img {
-webkit-transform: translate(8px, -2px);
-ms-transform: translate(8px, -2px);
transform: translate(8px, -2px);
}
.slider-content-iiner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
button.shop-now {
background: var(--brand-color-white);
border-color: var(--brand-color-white) !important;
color: var(--brand-color-primary);
}
button.shop-now:hover, button.explor-now:hover {
background: var(--brand-color-white);
color: var(--brand-color-primary);
border-color: var(--brand-color-white) !important;
}
button.explor-now {
color: #fff;
border-color: antiquewhite;
}
.modaslider-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
}
.slider-heart img {
width: 20px;
}
.slider-heart {
background: #ffffff2e;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding: 2px 13px;
border-radius: 100px;
border: 1px solid #fff;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.slider-heart span {
font-size: 14px;
}
/* CUSTOMER REVIEWS */
.customer-imgs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hiro-coustomer-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.customer-counts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.customer-counts b {
font-size: 30px;
}
.profile-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.customer-counts b, .customer-counts span {
color: #fff;
}
.profile-container img {
width: 60px; /* Adjust size as needed */
height: 60px;
border-radius: 50%;
border: 2px solid var(--brand-color-white);
-o-object-fit: cover;
object-fit: cover;
margin-left: -15px; /* Controls overlap */
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.profile-container img:first-child {
margin-left: 0; /* Ensures the first image is aligned properly */
}
/* BRANDS SLIDER */
.new-brand-logoslider{
background: var(--brand-color-lightgray);
padding: 50px 0;
}
.slider-brand {
width: 100%;
overflow: hidden;
white-space: nowrap;
position: relative;
overflow: hidden;
}
.slider-brand::before,
.slider-brand::after {
content: "";
position: absolute;
top: 0;
width: 10%;
height: 100%;
z-index: 2;
}
/* .slider-brand::before {
left: 0;
background: linear-gradient(to right, white, transparent);
}
.slider-brand::after {
right: 0;
background: linear-gradient(to left, white, transparent);
} */
.slider-track-brand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(150px * 10); /* Adjust based on number of logos */
-webkit-animation: scroll 15s linear infinite;
animation: scroll 15s linear infinite;
}
.slider-track-brand img {
height: 50px;
margin: 0 10px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
width: 200px;
}
.slider-track-brand img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%); /* Color appears on hover */
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.new-product {
color: var(--brand-color-primary);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 5px 10px;
background: var(--font-color-lightpink);
position: absolute;
top: 20px;
font-size: 13px;
}
.prescriber-tel{
background: #e7ebeb;
}
@-webkit-keyframes scroll {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes scroll {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/* Quality Care, Quality Products: Shop Now! */
.product-boxs h5 {
text-align: justify;
}
.quality-care {
padding: 50px 0;
}
.quality-care-content {
text-align: center;
}
.quality-care-content h2 {
text-align: center;
padding-bottom: 30px;
}
.quality-care-content b , .main-medicine-convenience-slider h2 b{
color: var(--font-color-secondary);
line-height: normal;
}
.product-boxs {
border-radius: 14px;
/* height: 250px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog-innerdetail-box img, .blog-img img, .mightlike-img img, .blog-boxhome img{
border: 1px solid #f4eeee;
}
.blog-img img {
width: 100%;
border-radius: 24px;
height: 270px;
-o-object-fit: cover;
object-fit: cover;
}
.product-boxs img {
width: 100%;
height: 288px;
border-radius: 24px;
-webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
mix-blend-mode: multiply;
-o-object-fit: cover;
object-fit: cover;
}
.product-boxs:hover img {
-webkit-transform:translateY(-7px);
-ms-transform:translateY(-7px);
transform:translateY(-7px);
}
.product-gaps {
gap: 25px 0;
}
.view-more-btn, .action-btn, .contectus-btn{
background: var(--brand-color-primary);
border: 1px solid var(--brand-color-primary) !important;
color: var(--brand-color-white);
display: inline-block;
border-radius: 100px !important;
}
.view-more-btn{
margin-top: 35px;
}
.view-more-btn:hover , .action-btn:hover, .contectus-btn:hover{
background: var(--brand-color-primary);
color: var(--brand-color-white);
}
/* 4.5 out of 5 stars from +150 Google reviews */
.google-reviews-box button {
margin: 7px 0;
}
.google-reviews-box img {
width: 100%;
border-radius: 10px;
}
img.reviews-star {
width: auto;
margin-bottom: 87px;
}
.google-reviews-section {
padding: 95px 0;
background-color: var(--font-color-lightpurple);
}
.google-reviews-second-img img {
width: 100%;
}
/* Medicine, Care And Convenience */
.main-medicine-convenience-slider {
padding: 100px 0;
}
.slick-initialized .slick-slide{
color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 20px;
}
.slick-slide img {
border-radius: 6px;
}
.slick-slider {
overflow: hidden;
}
.slick-track{
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
gap: 25px;
}
.product-description p {
max-width: 100%;
line-height: 1.4;
max-height: calc(1.4em* 3);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: normal;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
font-size: 15px;
margin: 0;
}
.product-description, .buy-now {
padding: 15px;
}
hr.product-hr {
margin: 0;
}
.buy-now {
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 10px;
margin-bottom: 3px;
}
.product-description b {
display: inline-block;
margin-bottom: 7px;
}
.product-description span {
background: var(--font-color-lightpink);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 6px 10px;
border-radius: 100px;
font-size: 12px;
color: var(--brand-color-primary);
}
/* 4,999+ Happy Customers */
.happy-customers {
padding-bottom: 100px;
}
.happy-customers-box {
background: var(--brand-color-primary);
padding: 100px 70px;
border-radius: 8px;
}
.happy-customers-box h5, .happy-customers-box h2 {
color: var(--brand-color-white);
line-height: normal;
}
.happy-customers-box h2 b {
color: var(--font-color-secondary);
}
.happy-customers-box button {
border: 1px solid var(--font-color-secondary) !important;
margin-top: 20px;
}
.happy-customers-box button:hover {
background: transparent;
color: var(--brand-color-white);
border-color: var(--font-color-secondary) !important;
}
.happy-customers-second-img {
text-align: end;
}
.happy-customers-box h5 b {
font-size: 21px;
}
/* What Our Customers Are Saying */
.box-slider-c {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
gap: 20px;
}
.what-customers-cnt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.what-customers-cnt b {
color: #000;
font-weight: 500;
}
.what-customers-cnt span {
color: #000;
font-weight: 600;
text-transform: uppercase;
}
.what-customers-cnt img {
width: 125px;
}
.slick-dots {
bottom: -15px !important;
position: relative !important;
}
.what-customers-saying-content h2, .what-customers-saying-content p {
text-align:start;
}
.what-customers-saying-content p {
font-family: 'Helvetica';
text-transform: uppercase;
}
.what-customers-saying-content h2, .what-customers-saying-content h2 b {
font-family: 'DINCondensed-Bold' !important;
text-transform: uppercase;
font-size: 45px;
}
.slick-dots li.slick-active button {
opacity: 1;
color: var(--brand-color-primary);
width: 18px !important;
background: var(--brand-color-primary) !important;
border-radius: 100px !important;
height: 18px !important;
}
.what-customers-saying {
padding: 60px 0;
}
.slick-dots li button {
width:18px !important;
border:1px solid var(--brand-color-primary) !important;
border-radius: 100px !important;
height: 18px !important;
padding: 3px !important;
}
.slick-dots li button:before{
content: none !important;
}
.slick-dots li {
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
margin: 0 3px !important;
}
/* Care You Can Count On: Shop Our Featured Products */
.featuredproducts-cnt b {
color: #000;
margin-bottom: 15px;
display: inline-block;
}
.featuredproducts-cnt p {
color: #212529;
font-weight: 300;
font-size: 15px;
}
.buy-now-pro {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
font-size: 16px;
}
.featuredproducts-cnt {
padding-top: 20px;
}
.featuredproducts-img img {
-o-object-fit: contain;
object-fit: contain;
}
.featuredproducts-img {
border: 1px solid var(--font-color-richblack);
border-radius: 14px;
height: 250px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.main-shopour-featured {
padding: 70px 0;
}
/* Have questions or need assistance? We’re here to help! */
.main-touch-form{
gap: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.main-action-form, .main-profile-formm {
gap: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.touch-with-us-form {
padding:50px;
-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
border-radius: 8px;
}
.main-touch-form label {
font-size: 15px;
float: left;
}
.main-touch-form input {
padding: 12px;
font-size: 12px;
font-family: var(--font-family-poppins);
}
textarea.form-control {
min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
padding: 12px !important;
font-size: 12px !important;
}
.touch-with-us {
padding-bottom: 50px;
}
b.get-touch-t{
margin-bottom: 50px;
display: inline-block;
}
.phone-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #D9D9D9;
border-radius: 5px;
/* // overflow: hidden; */
padding: 1px;
}
.phone-input input {
border: 0;
background: transparent;
}
.phone-input .iti__search-input {
padding: 8px;
}
.phone-input .iti:focus-visible, .phone-input input:focus-visible {
outline: 0;
}
.country-code {
border: none;
background: #f9f9f9;
padding: 10px;
font-size: 16px;
}
.phone-number {
border: none;
outline: none;
padding: 10px;
width: 100%;
}
.main-touch-form input::-webkit-input-placeholder, .main-touch-form textarea::-webkit-input-placeholder, .assign-patient-select input::-webkit-input-placeholder {
font-size: 15px !important;
color: #667085 !important;
}
.main-touch-form input::-moz-placeholder, .main-touch-form textarea::-moz-placeholder, .assign-patient-select input::-moz-placeholder {
font-size: 15px !important;
color: #667085 !important;
}
.main-touch-form input:-ms-input-placeholder, .main-touch-form textarea:-ms-input-placeholder, .assign-patient-select input:-ms-input-placeholder {
font-size: 15px !important;
color: #667085 !important;
}
.main-touch-form input::-ms-input-placeholder, .main-touch-form textarea::-ms-input-placeholder, .assign-patient-select input::-ms-input-placeholder {
font-size: 15px !important;
color: #667085 !important;
}
.main-touch-form input::placeholder,
.main-touch-form textarea::placeholder, .assign-patient-select input::placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
font-size: 15px !important;
color: #667085 !important;
}
.main-touch-form button {
margin: 0;
width: 100%;
padding: 10px !important;
}
/* FOOTER */
.frist-footer {
height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.frist-footer img {
width: 170px;
margin-bottom: 20px;
}
.main-footer {
background: var(--brand-color-primary);
padding: 50px 0 40px;
}
.frist-footer p {
color: var(--brand-color-white);
margin-bottom: 50px;
font-size: 13px;
}
.modasocial-icons a img {
width: 39px;
height: 39px;
border: 1px solid var(--brand-color-white);
padding: 6px;
border-radius: 100px;
-o-object-fit: scale-down;
object-fit: scale-down;
margin: 0;
}
.modasocial-icons a img:hover {
background: var(--font-color-secondary);
border: 0;
}
.modasocial-icons a {
display: inline-block;
}
.modasocial-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
}
.footer-links h5 {
text-transform: uppercase;
color: var(--brand-color-white);
font-weight: 600;
font-size: 13px;
font-family: var(--font-family-helvetica);
}
.footer-links a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #ffff;
-webkit-text-decoration: auto;
text-decoration: auto;
margin: 12px 0px;
word-break: break-word;
font-size: 13px;
font-family: var(--font-family-helvetica);
text-transform: uppercase;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: 400;
}
hr.footer-hr {
color: var(--brand-color-white);
margin-top: 50px;
}
.copyright-footer p {
color: var(--brand-color-white);
font-size: 13px;
margin: 0;
padding: 0px 0;
text-transform: uppercase;
font-family: var(--font-family-helvetica);
}
img.img-slider-home {
width: 100%;
height: 765px;
-o-object-fit: cover;
object-fit: cover;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light-color.mb-3.fixed-top1.headerLight li.product-dropdownbox ul.dropdown-menu.show {
top: 57px !important;
}
/* LOGIN-MODAL */
.box-left-img img {
width: 200px;
}
.box-left-img {
background: url('../assests/img/login-rgster/login-left.png'),
var(--brand-color-primary); height: 500px;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 21px 0 0px 21px;
}
.modal {
background: #a9aaab80 !important;
}
.modal-actions-box {
padding: 0;
}
.actions-form-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.actions-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* height: 450px; */
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 50px 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.actions-form h3 {
font-weight: 600;
text-align: center;
font-size: 43px;
color: #000;
text-transform: uppercase;
font-family: var(--font-family-din-condensed);
}
.actions-form h5 {
font-family: Helvetica;
text-transform: uppercase;
font-size: 15px;
text-align: center;
}
.actions-form p {
font-size: 13px;
color: #000;
}
.main-action-form button {
margin: 0;
padding: 10px 38px !important;
font-size: 17px;
font-family: 'Helvetica' !important;
text-transform: uppercase;
border-radius: 100px;
}
.addminn-btn button, .addminn-btn button:hover {
padding: 15px 38px !important;
color: var(--brand-color-white) !important;
background: var(--brand-color-primary) !important;
}
.actions-form-footer b {
color: var(--brand-color-primary);
font-family: var(--font-family-helvetica) !important;
}
.actions-form-footer {
text-align: center;
}
.actions-form-footer a {
color: #000;
font-family: 'Helvetica';
text-transform: uppercase;
}
.modal-actions-box button.btn-close {
position: absolute;
right: 22px;
top: 10px;
opacity: 1;
--bs-btn-close-bg: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.modal-actions-box button.btn-close img {
background: #fff;
padding: 5px;
border-radius: 100px;
height: 30px;
}
.modal-actions-box {
position: relative;
}
.actions-boxx {
border-radius: 25px;
}
.main-action-form input::-webkit-input-placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form input::-moz-placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form input:-ms-input-placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form input::-ms-input-placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form input::placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form input, .dob-register .flatpickr-wrapper input {
padding: 12px !important;
font-size: 12px;
border-radius: 0;
}
.main-action-form-r input {
padding: 12px !important;
font-size: 12px;
}
.main-action-form-r, .myprescriber-fieldssss {
gap: 20px 0;
}
.main-action-form select::-webkit-input-placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form select::-moz-placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form select:-ms-input-placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form select::-ms-input-placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form select::placeholder {
font-size: 12px;
color: var(--brand-color-primary);
font-family: var(--font-family-poppins);
}
.main-action-form select, .main-action-form-r select{
padding: 12px !important;
background: transparent;
font-size: 12px;
border-radius: 0;
border: 1px solid #D9D9D9;
font-family: var(--font-family-poppins);
}
.actions-form h4 {
color: #000;
font-size: 20px;
margin: 0px 0 20px;
}
/* // .rgt-action-s{
// height: 700px;
// } */
.rgt-action-f{
height: auto;
background-position: center;
}
/* .scriptrx-terms-box .flatpickr-wrapper input[type="text" i] ::-webkit-calendar-picker-indicator {
background-image: url('../assests/img/date.svg');
background-size: cover;
height: 15px;
padding-right: 6px;
} */
.flatpickr-wrapper input[type="text" i] {
background-image: url('../assests/img/date.svg');
background-repeat: no-repeat;
background-position: 97% 50%;
}
.scriptrx-terms-box .flatpickr-wrapper input[type="text" i] {
background-position: 94% 50%;
}
button.pre-yes-btn {
border-color: var(--brand-color-primary) !important;
}
.pre-yesno-btn button {
padding: 9px 53px !important;
}
.prescriber-left-img{
height: 450px;
}
.for-userimgg img {
padding: 0 !important;
height: 50px;
width: 100%;
border-radius: 100px;
-o-object-fit: cover;
object-fit: cover;
}
.userlogin-box span {
padding: 0;
border-radius: 100px;
color: var(--brand-color-white);
display: inline-block;
width: 44px;
height: 44px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--brand-color-primary);
}
.userlogin-box b {
padding: 0px 5px;
text-transform: none;
font-size: 16px;
}
.userlogin-box {
padding: 7px 0 !important;
display: inline-block;
}
.userlogin-box .dropdown-menu.show {
background: aqua;
}
.dropdown.userdropdown .dropdown-menu.show a {
padding: 10px;
border-bottom: 1px solid var(--font-color-richblack);
font-weight: 200;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
text-transform: capitalize;
}
.dropdown.userdropdown .dropdown-menu.show {
background: #fff;
border: 0;
padding: 0;
right: 0;
left: auto;
}
.logout{
border-bottom: 0px !important;
}
/* SKIN BOOSTER SISUM PAGE */
.breadcrumb-mian {
padding: 35px 0;
background: var(--brand-color-lightgray);
}
.breadcrumb-mian li , .breadcrumb-mian li a{
text-transform: uppercase;
color: var(--brand-color-primary) !important;
font-size: 16px;
}
.breadcrumb-mian li a {
font-weight: 700;
}
a.byyyy-noww {
color: #212529;
}
/* PRODUCT-FILTER */
section.filter-category, section.main-product-section, .main-purchasestable, .main-order-detail, .main-cartdetail, .main-checkout-box,
.main-profile-section, section.main-whoweare-section, section.how-itwork-section, .after-whoweare-box {
padding: 45px 0;
}
.checkbox-filterr {
background-color: var(--font-color-richblack);
padding: 20px;
border-radius: 10px;
}
.checkbox-filterr-l {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
font-size: 16px;
color: #333;
margin-bottom: 20px;
}
.checkbox-filterr-l input {
display: none;
}
.f-custom-checkbox {
width:25px;
height: 25px;
border: 2px solid #b3b3b3;
border-radius: 4px;
display: inline-block;
position: relative;
margin-right: 10px;
}
.checkbox-filterr-l input:checked + .f-custom-checkbox {
background-color: #0a4d68;
border-color: #0a4d68;
}
.checkbox-filterr-l input:checked + .f-custom-checkbox::after {
content: "✔";
color: white;
font-size: 14px;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-card {
background-color: #ffffff;
border-radius: 12px;
text-align: center;
}
.filter-category-rr {
gap: 25px 0;
}
.product-image img {
width: 100%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
display: block;
height: 260px;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
mix-blend-mode: multiply;
border: 0px solid #f4eeee;
padding: 20px;
}
.product-image {
border: 1px solid #f4eeee;
}
.product-image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.product-info h3 {
font-size: 18px;
color: #000;
/* // padding: 12px; */
font-weight: 500;
text-align: left;
line-height: normal;
max-width: 280px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
vertical-align: middle;
font-family: var(--font-family-poppins);
}
.product-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.price-button {
width: 99%;
padding: 10px;
background: var(--brand-color-primary);
color: var(--brand-color-white);
font-size: 14px;
border: 1px solid var(--brand-color-gray);
border-radius: 100px;
cursor: pointer;
-webkit-transition: all 0.3sease-in-out;
-o-transition: all 0.3sease-in-out;
transition: all 0.3sease-in-out;
}
.price-button:hover {
background: var(--brand-color-primary);
color: #fff;
}
/* Dropdown Button */
.f-dropdown-button , .p-dropdown-button {
width: 100%;
background: transparent;
color: #4F5D7A;
padding: 9px;
border: 1px solid var(--brand-color-gray);
text-align: left;
font-size: 16px;
cursor: pointer;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.show-priscriber-patient {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
margin-top: 0px;
}
/* Dropdown Content */
.f-dropdown-content, .patient-dropdown-content {
display: none;
position: absolute;
width: 100%;
background: #fff;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 10px;
z-index: 1;
}
/* Search Box */
#search-box {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 14px;
}
/* Prescriber List */
.prescriber-list {
list-style-type: none;
padding: 0;
margin: 10px 0;
}
.prescriber-list li {
padding: 10px;
cursor: pointer;
border-radius: 4px;
text-align: left;
font-size: 15px;
color:#4F5D7A;
}
.prescriber-list li:hover {
background: #f0f0f0;
}
/* Add New Prescriber Button */
.add-prescriber {
width: 100%;
padding: 10px;
background: var(--brand-color-primary);
color: #fff;
font-size: 16px;
border: none;
border-radius: 6px;
cursor: pointer;
margin-top: 10px;
}
.dropdown {
cursor: pointer !important;
}
/* Show Dropdown */
.show-priscriber , .show-patient, .show-dropdown{
display: block;
}
.pr-search {
position: relative;
width: auto;
}
.pr-search input {
background: transparent !important;
}
.addtocart-btn {
width: 99%;
padding: 10px;
background: var(--brand-color-primary);
color: var(--brand-color-white);
font-size: 14px;
border: 1px solid var(--brand-color-primary);
border-radius: 100px;
cursor: pointer;
}
label{color: #344054;}
.addform-p label {
font-size: 14px;
font-weight: 600;
}
.text-danger {
font-size: 13px;
color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important;
text-align: left;
}
.flatpickr-current-month input.cur-year {
background: transparent !important;
padding: 0 !important;
}
.addform-p select.form-select ,.phone-number{
color: #667085;
padding: 10px !important;
font-size: 14px;
}
.addform-p {
gap: 10px 0;
}
.modal-footer1 button {
width: 100%;
padding: 10px;
border-radius: 100px;
}
.modal-footer1 {
padding: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
gap: 20px;
}
.save-btn, .save-btn:hover .save-btn:focus-visible{
background: var(--brand-color-primary) !important;
border: 0px solid !important;
color: var(--brand-color-white);
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.cancel-btn, .cancel-btn:hover {
background: transparent;
color: var(--brand-color-primary);
}
h5.add-p-title {
font-size: 21px !important;
color: var(--brand-color-primary);
font-weight: 600;
}
/* PRODUCT-DETAILS-PAGE */
.product-gallery {
background: white;
border-radius: 12px;
text-align: center;
}
.main-image {
width: 100%;
border-radius: 10px;
cursor: pointer;
height: 496px;
-o-object-fit: contain;
object-fit: contain;
border: 1px solid #f4eeee;
padding: 10px;
}
.thumbnail-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
margin-top: 10px;
width: 100%;
overflow-x: auto;
}
.thumbnail-container::-webkit-scrollbar-thumb {
background: #00000052;
}
.thumbnail-container::-webkit-scrollbar{
width: 2px;
height: 2px;
}
.thumbnail {
width: 105px;
height: 105px;
-o-object-fit: contain;
object-fit: contain;
border-radius: 8px;
cursor: pointer;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
border: 1px solid #f4eeee;
padding: 10px;
}
.product-detail-cnt h3 {
font-size: 28px;
font-weight: 600;
}
.product-detail-cnt h4 b {
color: #000;
font-size: 24px;
padding-bottom: 20px;
display: inline-block;
}
.select-pre-patient {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
padding-bottom: 30px;
padding-top: 7px;
}
.select-pre-patient .dropdown {
width: 40%;
}
.scriptrx-pre-patient {
padding-bottom: 0;
}
.scriptrx-pre-patient .dropdown{
width: 100% !important;
}
.addto-cart-count {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 10px;
gap: 18px;
border: 1px solid var(--brand-color-gray);
border-radius: 10px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.addtocart-box button {
width: 25%;
}
.addtocart-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
/* Products-detail-tab */
.tabs-container-pro {
padding: 20px 0px;
border-radius: 10px;
}
.tabs-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-bottom: 1px solid #ddd;
gap: 50px;
}
.tab-detail {
padding: 10px 15px;
cursor: pointer;
font-weight: bold;
border-bottom: 3px solid transparent;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 20%;
font-size: 20px;
}
.tab-detail.active-tab {
border-bottom: 3px solid var(--brand-color-primary);
color: var(--brand-color-primary);
}
.tab-content-detail {
display: none;
padding: 20px 0;
}
.tab-content-detail.active-tab {
display: block;
}
.pro-detail-li li {
font-size: 16px;
padding-bottom: 10px;
}
.pro-detail-li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 23px;
}
.mian-reviewsstar .star, .reviewsstar-form .star {
display: inline-block;
width: 20px;
height: 20px;
background-color: #FFA500;
-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.mian-reviewsstar :nth-child(5) {
background: #CFCFCF;
}
.reviewsstar-form :nth-child(1),
.reviewsstar-form :nth-child(2),
.reviewsstar-form :nth-child(3),
.reviewsstar-form :nth-child(4),
.reviewsstar-form :nth-child(5) {
background: #CFCFCF;
}
.reviewsstar-form {
padding: 15px 0;
}
button.review-submit {
width: 15%;
padding: 10px;
background: var(--brand-color-primary);
color: var(--brand-color-white);
font-size: 14px;
border: 1px solid var(--brand-color-primary);
border-radius: 8px;
cursor: pointer;
margin-top: 25px;
}
.actions-form p {
text-align: center;
}
.pre-yesno-btnn button {
padding: 9px 50px !important;
font-family: var(--font-family-poppins) !important;
}
.logoutt-btn button {
padding: 9px 44px !important;
}
/* ORDER-HISTORY */
.purchasestable-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.search-history {
width: 25%;
}
.search-history input {
background: transparent !important;
}
.table-container-history {
width: 100%;
overflow-y: auto;
/* // overflow-x: auto;
// max-height: calc(99vh - 170px); */
}
/* // table thead tr {
// position: sticky !important;
// top: 0px;
// z-index: 3;
// font-weight: 600;
// border-color: var(--brand-color-primary);
// line-height: 1.5rem;
// border-top: 0;
// vertical-align: middle;
// outline: 0px solid !important;
// } */
.table-container-history table {
width: 100%;
border-collapse: collapse;
text-align: left;
border: 1px solid var(--font-color-richblack);
}
.table-container-history thead {
background-color: #E5E7EB;
/* position: sticky;
top: -1px; */
}
.table-container-history th, .table-container-history td {
padding: 12px 16px;
}
.table-container-history th {
font-weight: bold;
color: black;
}
.table-container-history tbody {
color: #555;
}
.table-container-history .status {
color: white;
padding: 6px 12px;
border-radius: 20px;
display: inline-block;
}
.table-container-history .status-badge {
background-color: #FFA500;
}
.table-container-history .status-awaiting {
background-color: #FFCC00;
}
.table-container-history .status-approved {
background-color: #4CAF50;
}
.table-container-history .status-processing {
background-color: #1976D2;
}
.tableaction-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.table-container-history tr {
border-bottom: 1px solid var(--font-color-richblack);
}
.status-box {
text-align: center;
}
/* ORDER DETAILs PAGE */
.order-d-box h4 {
color: #000;
font-weight: 600;
}
.main-order-inner{
border: 1px solid #dfe3e7;
padding: 20px;
border-radius: 8px;
}
.order-d-box p {
margin-bottom: 5px;
font-size: 15px;
}
.order-d-box p span, .product-info p span,.product-info-trend p span{
color: #576686;
font-size: 15px;
}
.order-d-head a {
text-transform: uppercase;
color: #000;
padding-bottom: 12px;
font-size: 15px;
display: inline-block;
}
.order-d-head a img {
width: 20px;
}
.orderpro-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.orderpro-card-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.product-info p {
margin-bottom: 3px;
cursor: auto;
color: #000;
}
.product-info h4, .product-info-trend h4 {
color: #000;
font-size: 18px;
}
.orderpro-card-detail img {
height: 105px;
width: 105px;
border-radius: 8px;
border: 1px solid #f4eeee;
}
.view-dtl-btn {
width: 15%;
}
.main-order-detail hr {
color: var(--brand-color-gray);
height: 2px;
}
.card-head h4 {
color: #000;
margin: 0;
font-size: 18px;
}
.card-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* CART */
.remove-pro span a {
color: #000;
}
.order-counts a {
background: #e8eded;
padding: 1px 10px;
border-radius: 100px;
color: #000;
font-size: 20px;
height: 30px;
line-height: normal;
width: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-details img {
height: 150px !important;
width: 150px !important;
border: 1px solid #f4eeee;
padding: 10px;
}
a.remove-pro {
color: #000;
}
.cart-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.cart-remove-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.cartpro-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-counts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
a.reg-terms {
color: #000000;
font-weight: 600;
}
.price-card {
background: white;
border-radius: 12px;
border: 1px solid #ddd;
}
.price-card h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
.price-row p {
margin: 0;
}
.price-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
padding: 14px;
border-top: 1px solid #ddd;
}
.price-row1 p {
margin: 0;
}
.price-row1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 16px;
padding: 20px;
border-top: 1px solid #ddd !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 18px;
}
.price-row span {
font-weight: bold;
}
.free-text {
color: var(--font-color-secondary);
font-weight: bold;
}
.totalprices {
font-size: 18px;
font-weight: bold;
border-top: 1px solid #ddd;
padding-top: 10px;
margin: 0;
border-bottom: 1px solid #ddd;
}
.delivery-info {
font-size: 14px;
color: #aaa;
padding: 10px 14px;
margin: 0;
}
.price-card h3 {
padding: 14px;
margin: 0;
text-transform: uppercase;
}
.delivery-info span {
font-weight: bold;
color: #000;
}
.checkout-btn {
width: 100%;
background: var(--brand-color-primary);
color: white;
padding: 10px 20px;
border: none;
border-radius: 100px;
font-size: 16px;
cursor: pointer;
text-align: center;
font-family: var(--font-family-poppins);
text-transform: uppercase;
}
/* .checkout-btn:hover {
background: #8760B8;
} */
.main-price-box {
padding-top: 50px;
}
button.addtocart-trend {
padding: 4px 8px;
background: var(--brand-color-primary);
color: var(--brand-color-white);
font-size: 11px;
border: 1px solid var(--brand-color-primary);
border-radius: 8px;
cursor: pointer;
}
.trend-addtocart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.trendcart-view img {
height: 105px;
width: 105px;
border: 1px solid #f4eeee;
-o-object-fit: contain;
object-fit: contain;
}
.trendcart-view {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.product-info-trend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.viewmore-pro a {
text-decoration: underline;
color: #567181;
font-size: 16px;
}
.viewmore-pro {
text-align: center;
padding: 10px 0;
position: sticky;
bottom: 0;
background: #fff;
border-radius: 13px;
}
/* CONTACT PAGE*/
section.my-about-section {
background: url('../assests/img/contact-img.png');
}
.scriptrx-section{
background: -o-radial-gradient(circle, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 16%) 1000%), url(../assests/img/scriptrx.png);
background: radial-gradient(circle, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 16%) 1000%), url(../assests/img/scriptrx.png);
}
/* .blog-bgimg{
background: url('../assests/img/blogs/blogbg1.png');
background-position: center;
height: 500px !important;
} */
.blog-bgimg-cnt img {
width: 100%;
height: 500px !important;
-o-object-fit: cover;
object-fit: cover;
}
.blog-bgimg-cnt {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center !important;
align-content: center !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.blog-bgimg-cnt h1 {
position: absolute;
z-index: 999999;
}
.about-section{
background: url('../assests/img/abouttt.png');
}
section.my-about-section, .scriptrx-section, .about-section {
height: 645px;
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-title {
width: 65%;
margin: 0 auto;
text-align: center;
}
.contact-title p{
color: var(--brand-color-white);
width: 50%;
margin: 0 auto;
font-family: var(--font-family-helvetica);
}
.contact-boxss {
padding: 35px;
border-radius: 24px;
background: var(--brand-color-lightgray);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-contactpage, .main-about-section {
margin-top: -77px;
padding-bottom: 50px;
}
.contact-boxss p {
margin: 0;
font-size: 14px;
text-align: center;
}
.contact-boxss h3 {
color: var(--brand-color-primary);
}
.contact-boxss a {
color: #161616;
}
.main-map iframe {
width: 100%;
height: 615px;
border-radius: 8px;
}
.contactus-form {
padding: 25px;
}
.main-mapsection{
padding-bottom: 50px;
}
.contactus-form h3 {
font-size: 28px;
padding-bottom: 20px;
}
.product-gaps a {
color: #000;
}
/* CHECKOUT PAGE */
.main-checkout-form {
padding: 20px;
border-radius: 8px;
background: #fff;
border: 1px solid #ddd;
}
.pricehr {
border-top: 0;
}
.pricehr-total{
border-bottom: 0;
}
.checkotpricebox {
border: 0;
}
.main-trend-box1 {
/* // height: 942px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #ddd;
border-radius: 10px;
}
.main-checkout-boxx{
max-height: 463px;
overflow-y: auto;
}
.main-trend-box {
height: 520px;
overflow-y: auto;
margin-top: 20px;
}
.main-checkout-boxx::-webkit-scrollbar-thumb, .main-trend-box::-webkit-scrollbar-thumb {
background: #00000052;
}
.main-checkout-boxx::-webkit-scrollbar, .main-trend-box::-webkit-scrollbar {
width: 2px;
height: 0;
}
.payment-container {
background: #fff;
padding: 20px;
border-radius: 10px;
border: 1px solid #ddd;
}
.payment-options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-bottom: 10px;
margin-bottom: 15px;
gap: 20px;
}
.payment-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
cursor: pointer;
}
.payment-option input {
accent-color: #13a28a;
cursor: pointer;
width: 14px;
height: 14px;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.payment-content {
display: none;
border-radius: 5px;
margin-top: 10px;
}
.payment-content.active-payment {
display: block;
}
.input-container {
position: relative;
}
.card-input:focus {
border-color: #00C2A8;
}
.visa-logo {
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 35px;
}
.payment-check span {
font-size: 13px;
}
.final-payment {
width: 35%;
margin: 0 auto;
}
span.payment-cnt {
text-align: center;
font-size: 13px;
color: gray;
}
.card-container {
text-align: center;
}
.pin-input-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
margin-bottom: 20px;
}
.pin-input {
width: 50px;
height: 50px;
font-size: 24px;
text-align: center;
border: 1px solid #ccc;
border-radius: 8px;
outline: none;
}
.pin-input:focus {
border-color: #7E57C2;
}
.pay-btn {
width: 50%;
padding: 12px;
border: none;
background: var(--brand-color-primary);
color: white;
font-size: 16px;
font-weight: bold;
border-radius: 8px;
cursor: pointer;
margin-bottom: 15px;
}
.close-code-box button {
position: absolute;
right: 11px;
padding: 10px !important;
font-size: 15px;
}
.close-code-box {
border-bottom: 0 !important;
}
.pay-btn:hover {
background: var(--brand-color-primary);
}
.privacy-text {
font-size: 12px;
color: #888;
line-height: 1.5;
}
.search-box.pr-search.search-box1 input {
padding: 10px 10px 10px 35px !important;
}
/*
.hidden-bank-d{
display: none;
} */
.main-transfer-box {
margin: 0 auto;
text-align: center;
}
.main-transfer-box p {
margin-bottom: 9px;
color: #ACACAC;
}
.main-transfer-box p b {
font-weight: unset;
color: red;
}
a.transfer-code {
color: #000;
}
/* MY ACCOUNT PAGE */
.row.main-profile-formm h3 b img {
width: 91%;
}
.file-upload-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 12px 20px;
background-color: var(--brand-color-primary);
color: #fff;
font-size: 16px;
border-radius: 100px;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border: none;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-transform: uppercase;
}
.file-upload-label:hover {
background-color: var(--brand-color-primary);
}
.file-upload-label img {
width: 20px;
height: 20px;
-o-object-fit: cover;
object-fit: cover;
}
.file-upload-input {
display: none;
}
.file-name {
font-size: 14px;
color: #333;
text-align: center;
margin-top: 5px;
}
a.remove-imgpro {
padding: 10px 20px;
border: 1px solid var(--brand-color-primary);
border-radius: 100px;
color: var(--brand-color-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 7px;
text-transform: uppercase;
}
.profile-img img {
height: 120px;
width: 120px;
border-radius: 100px;
-o-object-fit: cover;
object-fit: cover;
}
.profile-img span {
height: 120px;
width: 120px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--brand-color-primary);
color: var(--font-color-lightyellow);
font-size:45px;
}
.main-profile-formm label {
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
gap: 10px;
}
.main-profile-formm input {
padding: 12px !important;
font-size: 14px;
}
.profile-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
border: 1px solid var(--font-color-richblack);
padding: 15px;
border-radius: 14px;
}
.main-profile-formm h3 {
color: var(--brand-color-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-profile-formm h3 img {
width: 90%;
height: 1px;
}
.main-profile-formm h3 b {
width: 10%;
}
.main-profile-formm h4 {
color: #344054;
}
.saves-btn-now {
padding: 10px 16px;
border: 0;
background: var(--brand-color-primary);
color: #fff;
border-radius: 100px;
font-size: 16px;
font-weight: 100;
text-transform: uppercase;
font-family: var(--font-family-poppins);
}
button.panment-cancel {
padding: 9px 30px;
border: 0;
border: 1px solid var(--brand-color-primary);
background: var(--brand-color-white);
color: var(--brand-color-primary);
border-radius: 100px;
font-size: 16px;
font-weight: 100;
text-transform: uppercase;
font-family: var(--font-family-poppins);
}
.delete-account a {
font-weight: 600;
text-transform: uppercase;
color: var(--brand-color-primary);
text-decoration: underline;
}
.main-profile-formm {
padding-bottom: 50px;
}
/* ABOUT PAGE */
.aboutt-fftitle {
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
padding: 40px 25px;
border-radius: 8px;
background: #fff;
}
.about-boxss span {
font-size: 20px;
color: #000;
}
.about-boxss {
text-align: center;
}
.about-img img {
border-radius: 8px;
height: 400px;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.whoweare-inner-box h2, .whoweare-inner-box h2 span {
color: #000000;
margin: 0;
font-size: 32px;
font-weight: 600;
}
.whoweare-inner-box h2 span {
color: var(--brand-color-lilac);
}
.whoweare-inner-box p {
width: 60%;
margin: 0;
}
.whoweare-inner-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 13px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.afterwork-box {
border: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: none !important;
padding: 19px !important;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
section.after-whoweare-box {
background: var(--brand-color-lightgray);
}
.touchhh-box-about {
padding-top: 100px;
}
.whoweare-inner-box button {
margin: 0;
}
/* SCRIPTRX PAGE */
.scriptrx-section-img{
background: url('../assests/img/scriptrx-side.png');
height:450px;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.ourmission-box {
background: var(--brand-color-primary);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 20px;
color: #fff;
border-radius: 8px;
width: 70%;
}
.ourmission-box span {
font-size: 17px;
margin-bottom: 6px;
display: inline-block;
}
.ourmission-box p {
font-size: 14px;
font-weight: 500;
}
.benefits-ofusing-section{
background: var(--brand-color-primary);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 50px 0;
}
.benefits-cantain h2 {
color: #fff;
margin: 20px 0;
}
.benefits-box-div{
padding:15px;
border-radius: 100px;
background: var(--brand-color-white);
}
.benefits-box img {
width: 40px;
height: 40px;
}
section.how-itwork-section h2 hr {
background: #000000;
height: 2px;
opacity: 1 !important;
margin: 5px auto;
width: 15%;
}
/* NEW SCRIPRXPAGE DESIGN */
.benefits-cantent {
background: #fff;
border-radius: 55px;
padding: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0px 50px;
}
.benefits-cantent h3 {
font-family: var(--font-family-din-condensed);
font-size: 48px;
}
.benefits-img{
position: relative;
right: -37%;
}
.benefits-box h3 {
color: var(--brand-color-white);
font-weight: 300;
font-size: 20px;
font-family: var(--font-family-helvetica);
}
.benefits-box p {
color: var(--brand-color-white);
font-size: 14px;
}
.benefits-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 22px;
margin-bottom: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.how-itwork-section h2 {
text-align: center;
}
.how-itwork-box {
padding: 21px;
border: 1px solid var(--brand-color-primary);
border-radius: 24px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
text-align: center;
z-index: 99;
position: relative;
background: #fff;
}
.how-itwork-box h3 {
padding-top: 17px;
color: var(--brand-color-primary);
font-weight: 600;
font-size: 21px;
}
.how-itwork-box img {
-webkit-filter: brightness(0) saturate(100%) invert(97%) sepia(11%) saturate(286%) hue-rotate(33deg) brightness(89%) contrast(98%);
filter: brightness(0) saturate(100%) invert(97%) sepia(11%) saturate(286%) hue-rotate(33deg) brightness(89%) contrast(98%);
}
.howitwork-num {
position: relative;
margin-top: 90px;
}
.howitwork-num span {
font-size: 52px;
font-weight: bold;
color: var(--brand-color-white);
position: absolute;
top: -35px;
left: -10px;
background: var(--brand-color-primary);
padding: 0px 15px;
border-radius: 100px;
width: 82px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 999;
}
.areyou-priscriber-box {
padding: 50px 20px;
text-align: center;
}
.areyou-priscriber-box button {
border-color: var(--brand-color-primary) !important;
color: var(--brand-color-primary);
margin-top: 15px !important;
background: var(--brand-color-white);
border-radius: 100px;
text-transform: uppercase;
}
.areyou-priscriber-box h2 {
color: var(--brand-color-white);
}
section.prescriber-doctor {
background: var(--brand-color-primary);
margin-top: 10px;
margin-bottom: 50px;
}
.b-img img {
width: 100%;
height: 500px;
-o-object-fit: contain;
object-fit: contain;
}
.about-boxss h2 {
font-size: 50px;
color: var(--font-color-secondary);
}
.scriptrx-contact {
padding: 60px;
}
.scriptrx-contact.bg-white h1 {
color:var(--brand-color-primary);
text-transform: uppercase;
}
.input-group-password {
position: relative;
}
.input-group-password input {
width: 100%;
padding-right: 40px;
border: 1px solid #D9D9D9;
font-size: 12px;
}
.input-group-password .toggle-password {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
width: 20px;
height: 20px;
}
/* ADMIN-LOGIN */
section.admin-login-screen {
background: url('../assests/img/admin-login.png'), var(--brand-color-primary);
height: 100vh;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.admin-login-box {
background: #fff;
border-radius: 10px;
width: 28%;
height: auto;
padding: 40px;
}
a.forgot-password {
margin-top: -10px;
text-align: end;
text-decoration: underline;
color: var(--brand-color-primary);
font-family: 'Helvetica';
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.admin-login-box a img {
width: 250px;
}
a.backtologin.text-center {
color:var(--brand-color-primary);
text-decoration: underline;
}
a.backtologin.text-center img {
width: 15px;
}
/* // TOPSCROLL BUTTON */
#button-topscroll {
display: inline-block;
background-color: var(--brand-color-lilac);
width: 50px;
height: 50px;
text-align: center;
border-radius: 100px;
position: fixed;
bottom: 30px;
right: 30px;
-webkit-transition: background-color .3s,
opacity .5s, visibility .5s;
-o-transition: background-color .3s,
opacity .5s, visibility .5s;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
border: 1px solid var(--brand-color-lilac);
}
#button-topscroll::after {
content: ">";
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #000000;
-webkit-transform: rotate(269deg) !important;
-ms-transform: rotate(269deg) !important;
transform: rotate(269deg) !important;
display: inline-block;
font-family: var(--font-family-poppins);
}
#button-topscroll:hover {
cursor: pointer;
background-color: var(--brand-color-sage);
}
#button-topscroll:hover::after {
color: var(--brand-color-primary);
}
#button-topscroll:active {
background-color: #555;
}
#button-topscroll.show {
opacity: 1;
visibility: visible;
}
.invalid {
border-color: #ea5455 !important;
}
.registerrr{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.registerrr input {
padding: 12px !important;
background: transparent;
font-size: 12px;
border: 0;
/* // border-radius: 6px; */
width: 75%;
border: 1px solid #D9D9D9;
}
.registerrr button {
border: 0px;
background: var(--brand-color-primary);
color: #fff;
border-radius: 100px;
width: 35%;
padding: 10px !important;
font-size: 16px;
font-family: var(--font-family-poppins) !important;
}
.registerrr select{
width: 100%;
padding: 12px !important;
background: #E7EBEB;
font-size: 12px;
border: 0;
border-radius: 8px;
}
#onfido-sdk iframe {
height: 94% !important;
}
.dropdown-item.active, .dropdown-item:active {
background-color: #eaedef !important;
}
#onfido-sdk {
min-height: 461px !important;
max-width: 100% !important;
border: 0 !important;
}
/* // .nav-link[aria-current="page"] {
// color: var(--font-color-secondary);
// border-top: 2px solid var(--font-color-secondary);
// } */
.circle-btn {
overflow: hidden;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.circle-bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
display: block;
}
.ARROWicon {
position: absolute;
top: 0;
left: 0;
z-index: 2;
font-size: 20px;
-webkit-transition: color 0.2s ease-in;
-o-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}
.sliderbtn .ARROWicon {
display: block;
position: relative;
-webkit-transition: all 0.4s 0.1s;
-o-transition: all 0.4s 0.1s;
transition: all 0.4s 0.1s;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
color: #000000;
}
.sliderbtn .ARROWicon::after {
content: "\f148";
font-family: bootstrap-icons !important;
color: #000000;
display: block;
position: absolute;
left: 0;
height: 100%;
width: 100%;
top: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: translate3d(0px, 105%, 0px) rotateX(-90deg);
transform: translate3d(0px, 105%, 0px) rotateX(-90deg);
}
.view-more-btn .ARROWicon::after {
content: "\f148";
color: #ffffff;
}
.sliderbtn:hover .ARROWicon {
-webkit-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
transform: translate3d(0px, 0px, -30px) rotateX(90deg);
}
.sliderbtn:hover .ARROWicon {
color: #000000;
}
.view-more-btn .ARROWicon {
color: #ffffff !important;
}
.text-center.pre-yesno-btn {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.form-regbtns button {
margin: 0;
margin-bottom: 10px;
font-size: 14px;
padding: 0px !important;
font-family: var(--font-family-poppins) !important;
}
section.main-related-items {
padding-bottom: 50px;
}
.mainmain-cartdetail {
/* // max-height: 816px;
// overflow-y: auto; */
}
.dropdown.patient-dropdown select.form-control.select2.form-select.disabled {
font-size: 16px;
padding: 9px;
color: #444;
}
.boxx-signprescription{
max-height: 816px;
overflow-y: auto;
}
.mainmain-cartdetail1{
max-height: 235px;
overflow-y: auto;
background: #F4F7F9;
padding: 10px;
margin-top: 5px;
}
.mainmain-cartdetail::-webkit-scrollbar-thumb, .mainmain-cartdetail1::-webkit-scrollbar-thumb, .boxx-signprescription::-webkit-scrollbar-thumb {
background: #00000052;
}
.mainmain-cartdetail::-webkit-scrollbar, .mainmain-cartdetail1::-webkit-scrollbar, .boxx-signprescription::-webkit-scrollbar {
width: 1px;
height: 0;
}
.add_new_option{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: white;
padding: 10px;
font-weight: bold;
color: #007bff;
cursor: pointer;
text-align: center;
border-top: 1px solid #ccc;
}
.custom-pin-model {
max-width: 20% !important;
}
.otSc_current {
margin: 0;
margin-right: 16px;
border: 1px solid;
padding: 10px 0px;
font-size: 38px;
text-align: center;
width: 100%;
outline: none;
}
.otSc_current:last-child {
margin-right: 0;
}
.otSc {
margin: 0;
margin-right: 16px;
border: 1px solid;
padding: 10px 0px;
font-size: 38px;
text-align: center;
width: 100%;
outline: none;
}
.otSc:last-child {
margin-right: 0;
}
.otpCont_pin{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.otpCont_pin input {
height: 40px;
width: 40px;
border-radius: 9px;
border: 3px solid #99B9BC;
font-size: 19px;
text-align: center;
}
.signature-pinnn .modal-content {
width: auto;
}
.action-btn-otp, .action-btn-otp:hover{
background: var(--brand-color-primary);
border: 0px solid !important;
color: var(--brand-color-white);
}
span.select2-selection.select2-selection--single {
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-color: #EAEDEF;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
border-radius: 0px;
overflow: hidden;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: auto;
right: 1px;
width: 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--font-color-richblack) !important;
color: #64748B !important;
}
.select2-search--dropdown .select2-search__field {
padding: 10px !important;
}
.add_new_option {
background: var(--brand-color-primary) !important;
color: #ffffff !important;
font-weight: 400;
}
.select2-results__option {
text-align: justify !important;
}
/* // SCRIPT-RX PAGE */
.main-scriptrx-tabboxx p.text-center span {
background: #4b91e0;
padding: 0px 8px;
border-radius: 100px;
color: #fff;
font-size: 16px;
}
.tabs-container-scriptrx {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: white;
-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
/* // height: 100vh;
// overflow: auto; */
}
.tabs-container-scriptrx::-webkit-scrollbar-thumb {
background: #00000052;
}
.tabs-container-scriptrx::-webkit-scrollbar{
width: 0px;
height: 2px;
}
.tabs-rx-script {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
/* // position: fixed; */
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tab-script-rx {
padding: 15px;
cursor: pointer;
text-align: center;
background: #ddd;
-webkit-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
border-radius: 0px 10px 10px 0px;
height: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 0px 4px 8px rgb(0 0 0 / 33%);
box-shadow: 0px 4px 8px rgb(0 0 0 / 33%);
}
.tab-script-rx:hover, .tab-script-rx.active {
background: var(--brand-color-primary);
color: white;
}
.tab-content-script {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px;
display: none;
}
.tab-content-script.active {
display: block;
}
.tab-script-rx .cart-section-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 0;
}
.cart-main-box {
padding: 2px;
border-radius: 100px;
border: 1px solid var(--brand-color-primary);
}
.cart-section-icons .cart-main-box:hover {
border: 1px solid var(--brand-color-white);
}
.tab-script-rx.active .cart-main-box {
padding: 2px;
border-radius: 100px;
border: 1px solid #ffffff;
}
.tab-script-rx .cart-main-box img {
height: 33px;
padding: 4px;
-webkit-filter: invert(1);
filter: invert(1);
}
.tab-script-rx.active .cart-main-box img, .tab-script-rx:hover .cart-main-box img {
-webkit-filter: drop-shadow(2px 4px 6px black);
filter: drop-shadow(2px 4px 6px black);
}
.tab-script-rx .cart-main-box span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
right: -5px;
top: 0px;
}
.content-script-rx {
width: 100%;
/* // margin-left: 100px; */
}
.scriptrx-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: #000;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
/* // .main-scriptrx-tabboxx th, .main-scriptrx-tabboxx td {
// padding: 0px 16px;
// } */
.main-scriptrx-tabboxx th {
color: #000;
font-weight: 600;
font-size: 16px;
}
.main-scriptrx-tabboxx td p {
font-size: 13px;
margin: 0;
}
.main-scriptrx-tabboxx .table-container-history {
/* // border: 1px solid var(--font-color-richblack); */
padding: 10px 0px;
}
.scriptrx-product-main th {
padding: 12px 16px;
}
.scriptrx-product-main td {
padding: 15px 16px 15px;
}
.script-imgrx {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.script-imgrx img {
width: 50px;
height: 50px;
}
.table-container-history hr {
color:#acb4b9;
height: 1px;
}
.scriptrx-product-main thead tr {
position: sticky;
top: 0;
/* // background: #fff; */
}
.main-scriptrx-tabboxx .prescriber-dropdown {
width: 60%;
margin: 0 auto;
}
.backtohome-link a {
color: #000;
font-weight: 700;
}
.backtohome-link {
text-align: end;
padding: 20px;
}
.backtohome-link a i {
font-size: 18px;
padding: 0px 10px;
}
/* Drawer */
.drawer {
position: fixed;
top: 0;
right: -400px;
width: 24%;
height: 100%;
background: #fff;
-webkit-box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
-webkit-transition: right 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
transition: right 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
-o-transition: right 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
transition: right 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
transition: right 0.5s ease-in-out, box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
z-index: 1001;
overflow-y: auto;
opacity: 0;
visibility: hidden;
}
.drawer-content {
padding: 20px;
height: 100%;
}
.overlay-srx {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
-webkit-transition: background 0.5s ease-in-out, visibility 0.5s;
-o-transition: background 0.5s ease-in-out, visibility 0.5s;
transition: background 0.5s ease-in-out, visibility 0.5s;
z-index: 1000;
visibility: hidden; /* Hide overlay initially */
opacity: 0; /* Invisible */
}
.drawer.active {
right: 0;
opacity: 1;
visibility: visible;
}
.overlay-srx.active {
visibility: visible;
opacity: 1;
background: rgba(0, 0, 0, 0.5);
}
.close-btn {
font-size: 24px;
color: var(--brand-color-primary);
cursor: pointer;
position: absolute;
top: 10px;
right: 15px;
font-size: 35px;
}
.pin-container-srx {
font-family: Arial, sans-serif;
color: #333;
}
.pin-input-srx {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.pin-box-srx {
width: 40px;
height: 40px;
font-size: 24px;
text-align: center;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pin-box-srx:focus {
border-color: #007bff;
outline: none;
-webkit-box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
}
.forgot-pin-srx {
display: inline-block;
margin-top: 10px;
color: #007bff;
text-decoration: none;
font-size: 14px;
}
.scriptrx-terms-box .form-check, .scriptrx-terms-box .form-check a {
font-size: 15px;
}
.drawer-content hr {
color: #b0b0a9;
}
.pin-container-srx h5 span {
background: #4b91e0;
padding: 0px 7px;
border-radius: 100px;
color: #fff;
font-size: 14px;
}
.pin-container-srx h5 {
font-size: 17px;
}
.pin-container-srx label span{
font-size: 16px;
/* // padding: 10px 16px; */
vertical-align: bottom;
font-family: var(--font-family-helvetica);
}
p#getaddress_error_message {
/* display: none; */
position: absolute;
right: 0;
bottom: -40px;
color: red;
font-size: 14px;
}
/* // .product-tab-content-container {
// display: none;
// // position: absolute;
// top: 100%;
// left: 0;
// background: white;
// padding: 10px;
// border: 1px solid #ddd;
// }
// .product-tab-content {
// display: none;
// }
// .product-tab-content.active {
// display: block;
// } */
img.arroupdropdwon {
position: absolute;
top: -12px;
left: 62px;
-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7459%) hue-rotate(176deg) brightness(106%) contrast(109%);
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7459%) hue-rotate(176deg) brightness(106%) contrast(109%);
}
.nav-pills-rx .nav-link1 {
background-color: transparent;
color: #333;
border-radius: 5px;
margin-bottom: 5px;
border: 0;
padding: 10px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.nav-pills-rx .nav-link1.active {
background-color: var(--font-color-richblack); /* Highlight active tab */
color: var(--brand-color-primary);
width: 100%;
text-align: justify;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
}
.nav {
display: inline;
}
.main-dropdown-categories{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mynewcategory-boxdrop {
background: #fafafa;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.iti__country-container button {
padding: 10px !important;
}
/* // #register #phone_number, #register #business_phone, #profile_form #phone, #checkout_detail #phone , #profile_form #business_phone{
// padding-left: 48px !important;
// } */
.profile-box-signature {
border: 1px solid var(--font-color-richblack);
padding: 15px;
border-radius: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 10px 0;
}
.profile-box-signature input[type="radio" i] {
font-size: 56px;
width: 20px;
}
.profile-img-signature {
gap: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.profile-img-signature img {
width: 150px;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
}
.profile-img-hand-signature {
gap: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.profile-img-hand-signature img {
width: 50%;
height: 50%;
-o-object-fit: contain;
object-fit: contain
}
.signature-accordion{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
border: 0;
}
.signature-accordion button.accordion-button {
border: 1px solid #D9D9D9;
background: transparent;
border-radius: 6px;
padding: 15px;
color: #000;
}
.signature-accordion .accordion-body {
border: 1px solid #D9D9D9;
border-radius: 6px;
}
.medicine-slider{
margin-top: 3rem;
}
.profile-form-endbtn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flatpickr-current-month{
padding: 0px !important;
}
#sign_pad_div{
border: 1px solid;
padding:5px;
}
#sig{
width: 100%;
height: 150px;
}
#show_digital_sign{
width:20px;
height:20px;
}
.address-profiles input {
padding: 12px !important;
background: #E7EBEB;
font-size: 14px;
border: 0;
border-radius: 6px;
width: 100%;
}
.address-profiles button {
border: 0px;
background: var(--brand-color-primary);
color: #fff;
border-radius: 100px;
width: 28%;
padding: 10px !important;
font-size: 16px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: var(--font-family-poppins);
}
.address-profiles{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
position: relative;
}
.main-checkout-form input {
padding: 12px !important;
font-size: 14px;
}
.address-profiles select {
border: 1px solid var(--bs-border-color);
padding: 12px;
border-radius: 5px;
font-size: 14px;
}
.body-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 10%);
z-index: 9;
display: none;
}
.overlay-head{
z-index: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
display: none;
}
.dob-register .flatpickr-wrapper, .addform-p .flatpickr-wrapper {
display: block;
}
.dropdown-menu.show {
z-index: 1000; /* Ensure dropdown is above overlay */
}
.search-dropdown-box img {
position: relative;
height: 50px;
width: 50px;
left: 0;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.search-dropdown-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 15px;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-dropdown-box p {
margin: 0;
}
/* // @media (prefers-color-scheme: dark) {
// body {
// background: #753;
// }
// } */
.form-regbtns button, .form-regbtns button:hover {
background: var(--brand-color-primary);
color: #ffffff;
padding: 5px 20px !important;
display: inline-block;
text-transform: uppercase;
border-radius: 100px !important;
}
button#registration-submit {
border: 1px solid var(--brand-color-primary) !important;
background: none;
color: var(--brand-color-primary);
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month .numInputWrapper {
font-size: 18px !important;
/* border-radius: 4px; */
padding: 0px !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover, .numInputWrapper:hover {
background: rgb(0 0 0 / 0%) !important;
}
.addform-p input {
font-size: 14px;
padding: 10px;
}
#signature_pin_form .disabled{
background: #9e9ba7;
}
.eye-icon-pin {
cursor: pointer;
font-size: 1.2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.payment-check .form-check-input {
padding: 7px;
}
.priscripber-dropdown-box select {
text-align: center;
-moz-text-align-last: center;
text-align-last: center;
-webkit-appearance: none;
width: -webkit-fit-content;
width: -moz-fit-content;
width: 100%;
}
.priscripber-dropdown-box .form-select:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: var(--font-color-richblack);
}
li.no-product-found:hover {
background: transparent;
}
li.no-product-found {
cursor: auto;
}
.no-scroll {
overflow: hidden;
height: 100vh;
}
.signed-prescription-pdf:hover {
color: #000;
}
.signed-prescription-pdf {
color: #8a72ca;
cursor: pointer;
}
.price-row222 {
padding: 13px 20px;
}
/* .main-checkout-boxx :nth-child(1) {
border: 0px !important;
} */
.address-profiles-patiant-m input {
padding: 12px !important;
background: #E7EBEB;
font-size: 14px;
border: 0;
border-radius: 6px;
width: 100%;
}
.address-profiles-patiant-m button {
border: 0px;
background: var(--brand-color-primary);
color: var(--brand-color-white);
border-radius: 100px;
width: 28%;
padding: 10px !important;
font-size: 13px;
}
.address-profiles-patiant-m{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
position: relative;
}
.address-profiles-patiant-m select {
border: 1px solid var(--bs-border-color);
padding: 10px;
border-radius: 5px;
font-size: 14px;
width: 100%;
}
.contact-boxss:hover, .touch-with-us-form:hover {
-webkit-box-shadow: rgb(0 0 0 / 17%) 0px 7px 29px 0px;
box-shadow: rgb(0 0 0 / 17%) 0px 7px 29px 0px;
}
a.remove-imgpro img {
height: 22px;
-webkit-filter: brightness(0.5);
filter: brightness(0.5);
}
.change-signaturepin-btn button {
background: #8a7fa6 !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #fff !important;
padding: 13px !important;
}
.change-signaturepin-btn button:after {
content: none;
}
.change-signaturepin-btn button:focus{
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.swal2-actions {
padding-bottom: 20px !important;
gap: 20px;
}
.swal2-popup {
width: 20% !important;
}
.swal2-title {
padding: 0 !important;
color: var(--brand-color-primary) !important;
}
.common-disabled-class {
background: #E1E0E3;
border: 1px solid #E1E0E3;
color: #857F7F;
cursor: not-allowed;
}
button.btn.addtocart-nonpre:disabled {
cursor: not-allowed !important;
background: #9e9ba7;
border: 1px solid #9e9ba7;
color: #ffffff;
}
.checkout-btn.common-disabled-class:hover {
background: #9e9ba7 !important;
/* default background */
cursor: not-allowed;
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown.prescriber-dropdown11 .form-select {
color: #444;
font-size: 16px;
padding: 9px 7px;
border-color: #EAEDEF;
}
.patient-detail-btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.patient-box-d p {
display: -webkit-box;
display: -ms-flexbox;
display: flex
;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.main-scriptrx-tabboxx .prescriber-dropdown11 {
margin: 0;
width: 100% !important;
}
.main-scriptrx-tabboxx .prescriber-dropdown11 .select2-container {
width: 170px !important;
}
button.btn.addtocart-nonpre {
background: var(--brand-color-primary);
border: 0;
color: var(--brand-color-white);
font-size: 12px;
}
.product-vatt {
font-size: 14px;
color: #576686;
}
hr {
color: #beb5b5 !important;
}
.product_vat_price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.product_vat_price h4 {
margin: 0;
}
.logo-img-mobile img {
width: 200px;
padding-bottom: 20px;
display: none;
}
.empty-item-boxx p{
margin: 0;
}
.empty-item-boxx {
background: var(--font-color-richblack);
padding: 15px;
text-align: center;
margin-bottom: 35px;
}
.main-emptyitem-boxx {
text-align: center;
margin: 70px 0;
}
button.addtocart-empty {
background: var(--brand-color-primary);
width: 45%;
}
img.disabled_img{
-webkit-filter: brightness(0) saturate(100%) invert(58%) sepia(0%) saturate(0%) hue-rotate(172deg) brightness(93%) contrast(86%);
filter: brightness(0) saturate(100%) invert(58%) sepia(0%) saturate(0%) hue-rotate(172deg) brightness(93%) contrast(86%);
cursor: not-allowed;
}
.multi-prisecription-add-box {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.add-new-pre {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.assign-patient-select .form-select {
padding: 12px 35px 12px 15px;
/* padding: 12px !important; */
/* background: #E7EBEB !important; */
font-size: 14px;
}
.multi-prisecription-add-box label {
font-size: 15px;
font-weight: 600;
}
.add-new-pre .addto-cart-count {
gap: 11px;
border: 1px solid #EAEDEF;
border-radius: 0px;
width: -moz-fit-content;
width: 100%;
padding: 8px 10px;
}
#checkout_detail .form-control{
background: #f7f7f7;
}
@media (max-width: 600px) {
.action-buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-actions {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.navbar-linkmenu {
gap: 1.5rem !important;
}
.collapse1 {
max-width: 25% !important;
/* background: aliceblue; */
}
.register-areusure-box {
width: 77%;
}
.search-container-mobile {
position: relative;
font-family: Arial, sans-serif;
}
.top-bar-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px;
}
.icon-mobile {
cursor: pointer;
position: relative;
}
.search-dropdown-mobile {
display: none;
position: absolute;
z-index: 9999;
width: 250px;
border-radius: 5px;
left: -115px;
}
.searchfor-desktop {
display: none;
}
.search-dropdown-mobile input {
width: calc(100% - 30px);
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 3px;
}
.search-icon-mobile {
position: absolute;
top: 24px;
right: 25px;
cursor: pointer;
}
img.drower-imgs {
width: 212px;
}
b, strong {
font-family: var(--font-family-helvetica) !important;
}
.neeeeeeewwwwww .select2-container {
width: 100% !important;
}
.form-label {
margin-bottom: 3px;
font-weight: 600;
font-size: 14px;
}
.assign-patient-select input {
padding: 10px !important;
font-size: 16px;
}
.new-new-patientselect .form-control {
padding: 12px !important;
font-size: 15px;
}
.order-summary-accordion button.accordion-button {
border: 1px solid #D9D9D9;
background: transparent;
border-radius: 0px !important;
padding: 15px;
color: #000;
-webkit-box-shadow: none;
box-shadow: none;
}
.order-summary-accordion .accordion-button:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.new-newsummry-boxx{
max-height: 272px !important;
overflow-y: auto;
}
.button-action-box, .dropdown-toggle.button-action-box.show, .button-action-box:hover {
background: var(--brand-color-primary);
border: 1px solid var(--brand-color-primary);
}
ul.new-new-dropdown-menu img{
width: 18px;
}
span.count-prescription {
position: absolute;
top: -11px;
right: -12px;
background: #F76659;
padding: 0px 5px;
border-radius: 100px;
font-size: 11px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Poppins-Regular';
font-weight: 600;
min-width: 17px;
}
.text-center.pre-yesno-btn1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.table-container-history td {
color: #000;
}
.mobile-drawer{
display: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
-webkit-appearance: auto !important;
margin: 0 10px !important;
}
.flatpickr-current-month .numInputWrapper span {
display: inline-block !important;
}
/* .request-details-table {
max-height: 560px;
overflow-y: auto;
} */
.request-details-table::-webkit-scrollbar-thumb {
background: #00000052;
}
.request-details-table::-webkit-scrollbar{
width: 2px;
height: 2px;
}
.breadcrumb-item.active {
color: var(--brand-color-primary) !important;
}
option.flatpickr-monthDropdown-month {
font-size: 16px !important;
}
.order-btnsss {
padding: 7px 20px;
border: 1px solid;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--brand-color-primary);
border: 1px solid var(--brand-color-primary) !important;
color: #fff;
border-radius: 7px;
}
._success {
-webkit-box-shadow: 0 15px 25px #00000019;
box-shadow: 0 15px 25px #00000019;
width: 100%;
text-align: center;
border-bottom: solid 4px #28a745;
}
._success img, ._failed img{
width: 90px;
}
._success i {
font-size: 55px;
color: #28a745;
}
._failed {
border-bottom: solid 4px #cc3333 !important;
-webkit-box-shadow: 0 15px 25px #00000019;
box-shadow: 0 15px 25px #00000019;
}
.addto-cart-count a {
color: #000000;
font-weight: 600;
font-size: 18px;
}
.new-dpd a {
text-transform: capitalize;
font-weight: 400;
}
.new-dpd {
text-transform: uppercase;
color: var(--font-color-secondary);
font-weight: 600;
}
.order-d-headorder span {
background: #E6F9F6;
color: #00B395;
padding: 6px 12px;
border-radius: 8px;
font-size: 17px;
text-transform: uppercase;
}
.order-d-headorder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.accordion-button:not(.collapsed) {
background-color: transparent !important;
-webkit-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #D9D9D900 !important;
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #D9D9D900 !important;
border-bottom: 0;
color: #728895 !important;
}
.view-dtl-btn h4 {
color: #000;
text-align: end;
font-weight: 700;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-radius: 9px !important;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-radius: 9px !important;
}
.accordion-button{
border: 1px solid #D9D9D9;
border-radius: 9px !important;
}
.accordion-button{
color: #424242;
}
.multiply-prescription-box .accordion-item {
border-radius: 9px !important;
}
.mymulti-pre {
width: 95%;
}
.multiply-prescription-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
border: 0;
}
.accordion-item:first-of-type {
border-radius: 9px !important;
}
.ddds {
height: 35px;
background: #dfe3e7;
width: 2px;
}
.order-d-box-p h4 {
color: #000;
font-weight: 600;
}
.order-d-box-p {
padding: 20px;
border-bottom: 0;
/* border-radius: 8px; */
}
.main-order-inner1 {
border: 2px solid #d6dee5;
border-radius: 8px;
}
.order-d-box-p1 {
background: #dfe3e7;
padding: 10px 20px;
}
/* // NEW DESIGN CSS */
.cart-main-box img {
width: 36px;
}
.nav-link:focus, .nav-link:hover {
color: rgb(244 238 238 / 80%) !important;
}
.login-btnn-new {
border-bottom-left-radius: 100px;
border-top-left-radius: 100px;
border: 1px solid var(--brand-color-primary);
}
.footer-section h5 {
text-transform: uppercase;
color: var(--brand-color-white);
font-weight: 600;
font-size: 13px;
font-family: var(--font-family-helvetica);
margin: 0;
}
.footer-section input{
display: none;
}
.footer-navbarr{
background: var(--brand-color-lilac) !important;
}
.slider-container-new {
position: relative;
overflow: hidden;
height: 80vh;
width: 100%;
}
.slider-track-new {
position: relative;
height: 100%;
}
.slide-new {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 0;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
z-index: 0;
}
.slide-new.active-h-slider {
opacity: 1;
z-index: 1;
}
.slide-content-new {
width: 50%;
background-color: var(--brand-color-cream);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.slide-content-new h1 strong, .main-products-detail h1 {
font-size: 48px;
font-weight: bold;
margin-bottom: 1rem;
font-family: var(--font-family-din-condensed) !important;
color: var(--brand-color-primary);
text-transform: uppercase;
}
.slide-content-new p {
margin-bottom: 1.5rem;
font-family: var(--font-family-helvetica);
text-align: center;
text-transform: uppercase;
}
.slide-content-new p strong {
font-weight: bold;
}
.slide-content-new button {
background: var(--brand-color-primary);
color: white;
padding: 8px 20px;
border: none;
border-radius: 999px;
cursor: pointer;
font-family: 'Helvetica';
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid;
font-weight: 700;
}
.slide-image-new {
width: 50%;
background-color: #666;
}
.indicators-hnew {
position: absolute;
bottom: 20px;
left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.indicators-dotnew {
width: 17px;
height: 17px;
border-radius: 50%;
border: 1px solid #000;
background-color: transparent;
cursor: pointer;
z-index: 1;
}
.indicators-dotnew.active-h-slider {
background-color: black;
z-index: 1;
}
.fordesktopologo {
display: none;
}
.brand-pipe {
border-right: 2px solid;
font-size: 18px;
margin-right: 4px !important;
}
.slide-image-new img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
hr.title-hr {
color: #000 !important;
opacity: 1;
width: 20%;
margin: 0 auto;
}
.quality-care-content h2, .main-accourdin-box h2 {
font-size: 24px;
}
.product-gaps {
gap: 25px 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
grid-template-columns: repeat(5, 1fr);
}
.btn {
padding: 8px 25px !important;
font-family: var(--font-family-poppins) !important;
font-weight:600 !important;
border-radius: 100px;
}
.product-gaps h5 {
/* text-decoration: underline; */
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
/* text-underline-offset: 5px; */
line-height: 26px;
}
.afterwork-box img {
height: 90px;
width: 90px;
}
.img-afterwork-box{
background: var(--brand-color-white);
padding: 15px;
border-radius: 100px;
}
.afterwork-box h5 {
font-weight: 600;
margin: 0;
}
.bestseller-imgbox h4 b {
color: var(--brand-color-white);
font-family: var(--font-family-helvetica) !important;
font-size: 24px;
text-transform: uppercase;
margin-top: 40px;
display: inline-block;
}
.bestseller-imgbox {
background: url('../assests/img/bestseller-img.png');
height: 530px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 55px;
margin: 25px;
background-size: cover;
background-position: bottom;
}
.home-saying{
background: var(--brand-color-cream);
}
section.main-bestsellers-box {
padding: 80px 0;
}
.faq-container {
max-width: 600px;
margin: 0 auto;
}
.faq-item {
border-bottom: 1px solid #000;
padding: 1rem 0;
cursor: pointer;
}
.faq-question a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-transform: uppercase;
font-weight: bold;
color: var(--brand-color-primary);
}
.faq-question {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-transform: uppercase;
font-weight: bold;
color: var(--brand-color-primary);
}
.faq-answer {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.4s ease;
-o-transition: max-height 0.4s ease;
transition: max-height 0.4s ease;
font-size: 0.95rem;
line-height: 1.5;
}
.faq-item.active .faq-answer {
max-height: 200px;
/* Adjust depending on your content height */
}
.shop-button {
margin-top: 2rem;
padding: 8px;
border: 1px solid #000;
background-color: transparent;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
width: 100%;
border-radius: 25px;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
display: inline-block;
text-align: center;
color: var(--brand-color-primary);
}
.main-accourdin-box {
margin: 25px;
}
.faq-container .faq-item:last-child {
border: 0;
}
.what-customers-img img {
width: 100px;
height: 100px;
border-radius: 100px;
}
/* ABOUT PAGE NEW */
.about-new1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about-new1 p {
width: 80%;
}
.mian-newcontainer .slide-image-new img {
width: 50%;
-o-object-fit: cover;
object-fit: cover;
height: 582px;
position: absolute;
}
.mian-newcontainer .slide-content-new {
padding: 50px 50px 50px 20px;
height: 582px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.send-msg .btn {
text-transform: uppercase;
}
.send-msg {
width: 56% !important;
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--brand-color-primary);
content: var(--bs-breadcrumb-divider, "|") !important;
font-weight: 800;
}
.mian-bottom-info p {
font-size: 18px;
padding: 0px 0;
font-family: 'Helvetica';
}
/* Pharmacy registration */
section.main-pharmacy-registration {
padding: 80px 0;
}
.mian-bottom-info h1 {
font-size: 3rem;
font-weight: bold;
margin-bottom: 1rem;
font-family: var(--font-family-din-condensed);
color: var(--brand-color-primary);
text-transform: uppercase;
}
.main-pharmacy-registration{
background: var(--brand-color-cream);
}
.btn-close {
opacity: inherit;
height: 3px;
}
.form-control{
border-radius: 0 !important;
}
.main-products-detail.text-center p {
width: 60%;
margin: 0 auto;
padding-bottom: 50px;
}
.what-ourcustomers-sayhome{
background: var(--brand-color-cream);
}
.what-ourcustomers-sayhome p, .what-ourcustomers-sayhome h2 {
text-align: center;
}
.purchases-date-box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
width: 45%;
}
.search-history-purchase{
width: 100%;
}
.purchases-date-box .btn {
padding: 8px 12px !important;
font-size: 15px;
}
.purchases-date-box input {
padding: 7px 10px 7px 35px;
border: 1px solid #ccc;
border-radius: 100px !important;
font-size: 16px;
}
img.for-mobileslider-img {
display: none;
}
.what-customers-img p {
background: var(--brand-color-primary);
height: 100px;
width: 100px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 60px;
text-transform: uppercase;
font-family: var(--font-family-helvetica);
font-weight: 600;
}
.new-search-boxhead{
width: 20%;
}
.flatpickr-current-month {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.addto-cart-count img, .order-counts img {
width: 12px;
}
.after-loginshow-count{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Poppins-Regular';
font-weight: 600;
min-width: 17px;
}
label.file-upload-label span, a.remove-imgpro span, label.saves-btn-now span{
height: 20px;
font-family: 'Poppins-Regular';
}
.about-new1 p {
text-transform: none;
}
/* PAGINATION */
.moda-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 10px;
}
.moda-pagination li.page-item.active .page-link{
color: var(--brand-color-white);
}
.moda-pagination li.page-item.active a {
background: var(--brand-color-primary) !important;
border-color: var(--brand-color-primary) !important;
}
.moda-pagination .page-link {
color: var(--brand-color-primary);
}
.moda-pagination .page-link:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
/* BLOG PAGE */
section.mian-bog-section {
padding: 50px 0;
}
.blog-innerdetail-box:hover img {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.main-blog-containboxx {
-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
padding: 40px;
border-radius: 24px;
margin-top: 50px;
}
.main-blog-contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0px 39px;
}
.blog-innerdetail-box {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 55px 20px 0px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-innerdetail-box h5 {
font-size: 16px;
font-weight: 600;
color: var(--brand-color-primary);
}
.blog-innerdetail-box a {
color: var(--brand-color-primary);
text-transform: uppercase;
font-size: 13px;
text-decoration: underline !important;
font-weight: 600;
}
input.checkbox-nonregister {
font-size: 12px !important;
padding: 9px !important;
}
.form-control, .registerrr input{
border-color: #D9D9D9;
}
.text-decoration-underline {
text-underline-offset: 5px;
}
.moda-pagination-shopall {
padding-top: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
li.page-item.active a {
color: #ffffff !important;
}
.moda-pagination-shopall .active >.page-link, .page-link.active {
background: var(--brand-color-primary) !important;
border-color: var(--brand-color-primary) !important;
}
/* BLOG PAGE */
section.main-blogdetail-section {
position: relative;
top: -160px;
z-index: 1;
}
.fristpart-detail {
-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
padding: 40px 50px;
border-radius: 24px;
background: var(--brand-color-white);
}
.fristpart-detail h3 {
color: #000;
font-weight: 600;
font-size: 18px;
}
.lastname-blog {
padding-top: 20px;
}
.mightlike-img img {
width: 100%;
border-radius: 11px;
height: 130px;
-o-object-fit: cover;
object-fit: cover;
}
/* Terms & Conditions */
section.main-termcondition {
padding: 50px 0;
}
.main-termscondition-ctn h1{
color: var(--brand-color-primary);
}
.maindemoall-pro {
max-height: 575px;
overflow: auto;
padding: 0px 20px 0px 0px;
}
.maindemoall-pro::-webkit-scrollbar{
width: 1px;
}
::-webkit-scrollbar-thumb{
background: #00000052;
}
.contain-mightlike p {
color: var(--brand-color-primary);
}
.blog-bgimg-cnt:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 500px;
background:rgb(0 0 0 / 46%);
z-index: 1;
}
.image-aspect-ratio {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.image-aspect-ratio img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
-o-object-fit: cover;
object-fit: cover;
}
.image-aspect-ratio::before {
display: block;
content: "";
}
.image-aspect-ratio-21by9::before {
padding-top: 58.35%;
}
.what-customers-saying-content .slick-slider {
margin-bottom: 0 !important;
}
span.div-top {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-innerdetail-box img {
border-radius: 24px;
}
.kbw-signature {
width: 100%;
height: 200px;
display: inline-block;
border: 1px solid #a0a0a0;
-ms-touch-action: none;
}
#sig canvas{
width: 100% !important;
height: 160px !important;
border: 1px solid !important;
}
.kbw-signature-disabled {
opacity: 0.35;
}
input:-webkit-autofill, input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset;
border-color: #D9D9D9;
}
input:-webkit-autofill:focus {
border-color: #86b7fe;
outline: 4px solid rgba(13, 110, 253, .25);
}
.priscripber-dropdown-box .form-select:disabled {
background-color: var(--bs-secondary-bg);
background: #E1E0E3;
border: 1px solid #E1E0E3;
color: #857F7F;
cursor: not-allowed;
}
.modadelivery-box .form-select {
font-weight: 500 !important;
width: 100%;
border: 1px solid #D9D9D9;
text-align: left;
font-size: 16px;
}
.modadelivery-box .dropdown-menu.show {
width: 100%;
}
.modadelivery-box .dropdown-item {
padding: 5px 10px;
font-size: 15px;
}
.input-group-text {
background-color: #eef1f4 !important;
}
.additional-info table th, .additional-info table td {
padding: 10px;
border: 1px solid #e0e0e0;
}
.additional-info tbody tr:nth-child(even) {
background-color: #f9f9f9;
}
.additional-info table th, .additional-info table td i {
font-style: normal;
}
.slide-content-new p {
margin-bottom: 10px;
}
.product-detail-cnt h4 {
color: var(--brand-color-primary);
}
/* a.address-footer {
text-transform: none;
} */
.ReadOnlyFormField-container {
margin-bottom: var(--space-2);
display: none !important;
}
.main-success-msg {
width: 75%;
text-align: center;
padding-bottom: 12px;
display: block;
margin: 0 auto;
}
.success-iconbox img {
height: 60px;
padding: 20px;
background:#e6f4e7;
border-radius: 100px;
}
.success-iconbox {
text-align: center;
margin-bottom: 10px;
}
.mainbox-success h4 {
font-size: 30px;
}
.mainbox-success {
padding: 100px 0;
border: 1px solid #e6e6e6;
border-radius: 10px;
margin-bottom: 10px;
}
.copied-links a {
color: #000;
}
.additional-info h3 {
font-size: 18px;
}
.alreadyexits-box{
width: 82%;
margin: 0 auto;
}
span.p-namess {
width: 30%;
}
.mobile-pree {
width: 82%;
}
.main-termscondition-ctn h3 {
font-size: 18px;
}
.onlymail-no-text{
font-size: 14px !important;
}
.top-area-box p, .top-area-box a {
margin: 0px;
color: white;
}
.top-area-box a {
font-weight: 600;
text-decoration: underline !important;
}
.top-area-box {
text-align: center;
padding: 5px;
background-color: red;
}
@media only screen
and (min-device-width: 319px)
and (max-device-width:932px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.slider-container-new {
min-height: 75vh;
}
.ipad-slide-new {
display: flex !important;
flex-direction: row !important;
align-items: normal !important;
}
.slide-content-new {
width: 45%;
}
.slide-image-new, .mian-newcontainer .slide-image-new img {
width: 55%;
background-color: #666;
}
.indicators-hnew {
position: absolute !important;
left: 20px !important;
display: flex !important;
justify-content: flex-start !important;
}
}
/* @media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
body {
font-family: var(--font-family-helvetica) !important;
}
} */
@media screen and (max-device-width:1480px) {
.slider-container-new {
height: 75vh;
}
.slide-content-new {
padding: 2rem;
}
}
@media screen and (max-device-width:1440px) {
.modahome-slider .carousel-caption.d-none.d-md-block {
width: 60%;
}
.drawer {
width: 26%;
}
.slider-content-hiro {
height: 490px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 36px;
}
.admin-login-box {
width: 40%;
}
.footer-links a {
font-size: 11px;
}
}
@media only screen and (min-device-width: 1280px) and (max-device-width: 1399px) {
/* // .admin-login-box {
// width: 45%;
// } */
/* .slide-image-new {
width: 55%;
background-color: #666;
}
.slide-content-new {
width: 45%;} */
.scriptrx-contact {
padding: 60px 0;
}
.slider-container-new {
height: 55vh;
}
.main-blog-contain {
padding: 0;
}
.main-profile-formm h3 b {
width: 15%;
}
.footer-links a {
font-size: 11px;
}
.mightlike-img {
padding-bottom: 12px;
}
.custom-pin-model {
max-width: 50% !important;
}
.footer-links h5 {
padding-top: 20px;
}
b.get-touch-t {
margin-bottom: 5px;
}
.touch-with-us-form {
padding: 20px;
}
.main-medicine-convenience-slider, .google-reviews-section, .main-shopour-featured {
padding: 50px 0;
}
.touchhh-box-about {
padding-top: 50px;
}
h2 {
font-size:33px;
font-weight: 600;
}
.modahome-slider .carousel-caption.d-none.d-md-block {
width: 70%;
margin: 0 auto;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
bottom: 0;
}
h1 {
font-size:40px;
}
.slider-content-hiro {
height: 420px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 36px;
}
.thumbnail-container {
overflow-x: scroll;
width: 100%;
}
.tab-detail {
width: 30%;
}
.addtocart-btn {
font-size: 12px;
}
/* // .contact-boxss {
// height: 185px;
// } */
.main-map iframe {
height: 600px;
}
.ourmission-box {
width: 100%;
}
section.my-about-section, .scriptrx-section, .about-section {
height: 435px;
}
.drawer {
width: 30%;
}
.benefits-cantent {
padding: 12px;
}
div#prescription_cart .select2-container {
display: table-cell;
}
div#prescription_cart {
gap: 20px 0;
}
}
@media screen and (max-device-width:1024px) {
.slide-content-new {
width: 45%;
}
.priscripber-dropdown-box select {
text-align: center;
-moz-text-align-last: center;
text-align-last: center;
-webkit-appearance: none;
width: -webkit-fit-content;
width: -moz-fit-content;
width: 100%;
}
.slide-image-new, .mian-newcontainer .slide-image-new img {
width: 55%;
background-color: #666;
}
.slider-container-new {
height: 42vh;
}
}
@media only screen and (min-device-width: 993px) and (max-device-width: 1279px) {
/* // .main-touch-form, .main-action-form, .main-profile-formm {
// gap: 7px 0;
// } */
.newww-aboutmobile{
width: 100%;
}
.newwww-aboutmain{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main-accourdin-box {
margin: 0;
width: 100%;
}
.main-profile-formm h3 b {
width: 15%;
}
.boxx-signprescription {
padding-top: 20px;
}
div#prescription_cart {
gap: 20px 0;
}
.faq-container {
max-width: none;
margin: 0 auto;
}
.bestseller-imgbox{
background-position: inherit;
margin: 0;
}
.mightlike-img {
padding-bottom: 12px;
}
.main-blog-contain {
padding: 0;
}
.slide-content-new h1 strong, .main-products-detail h1 {
text-align: center;
}
.addtocart-box button {
width: 46%;
}
.slide-content-new {
padding: 30px 10px;
}
.about-new1 p {
margin: 0;
}
.afterwork-box h5 {
font-weight: 600;
font-size: 14px;
}
.product-gaps {
gap: 25px 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 0 1fr 0 1fr;
grid-template-columns: repeat(3, 1fr);
}
.scriptrx-product-main th {
padding: 11px 6px;
}
.main-scriptrx-tabboxx th, .table-container-history td {
font-size: 12px;
}
.custom-pin-model {
max-width: 50% !important;
}
/* // .contact-boxss {
// height: 200px;
// } */
.admin-login-box {
width: 60%;
}
.footer-links h5 {
padding-top: 20px;
}
.main-map iframe {
height: 515px;
}
.touchhh-box-about {
padding-top: 50px;
}
img.reviews-star {
width: auto;
margin-bottom: 20px;
}
.tab-detail {
width: 30%;
}
h2 {
font-size: 32px;
font-weight: 600;
}
.main-medicine-convenience-slider, .google-reviews-section, .main-shopour-featured {
padding: 50px 0;
}
.happy-customers, .touch-with-us, .quality-care {
padding-bottom: 50px;
}
.box-slider-c {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.happy-customers-box {
padding: 50px 50px;
}
.touch-with-us-content img {
width: 100%;
}
b.get-touch-t {
margin-bottom: 5px;
}
.touch-with-us-form {
padding: 50px;
}
.contactus-form {
padding: 25px !important;
}
.profile-container img {
width: 35px;
height: 35px;
margin-left: -3px !important;
}
.modahome-slider .carousel-caption.d-none.d-md-block {
width: 70%;
margin: 0 auto;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
bottom: 0;
}
h1 {
font-size:40px;
}
.slider-content-hiro {
height: 390px;
}
.thumbnail-container {
overflow-x: scroll;
width: 100%;
}
.addtocart-btn {
font-size: 12px;
}
.ourmission-box {
width: 100%;
}
.how-itwork-box {
height: 235px;
}
section.filter-category, section.main-product-section, .main-purchasestable, .main-order-detail, .main-cartdetail, .main-checkout-box, .main-profile-section, section.main-whoweare-section, section.how-itwork-section {
padding: 30px 0;
}
section.my-about-section, .scriptrx-section, .about-section {
height: 435px;
}
.customer-counts b {
font-size: 22px;
}
.drawer {
width: 37%;
}
.scriptrx-section-img {
height: 500px;
}
.contact-boxss h3 {
color: var(--brand-color-primary);
text-align: center;
font-size: 17px;
}
.benefits-cantent {
padding: 12px;
}
.benefits-cantent {
margin: 0px 20px;
}
.scriptrx-contact {
padding: 00px 0;
}
.new-search-boxhead {
width: 25%;
}
.product-boxs img, .product-boxs{
height: 350px;
}
div#prescription_cart .select2-container {
display: table-cell;
}
.tab-content-script {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 10px;
display: none;
}
.patient-detail-btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media screen and (device-width: 1024px) and (orientation: landscape) {
.slider-container-new {
height: 60vh;
}
}
@media only screen and (device-width: 993px) and (orientation: landscape) {
.ipad-slide-new {
display: flex !important;
flex-direction: row !important;
align-items: normal !important;
}
.slide-content-new {
width: 45%;
}
.slide-image-new, .mian-newcontainer .slide-image-new img {
width: 55%;
background-color: #666;
}
.slider-container-new {
max-height: 50vh !important;
}
.indicators-hnew {
position: absolute !important;
left: 20px !important;
display: flex !important;
justify-content: flex-start !important;
}
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
.bestseller-imgbox{
display: none;
}
.tab-content-script {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding:0px;
display: none;
}
.mainmain-cartdetail h4 b {
padding: 0 14px;
}
.card-head{
padding: 10px 14px;
}
.patient-detail-btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 821px){
.product-boxs img, .product-boxs {
height: 415px !important;
}
.product-gaps h5 {
font-size: 16px !important;
}
.tab-content-script {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 10px;
display: none;
}
.mainmain-cartdetail h4 b {
padding: 0 14px;
}
.card-head{
padding: 10px 14px;
}
.patient-detail-btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media screen and (max-device-width: 993px) {
.navbar-expand-lg .navbar-collapse {
display: none !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: block !important;
}
footer.main-footer .col-lg-4, footer.main-footer .col-lg-8, footer.main-footer .col-lg-3, footer.main-footer .col-lg-5 {
width: 100%;
}
button.scroll-arrow {
display: none !important;
}
.slider-brand {
padding: 0 !important;
}
}
@media screen and (max-device-width: 992px) {
button.scroll-arrow {
display: none !important;
}
.navbar-expand-lg .navbar-collapse {
display: none !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: block !important;
}
footer.main-footer .col-lg-4, footer.main-footer .col-lg-8, footer.main-footer .col-lg-3, footer.main-footer .col-lg-5 {
width: 100%;
}
.slider-brand {
padding: 0 !important;
}
.slider-container-new {
height:85vh !important;
}
}
@media only screen and (device-width: 992px) and (orientation: landscape) {
.ipad-slide-new {
display: flex !important;
flex-direction: row !important;
align-items: normal !important;
}
.slide-content-new {
width: 45%;
}
.slide-image-new, .mian-newcontainer .slide-image-new img {
width: 55%;
background-color: #666;
}
.slider-container-new {
max-height: 50vh !important;
}
.indicators-hnew {
position: absolute !important;
left: 20px !important;
display: flex !important;
justify-content: flex-start !important;
}
}
@media only screen and (min-device-width: 319px) and (max-device-width: 993px) {
.main-order-inner {
margin-top: 17px;
}
#button-topscroll::after {
font-size: 22px;
line-height: 41px;
}
#button-topscroll {
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.alreadyexits-box {
width: 90%;
}
.mymulti-pre h3 , .view-dtl-btn h4, .order-d-headorder span{
font-size: 16px;
}
.mymulti-pre h3{
padding-right: 10px;
}
.dropdown.userdropdown .dropdown-menu.show {
background: #fff;
border: 1px solid #ddd7d7;
padding: 0;
right: 0;
left: auto;
width: 100%;
}
.mymulti-pre .ddds {
height: 0;
}
.purchases-date-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
width: 45%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.purchases-date-box input {
width: 100%;
}
.dropdown.prescriber-dropdown11 .form-select {
color: #444;
font-size: 11px;
padding: 9px 7px;
border-color: #EAEDEF;
min-width: 131px;
}
.main-price-box {
padding-top: 10px;
}
.mymulti-pre .d-flex.flex-row.gap-3.align-items-center {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
gap: 1px !important;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.order-d-headorder h3 {
font-size: 13px;
}
.mainmain-cartdetail h4 b {
padding: 0 14px;
}
.card-head{
padding: 10px 14px;
}
.patient-detail-btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.mightlike-img {
padding-bottom: 12px;
}
.purchases-date-box {
width: 100%;
}
.mobile-category :nth-child(5) {
display: none;
}
.product-boxs img, .product-boxs{
height: 195px;
}
span.div-top {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.slide-content-new {
padding: 10px 10px !important;
}
.slick-dots li button, .slick-dots li.slick-active button {
width: 8px !important;
height: 8px !important;
}
a.navbar-brand img {
width: 173px;
}
.mightlike-img img {
height: 150px;
}
.fristpart-detail{
padding: 20px;
margin-bottom: 20px;
}
section.main-blogdetail-section {
position: relative;
top: 0;
}
.boxx-signprescription {
padding-top: 20px;
}
button.addtocart-empty {
width: 100%;
}
.indicators-hnew {
position: absolute;
bottom: 11px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.slide-image-new {
width: 50%;
background-color: #666;
height: 100%;
}
.slider-container-new {
height: 80vh;
}
.copyright-footer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.main-pharmacy-registration {
padding: 40px 0;
}
.drawer-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6); /* black with opacity */
z-index: 1040; /* less than drawer (which is 1050) */
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.scriptrx-section-img {
height: 485px;
}
.drawer-overlay.show {
opacity: 1;
visibility: visible;
}
.mobile-drawer{
display: block;
}
.fordeskmobile-cart-box {
display: none;
}
.mobile-drawer {
position: fixed;
top: 0;
left: -391px;
width: 300px;
height: 100%;
background-color: white;
-webkit-box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
-webkit-transition: left 0.3s ease-in-out;
-o-transition: left 0.3s ease-in-out;
transition: left 0.3s ease-in-out;
z-index: 1050;
padding: 10px;
}
.mobile-cartnav {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
gap: 10px;
padding: 0 10px;
}
.navbar-second.navbar.navbar-expand-lg.navbar-light.mt-2.mb-2.bg-light-color {
margin: 0 !important;
padding-top: 2px;
padding-bottom: 0;
}
.nav-second-header {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
gap: 10px;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.mobile-drawer.open {
left: 0;
overflow-y: scroll;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.drawer-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px;
margin-bottom: 15px;
}
.static-drawer-menu {
position: relative !important;
display: none;
float: none;
-webkit-transform: translate(0px, 0px) !important;
-ms-transform: translate(0px, 0px) !important;
transform: translate(0px, 0px) !important;
}
.tab-script-rx {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.body-overlay {
background: rgb(0 0 0 / 0%);
}
.text-center.pre-yesno-btn1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.searchfor-desktop {
display: block;
}
.serchboxx-mobile {
display: none;
}
.register-areusure-box {
width: 100%;
}
.navbar-linkmenu {
gap: 0px!important;
padding-bottom: 20px;
}
.collapse1 {
max-width: 100% !important;
/* background: aliceblue; */
}
li.nav-item.active a {
color: var(--font-color-secondary);
padding-top: 0;
}
.breadcrumb-mian li, .breadcrumb-mian li a {
font-size: 12px;
}
.frist-footer p {
text-align: center;
}
.frist-footer {
height: 250px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.copyright-footer p {
padding: 5px 0;
text-align: center;
}
.mobile-footer-logo {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.product-tab-buttons {
width: 100%;
}
.add-new-pre label {
margin-top: 13px;
}
.main-scriptrx-tabboxx h3 {
padding-bottom: 15px;
}
.user-user {
width: 100%;
}
.form-control, .registerrr input {
border-color: #D9D9D9;
min-width: 111px;
font-size: 10px;
}
.dropdown.patient-dropdown select.form-control.select2.form-select.disabled {
color: #444;
min-width: 133px;
font-size: 11px;
}
.button-action-box, .dropdown-toggle.button-action-box.show, .button-action-box:hover {
background: var(--brand-color-primary);
border: 1px solid var(--brand-color-primary);
padding: 4px !important;
font-size: 12px;
}
.main-profile-formm h3 img {
width: 100%;
}
/* // img.img-slider-home {
// height: auto;
// } */
.search-dropdown {
z-index: 9999;
}
.fixed-top1 {
background: #ffffff !important;
z-index: 999;
margin: 0 !important;
}
.main-dropdown-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.medicine-slider {
margin-top: 10px;
}
.b-img {
padding-bottom: 50px;
}
ul.dropdown-menu.show {
margin-bottom: 15px;
}
.benefits-ofusing-section {
padding: 40px 20px 20px;
}
.custom-pin-model {
max-width: 50% !important;
}
.b-img img {
height: auto;
}
.touch-with-us {
padding-bottom: 25px;
}
.benefits-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 22px;
margin-bottom: 0;
border-left: 0px solid #ffff;
padding-left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.benefits-box h3, .benefits-box p {
text-align: center;
}
.howitwork-num {
margin: 50px 10px 10px 10px;
}
.benefits-cantain h2 {
text-align: center;
}
.scriptrx-contact {
padding: 10px;
}
.areyou-priscriber-box {
margin-top: 10px;
margin-bottom: 30px;
}
.thumbnail {
width: 161px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
cursor: pointer;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.search-box {
position: relative;
width: 100%;
}
.admin-login-box {
width: 90%;
padding: 20px;
}
img.img-slider-home {
/* // height: 100vh !important; */
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
}
.trendcart-view {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.touchhh-box-about {
padding-top: 20px;
}
section.filter-category, section.main-product-section, .main-purchasestable, .main-order-detail, .main-cartdetail, .main-checkout-box, .main-profile-section, section.main-whoweare-section, section.how-itwork-section {
padding: 20px 0;
}
.main-map {
padding-top: 25px;
}
.contact-boxss {
margin-bottom: 15px;
}
.main-contactpage {
margin-top: 40px;
padding-bottom: 40px;
}
.addtocart-btn {
font-size: 12px;
width: 100%;
}
.orderpro-card {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.order-d-box h4 {
margin-top: 20px;
margin-bottom: 7px !important;
}
/* .container, .container-sm {
max-width: 700px;
} */
h1 {
font-size: 25px;
}
p, a, span {
font-size: 14px;
}
.pro-detail-li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pro-detail-li ul {
margin: 0;
}
.profile-container img {
width: 45px;
height: 45px;
}
.navbar-second>.container {
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
a.nav-link.active {
border-top: 0;
}
li.nav-item.active {
border-top: 0px solid;
}
a.nav-link {
padding-top: 0;
}
.headerLight {
position: relative;
padding: 0px !important;
}
.top-navbar-inner {
text-align: center;
}
.what-customers-saying-content h2, .what-customers-saying-content h2 b {
font-size: 31px;
}
.what-customers-saying-content .slick-slider {
margin-bottom: 30px;
margin-top: 0 !important;
}
button.navbar-toggler {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
padding: 0;
border: 0;
}
/* // .navbar>.container {
// display: flex;
// justify-content: space-between !important;
// } */
.btn-actions a {
gap: 10px;
font-size: 14px;
}
.quality-care-content button {
margin-top: 15px !important;
}
a.categories-box img {
height: 40px;
}
.ourproduct-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
li.product-dropdownbox ul img {
display: none;
}
a.categories-box {
-webkit-text-decoration: auto;
text-decoration: auto;
color: #000;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* // margin: 15px 0; */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #ededed;
padding: 2px;
padding-left: 10px !important;
border-radius: 10px;
}
.cart-section-icons{
padding-top: 0;
}
button.skin-booster-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
li.product-dropdownbox ul button img {
display: block;
}
li.categories-box-drawer ul {
top: 42px !important;
width: 100%;
}
.products-tab-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: -39px;
width: 100%;
}
.product-tab-buttons {
background: #ffffff;
}
img.reviews-star {
width: auto;
margin-bottom: 47px;
}
.box-slider-c {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.google-reviews-box img {
margin-bottom: 10px;
}
h2 {
font-size: 29px;
}
.happy-customers-box {
padding: 20px 20px;
}
.touch-with-us-content img {
width: 100%;
padding-bottom: 20px;
}
.select-pre-patient .dropdown {
width: 50%;
}
.thumbnail-container {
overflow-x: scroll;
width: 100%;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.tabs-details {
gap: 2px;
}
.tab-detail {
width: 37%;
font-size: 13px;
}
button.review-submit {
width: 100%;
}
.addtocart-box button {
width: 65%;
}
.product-detail-cnt {
padding: 20px 0;
}
.actions-form-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pre-yesno-btnn button {
padding: 9px 40px !important;
}
.modaslider-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 6px;
}
.logoutt-btn button {
padding: 9px 30px !important;
}
.box-left-img {
border-radius: 21px 21px 0px 0px;
}
.about-img img {
border-radius: 0;
height: auto;
width: 100%;
padding-top: 25px;
}
.main-profile-formm h3 b {
width: 100%;
}
.final-payment-account {
padding-bottom: 20px;
}
.main-profile-formm h3 {
color: var(--brand-color-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.whoweare-inner-box {
height: auto;
}
.ourmission-box{
width: 100%;
}
section.my-about-section, .scriptrx-section, .about-section {
height: 265px;
}
.main-contactpage, .main-about-section {
margin-top: 30px;
padding-bottom: 20px;
}
.customer-counts b {
font-size: 20px;
}
b.get-touch-t {
margin-bottom: 0;
}
.modahome-slider .carousel-caption.d-none.d-md-block {
width: 60%;
bottom: 105px;
}
.orderpro-card-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.view-dtl-btn {
width: auto;
}
.quality-care, .happy-customers{
padding: 30px 0 30px;
}
.google-reviews-section{
padding: 50px 0;
}
.slider-brand {
padding: 20px 0 0;
}
.new-brand-logoslider {
padding: 30px 0;
}
.main-medicine-convenience-slider, .main-shopour-featured {
padding: 30px 0;
}
.touch-with-us-form {
padding: 20px;
}
.slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
gap: 0;
}
.my-slider, .product-featured-slider {
padding: 10px;
}
.modal-actions-box button.btn-close {
position: absolute;
right: 20px;
top: 10px;
}
.actions-form-footer , .actions-form h3{
padding: 10px;
}
/* // .actions-form {
// height: auto;
// } */
.rgt-action-s {
height: auto !important;
}
.contact-title {
width: 100%;
padding: 10px;
}
.rgt-action-f {
height: 400px;
display: none;
}
.main-checkout-box h3 {
padding-top: 30px;
}
.filter-category-roww{
gap: 20px 0;
}
.footer-links h5 {
margin-bottom: 0px;
}
.product-info h3 {
font-size: 14px;
width: 100%;
}
.contact-boxss p {
margin: 0;
font-size: 14px;
text-align: left;
}
.tabs-rx-script {
position: relative;
}
.content-script-rx {
margin-left: 0;
}
.tabs-rx-script {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 4px;
position: relative;
}
.tabs-container-scriptrx {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
button.view-more-btn, button.action-btn {
margin: 0px 0;
}
.profile-form-endbtn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.profile-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.address-profiles, .address-profiles-patiant-m {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.address-profiles button, .address-profiles-patiant-m button {
width: 100%;
}
.address-profiles-patiant-m select {
width: 100%;
}
.drawer {
width: 95%;
}
.main-mapsection {
padding-bottom: 20px;
}
.about-boxss h2 {
font-size: 30px;
margin: 0;
}
.frist-footer img {
width: 150px;
}
.main-footer {
padding: 30px 20px;
}
.purchasestable-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.table-container-history th, .table-container-history td {
font-size: 12px;
}
a.show_prescription_pdf img, a.sign_prescription_item img {
width: 20px;
}
.about-boxss {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ededed;
}
.about-boxss span {
font-size: 16px;
}
.registerrr {
display: -webkit-box;
display: -ms-flexbox;
display: flex
;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.registerrr input, .registerrr button {
width: 100%;
}
.actions-form {
padding: 17px;
}
.main-checkout-form {
padding: 20px;
}
.final-payment {
width: 100%;
}
.logo-img-mobile img {
width: 148px;
padding-bottom: 15px;
display: block;
padding-top: 15px;
}
.signature-pinnn .modal-content {
width: 100%;
}
.otpCont_pin {
gap: 7px;
}
.otpCont_pin input {
height: 35px;
width: 35px;
}
/* // NEW FOOTER */
.footer-section {
border-bottom: 1px solid #ccc;
padding: 15px 0;
}
.footer-section input {
display: none;
}
.footer-section label {
display: block;
padding: 10px;
font-weight: bold;
cursor: pointer;
text-align: center;
}
.accordion-content {
display: none;
padding: 0 10px 10px;
}
.footer-section input:checked + label + .accordion-content {
display: block;
padding: 0px;
}
/* Optional: Animate accordion */
.accordion-content {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.footer-links a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.mian-contact-details span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
.mian-contact-details a {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: center;
}
li.nav-item.active a, a.nav-link, .nav-link:focus, .nav-link:hover{
color: var(--brand-color-primary) !important;
}
.login-register-btnnew {
display: none !important;
}
.newnew-logo-mobile{
display: none;
}
.newnew-section-mobile {
-webkit-box-pack:center !important;
-ms-flex-pack:center !important;
justify-content:center !important;
}
a.cart-main-box img {
-webkit-filter: invert(1);
filter: invert(1);
}
a.navbar-brand {
margin: 0;
}
button.navbar-toggler span {
font-size: 23px;
}
.fordesktopologo {
display: block;
}
.brand-pipe {
border-right: 0px solid;
font-size: 14px;
}
.slider-track-brand img {
width: 100px;
}
.slide-content-new, .slide-image-new{
width: 100%;
}
/* .slider-container-new {
height: 65vh;
} */
.slide-new {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slide-content-new h1 strong, .main-products-detail h1{
text-align: center;
font-size: 36px;
margin: 0;
}
.slide-content-new h1 strong{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
}
.slide-content-new p {
margin-bottom: 0;
}
.slide-content-new{
padding: 30px 10px !important;
}
.slide-image-new img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-gaps {
gap: 10px 0;
-ms-grid-columns: 1fr 0 1fr;
grid-template-columns: repeat(2, 1fr);
}
.product-gaps h5 {
font-size: 12px;
}
.bestseller-imgbox {
display: none;
}
.quality-care-content h2, .main-accourdin-box h2 {
font-size: 20px;
text-align: center;
margin-bottom: 10px !important;
}
section.main-bestsellers-box {
padding: 30px 0;
background:var(--brand-color-cream);
}
.btn.sliderbtn-shopnow, .btn.sliderbtn-shopnow1, .shop-button {
font-weight: 400;
font-size: 12px;
margin-top: 22px;
}
.indicators-dotnew {
width: 8px;
height: 8px;
}
.main-accourdin-box {
padding: 30px 0;
margin: 0;
width: 100%;
}
.faq-container {
max-width: 100%;
margin: 0 auto;
}
.shop-button {
margin-top: 10px;
font-weight: 600;
}
.faq-question a {
font-size: 14px;
}
.what-customers-saying {
margin: 20px 0;
padding: 20px 0 0;
background: var(--brand-color-white);
}
/* after-whoweare-box mobile view */
.after-whoweare-box .mobileafterwork-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
gap: 16px;
}
.after-whoweare-box .afterwork-box{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
scroll-snap-align: start;
}
.afterwork-box {
width: 100%;
text-align: center;
padding: 16px;
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
}
.afterwork-box img {
height: 65px;
width: 65px;
margin-bottom: 0px;
}
.row.mobileafterwork-box .dummy-class {
padding: 0;
}
/* Optional: Hide scroll bar (except iOS) */
.after-whoweare-box .mobileafterwork-box::-webkit-scrollbar {
display: none;
}
section.after-whoweare-box {
margin: 0 0 0;
}
.afterwork-scroll-wrapper {
position: relative;
}
.afterwork-item {
width: 100%;
}
.scroll-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
border: none;
font-size: 24px;
cursor: pointer;
border-radius: 50%;
background: transparent;
-webkit-filter: opacity(0.5);
filter: opacity(0.5);
}
.scroll-arrow.left {
left: 0;
}
button.scroll-arrow {
display: block !important;
}
.scroll-arrow.right {
right: 0;
}
/* ABOUT- NEW MEDIA */
.about-new1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* Contact page */
.mian-newcontainer .slide-image-new img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 500px;
position: inherit;
}
.send-msg a {
width: 100%;
}
.mian-newcontainer .slide-content-new {
padding: 30px 0;
height: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.actions-form h3 {
font-size: 35px;
}
img.for-mobileslider-img {
display: block;
}
img.for-desktopslider-img {
display: none;
}
.contact-title p {
width: 100%;
}
.contact-boxss {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.whoweare-inner-box p {
width: 100%;
padding: 0px 10px;
}
.benefits-cantent {
border-radius: 10px;
padding: 20px;
margin: 0;
}
.main-blog-containboxx, .main-blog-contain, .blog-innerdetail-box {
padding: 10px;
}
.main-blog-containboxx {
margin-top: 20px;
}
.blog-innerdetail-box {
margin-top: 20px;
}
.main-products-detail.text-center p {
width: 100%;
padding-bottom: 30px;
}
div#prescription_cart {
gap: 20px 0;
}
section.prescriber-doctor {
margin-bottom: 15px;
}
}
button.scroll-arrow {
display: none;
}